lintje 0.2.0 → 0.3.0

package/dist-elements/custom-elements.json

@@ -11,7 +11,7 @@
           "name": "LintjeCopyButton",
           "tagName": "lintje-copy-button",
           "customElement": true,
-          "description": "`<lintje-copy-button>` — text to the clipboard, with a confirmation.\n\nCopies `text`, or the text of the element whose id is in `for` (same root, read on press).\nDisabled with nothing to copy; a `for` target that appears later enables it. A second copy\nempties the status first so a screen reader hears it again.\n\nEvents: `lintje-copy` (detail: the text) after a copy, `lintje-copy-error` (detail: the\ntext) when the browser refused.",
+          "description": "`<lintje-copy-button>` — a button that copies text to the clipboard, and confirms it.\n\nIt copies `text`, or the text of the element named in `for`, read on press. With nothing to\ncopy it is disabled; a `for` target that appears later enables it.\n\nEvents: `lintje-copy` `string` (the text copied), `lintje-copy-error` `string` (the browser\nrefused).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -361,7 +361,7 @@
           "name": "LintjeMenuButton",
           "tagName": "lintje-menu-button",
           "customElement": true,
-          "description": "`<lintje-menu-button>` — a button with a menu of actions.\n\nThe trigger is a native `<button>` so `aria-haspopup`, `aria-expanded` and `aria-controls` sit\non the focused element; `aria-controls` names the popover because the `role=\"menu\"` panel is\nin the popover's shadow root. A disabled trigger is `aria-disabled`: it stays in the tab order\nand refuses to open. Keys reach disabled rows too, so their `reason` tooltip shows on focus.\nWhile `busyLabel` is set the trigger is disabled and the sentence stands beside it with a\nspinner; the `role=\"status\"` is always present so the sentence is read out when it appears.\n\n`split` makes it two halves of one button, 1 px apart: the label does the usual action\n(`action`), the arrow beside it opens the other ways to do it. Busy, a split button keeps its\nsize and colours: only its icon turns into the spinner, and the sentence is for the screen\nreader.\n\nEvents: `lintje-action` (the row's value, or `action` from a split button's own half),\n`lintje-navigate` `{ href }` for a link row.",
+          "description": "`<lintje-menu-button>` — a button with a menu of actions.\n\nA disabled trigger stays in the tab order and refuses to open. The keys reach disabled rows\ntoo, so their `reason` tooltip shows on focus.\n\nEvents: `lintje-action` `string` (the row's value, or `action` from a split button's own half),\n`lintje-navigate` `{ href }` (a link row).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -444,7 +444,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "An action is under way: the sentence beside the spinner. Empty when none is.",
+              "description": "An action is under way: the trigger is disabled and this sentence stands beside the spinner,\nread out when it appears. A split button keeps its size and colours: only its icon turns into\nthe spinner, and the sentence is for the screen reader. Empty when none is.",
               "attribute": "busy-label"
             },
             {
@@ -482,7 +482,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The label is a button of its own, and the arrow beside it opens the menu.",
+              "description": "Two halves of one button, 1 px apart: the label does the usual action (`action`), the arrow\nbeside it opens the other ways to do it.",
               "attribute": "split",
               "reflects": true
             },
@@ -564,7 +564,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "An action is under way: the sentence beside the spinner. Empty when none is."
+              "description": "An action is under way: the trigger is disabled and this sentence stands beside the spinner,\nread out when it appears. A split button keeps its size and colours: only its icon turns into\nthe spinner, and the sentence is for the screen reader. Empty when none is."
             },
             {
               "name": "placement",
@@ -590,7 +590,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The label is a button of its own, and the arrow beside it opens the menu."
+              "description": "Two halves of one button, 1 px apart: the label does the usual action (`action`), the arrow\nbeside it opens the other ways to do it."
             },
             {
               "name": "action",
@@ -639,7 +639,7 @@
           "name": "LintjeQrCode",
           "tagName": "lintje-qr-code",
           "customElement": true,
-          "description": "`<lintje-qr-code>` — a QR code a phone camera reads, with a button that copies it as an\nimage.\n\nThe host sets `value`, the text the code holds, and the element makes the code. A host that\nmakes its own sets `src` instead: an image of only the dark modules, without a margin. The\nelement sets the code on a light quiet zone in every mode and theme, because many camera apps do\nnot read an inverted code.\n\nEvents: `lintje-copy` after the image is on the clipboard, `lintje-copy-error` when the\nbrowser refused.",
+          "description": "`<lintje-qr-code>` — a QR code a phone camera reads, with a button that copies it as an image.\n\nThe element makes the code from `value`, or shows the host's own image in `src`. The code stands\non a light quiet zone in every mode and theme, because many camera apps do not read an inverted\ncode.\n\nEvents: `lintje-copy` (the image is on the clipboard), `lintje-copy-error` (the browser refused).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -662,7 +662,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "URL or data URI of an image of the code the host made; it goes before `value`.",
+              "description": "URL or data URI of an image of the code the host made: only the dark modules, without a\nmargin. It goes before `value`.",
               "attribute": "src"
             },
             {
@@ -701,7 +701,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "URL or data URI of an image of the code the host made; it goes before `value`."
+              "description": "URL or data URI of an image of the code the host made: only the dark modules, without a\nmargin. It goes before `value`."
             },
             {
               "name": "value",
@@ -758,7 +758,7 @@
           "name": "LintjeChart",
           "tagName": "lintje-chart",
           "customElement": true,
-          "description": "`<lintje-chart>` — a chart in its tile, with loading, empty and error states.\n\nEvents: `lintje-mark-select` `{id, label, href}` when a mark with a `href` is clicked, and\n`{id: null, label: null, href: clearHref}` when it is deselected. Expand and download stay here.\n\nTwo controllers: the tile and the modal draw the same chart and must not share hover or width.\nThe table view is built from the CSV rows; it is element state, not URL state (rule 14).",
+          "description": "`<lintje-chart>` — a chart in its tile, with loading, empty and error states.\n\nExpand and download are handled here. The table view is the element's own state, built from the\nCSV rows; it never reaches the URL.\n\nEvents: `lintje-mark-select` `{ id, label, href }` (a mark with an `href` was clicked;\ndeselected, `{ id: null, label: null, href: data.clearHref }`).",
           "superclass": {
             "name": "LintjeContentTileElement"
           },
@@ -923,7 +923,7 @@
           "name": "LintjeKpiRow",
           "tagName": "lintje-kpi-row",
           "customElement": true,
-          "description": "`<lintje-kpi-row>` — the KPI row: one grid, the KPIs staggered in from left to right.\n\nThe grid and the KPIs share one shadow root, so `kpi-row.css` reaches the `<lintje-kpi>` hosts.\n`dividers` is set as a property: a boolean attribute can't turn off a `true` default.\nEvents: none.",
+          "description": "`<lintje-kpi-row>` — the KPI row: one grid, the KPIs staggered in from left to right.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -1002,7 +1002,7 @@
           "name": "LintjeKpi",
           "tagName": "lintje-kpi",
           "customElement": true,
-          "description": "`<lintje-kpi>` — the KPI tile: one figure, or several of the same variable (`items`). Rich\nvalues go in as properties. The value counts up from zero and the sparkline draws in once\n35 % of the tile is in view, and not under `prefers-reduced-motion`. A single figure can stand\non its scale (`gauge`): a half circle around the value or a bar under it, with the target\ndashed; the trend or note says in words how the figure stands to the target. Events: none.",
+          "description": "`<lintje-kpi>` — the KPI tile: one figure, or several of the same variable (`items`).\n\nThe value counts up from zero and the sparkline draws in once 35 % of the tile is in view; under\n`prefers-reduced-motion` both stand at once.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -1125,7 +1125,7 @@
               "type": {
                 "text": "KpiGauge"
               },
-              "description": "The single figure on its scale, as a half circle (`arc`) or a bar (`linear`); not with `items`."
+              "description": "The single figure on its scale, as a half circle (`arc`) or a bar (`linear`), the target\ndashed; not with `items`. The trend or note says in words how the figure stands to the target."
             },
             {
               "kind": "field",
@@ -1165,6 +1165,24 @@
               "attribute": "state",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "message",
+              "type": {
+                "text": "string"
+              },
+              "description": "Explains an empty or failed result instead of the default message.",
+              "attribute": "message"
+            },
+            {
+              "kind": "field",
+              "name": "lastKnown",
+              "type": {
+                "text": "string"
+              },
+              "description": "The last known value and its date, shown below a failed result.",
+              "attribute": "last-known"
+            },
             {
               "kind": "field",
               "name": "index",
@@ -1282,6 +1300,22 @@
               },
               "default": "'ready'"
             },
+            {
+              "name": "message",
+              "fieldName": "message",
+              "type": {
+                "text": "string"
+              },
+              "description": "Explains an empty or failed result instead of the default message."
+            },
+            {
+              "name": "last-known",
+              "fieldName": "lastKnown",
+              "type": {
+                "text": "string"
+              },
+              "description": "The last known value and its date, shown below a failed result."
+            },
             {
               "name": "index",
               "fieldName": "index",
@@ -1315,7 +1349,7 @@
           "name": "LintjeNote",
           "tagName": "lintje-note",
           "customElement": true,
-          "description": "`<lintje-note>` — the analyst's note (\"Toelichting analist\"). Events: none.",
+          "description": "`<lintje-note>` — the analyst's note (\"Toelichting analist\").",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -1394,7 +1428,7 @@
           "name": "LintjeChatAnswer",
           "tagName": "lintje-chat-answer",
           "customElement": true,
-          "description": "`<lintje-chat-answer>` — what the assistant answered, as a list of existing blocks.\n\nIt draws none of the blocks itself; only the bold lead, strip, actions and follow-ups are its\nown. A block still to come is that block with `state: 'loading'`. Only the `current` answer\ncan be retried, changed through its strip or followed up. The thumbs and \"Gekopieerd\" are\nthe element's own state; the conversation is not stored.\n\nEvents: `lintje-answer-retry` `{turnId}` and `lintje-answer-rate` `{turnId, rating, reason}`\n(`rating` is `'up'`, `'down'` or `null` when taken back; a `'down'` is followed by a second\nevent once the reader picks a reason). The strip's, the suggestions' and the blocks' events\npass through untouched.",
+          "description": "`<lintje-chat-answer>` — what the assistant answered, as a list of existing blocks.\n\nIt draws none of the blocks itself: a block still to come is that block with `state: 'loading'`.\nThe thumbs and \"Gekopieerd\" are its own state; it stores nothing of the conversation. The events\nof its strip, suggestions and blocks pass through unchanged.\n\nEvents: `lintje-answer-retry` `{ turnId }`, `lintje-answer-rate` `{ turnId, rating, reason }`\n(`rating` is `'up'`, `'down'` or `null` when taken back; a `'down'` comes again with the\n`reason` once the reader picks one).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -1491,6 +1525,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The latest answer: only it can be retried, changed through its strip or followed up.",
               "attribute": "current",
               "reflects": true
             },
@@ -1550,7 +1585,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "The latest answer: only it can be retried, changed through its strip or followed up."
             },
             {
               "name": "turn-id",
@@ -1598,7 +1634,7 @@
           "name": "LintjeChatComposer",
           "tagName": "lintje-chat-composer",
           "customElement": true,
-          "description": "`<lintje-chat-composer>` — the question box: text field, source picker and split send button.\n\nThe field is a plain-text `contenteditable`; the element never writes markup into it. Terms\nare painted with the CSS Custom Highlight API so typing, input methods and undo stay the\nbrowser's; without the API the field is unmarked. Terms come from `vocabulary` (matched while\ntyping) or from the host's `draftTerms`, which win while the text is unchanged.\nThe source selection is the host's; the draft, send key (in `localStorage`) and answer form\nare the element's own.\n\nEvents: `lintje-message-send` `{text, terms, sources, form}`, `lintje-answer-stop`,\n`lintje-sources-change` `{ids}`, `lintje-draft-change` `{text}` (200 ms after the last key).\nIn `variant=\"edit\"` it sends `lintje-submit` `{text, terms}` and `lintje-cancel` instead, both\nnot composed.",
+          "description": "`<lintje-chat-composer>` — the question box: text field, source picker and split send button.\n\nThe field is plain text; the element never writes markup into it. Terms are marked through the\nCSS Custom Highlight API, so typing and undo stay the browser's; without it the field is\nunmarked. The source selection is the host's; the draft, the send key (kept in `localStorage`)\nand the answer form are the element's own.\n\nEvents: `lintje-message-send` `{ text, terms, sources, form }`, `lintje-answer-stop`,\n`lintje-sources-change` `{ ids }`, `lintje-draft-change` `{ text }` (200 ms after the last key);\nwith `variant=\"edit\"` instead `lintje-submit` `{ text, terms }` and `lintje-cancel`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -1696,7 +1732,8 @@
               "name": "vocabulary",
               "type": {
                 "text": "ChatTermData[]"
-              }
+              },
+              "description": "The terms marked in the field while the reader types."
             },
             {
               "kind": "field",
@@ -1888,7 +1925,7 @@
           "name": "LintjeChatMessage",
           "tagName": "lintje-chat-message",
           "customElement": true,
-          "description": "`<lintje-chat-message>` — what the reader asked: a filled bar on the right. A visually hidden\n\"Jij:\" carries the role.\n\nEditing is the message's own state (`lintje-chat-composer variant=\"edit\"`). The message never\nchanges its own text: asking again is an event and the host replaces the turn.\n\nEvents: `lintje-message-edit` `{turnId, text, terms}` — ask this instead, replacing the answer\nand everything after it. `lintje-editing-change` `{turnId, editing}` is not composed: it tells\nthe holding view which answers are about to be replaced.",
+          "description": "`<lintje-chat-message>` — what the reader asked: a filled bar on the right.\n\nEditing is the message's own state, in a `lintje-chat-composer`. It never changes its own text:\nasking again is an event, and the host replaces the turn.\n\nEvents: `lintje-message-edit` `{ turnId, text, terms }` (ask this instead, replacing the answer\nand all after it), `lintje-editing-change` `{ turnId, editing }` (tells the holding view which\nanswers are about to be replaced).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -2060,7 +2097,7 @@
           "name": "LintjeChatStrip",
           "tagName": "lintje-chat-strip",
           "customElement": true,
-          "description": "`<lintje-chat-strip>` — the strip under an answer's text: what the answer assumed, as\nlabel/value pairs, and how it was calculated.\n\nA fixed value is plain text; one with `options` is a native `<select>` drawn as a term (the\nbrowser's own list and phone picker); one with `pressed` is a suggestion. The strip keeps only\nwhether its details are open; a change is an event and the host sets the items again.\n\nEvents: `lintje-strip-change` `{turnId, key, value}` — a state; `value` is the\nchosen option's value, or the suggestion's new `pressed`.",
+          "description": "`<lintje-chat-strip>` — the strip under an answer's text: what the answer assumed, as\nlabel/value pairs, and how it was calculated.\n\nA value with `options` is a choice, one with `pressed` a suggestion, the rest plain text. The\nstrip keeps only whether its details are open: a change is an event, and the host sets the\nitems again.\n\nEvents: `lintje-strip-change` `{ turnId, key, value }` (`value` is the chosen option's value, or\nthe suggestion's new `pressed`).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -2204,7 +2241,7 @@
           "name": "LintjeChatSuggestions",
           "tagName": "lintje-chat-suggestions",
           "customElement": true,
-          "description": "`<lintje-chat-suggestions>` — sentences the reader can send with one press.\n\n`kind` is a rule, not decoration: `suggestion` (dashed) is something the reader could ask;\n`choice` (solid) is an answer the assistant is waiting for. In a conversation they stand on the\nreader's side, on the right; `align=\"start\"` sets them left and side by side, as the examples\nunder a question box on a start page.\n\nEvents: `lintje-suggestion-select` `{turnId, kind, label, value}` — a trigger;\n`value` is the item's own, or its label.",
+          "description": "`<lintje-chat-suggestions>` — sentences the reader can send with one press, on the reader's side.\n\nEvents: `lintje-suggestion-select` `{ turnId, kind, label, value }` (`value` is the item's own,\nor its label).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -2245,6 +2282,7 @@
                 "text": "'suggestion' | 'choice'"
               },
               "default": "'suggestion'",
+              "description": "A rule, not decoration: `suggestion` (dashed) is something the reader could ask, `choice`\n(solid) an answer the assistant is waiting for.",
               "attribute": "kind",
               "reflects": true
             },
@@ -2255,7 +2293,7 @@
                 "text": "'end' | 'start'"
               },
               "default": "'end'",
-              "description": "`start`: left and side by side, outside a conversation.",
+              "description": "`start`: left and side by side, outside a conversation, as examples under a question box.",
               "attribute": "align",
               "reflects": true
             },
@@ -2307,7 +2345,8 @@
               "type": {
                 "text": "'suggestion' | 'choice'"
               },
-              "default": "'suggestion'"
+              "default": "'suggestion'",
+              "description": "A rule, not decoration: `suggestion` (dashed) is something the reader could ask, `choice`\n(solid) an answer the assistant is waiting for."
             },
             {
               "name": "align",
@@ -2316,7 +2355,7 @@
                 "text": "'end' | 'start'"
               },
               "default": "'end'",
-              "description": "`start`: left and side by side, outside a conversation."
+              "description": "`start`: left and side by side, outside a conversation, as examples under a question box."
             },
             {
               "name": "turn-id",
@@ -2358,7 +2397,7 @@
           "name": "LintjeChat",
           "tagName": "lintje-chat",
           "customElement": true,
-          "description": "`<lintje-chat>` — a conversation with data; takes `ChatData`. The host owns the transport.\n\nAn answer arrives by setting `data` again; keep the objects of what did not change so only\nthe changed part is redrawn. It stands in the flow and scrolls with what scrolls around it —\nthe page, or the nearest box that scrolls — and its question box stays in view at the bottom.\n\nEvents: none of its own; its parts' events reach the host as they are (`lintje-message-send`,\n`lintje-answer-stop`, `lintje-sources-change`, `lintje-draft-change`) and, with the `turnId`,\n`lintje-suggestion-select`, `lintje-message-edit`, `lintje-answer-retry`,\n`lintje-answer-rate`, `lintje-strip-change`, `lintje-mark-select`, `lintje-row-click` and\n`lintje-sort-change`. The host replies: send adds a turn and answers it; message-edit asks\nagain and drops that turn and all after it; strip-change answers again with the new assumption.",
+          "description": "`<lintje-chat>` — a conversation with data, from `ChatData`; the host owns the transport.\n\nAn answer arrives by setting `data` again: keep the objects that did not change, so only the\nchanged part is redrawn. It scrolls with what scrolls around it, and its question box stays in\nview at the bottom.\n\nIt sends no events of its own: those of its question box, messages and answers reach the host,\nwith the `turnId` where a turn sent them. The host answers `lintje-message-send` with a new turn,\n`lintje-message-edit` by asking again without that turn and all after it, and\n`lintje-strip-change` by answering again with the new assumption.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -2416,7 +2455,7 @@
           "name": "LintjeAudioPlayer",
           "tagName": "lintje-audio-player",
           "customElement": true,
-          "description": "`<lintje-audio-player>` — plays a recording: play between two 15-second skips, the position\nas a slider, the time, the volume and the speed.\n\nWith `.peaks` (0–1) the slider is the waveform, without them a bar. With `.segments` — the\ntranscript's `{ start, speaker }[]` — every speaker takes a colour, named in a legend above\n(`no-legend` leaves it to the transcript, which names the same colours).\n`compact` puts everything on one line; a phone has no room for it and keeps the column.\n`flush` drops its own frame, for a bar the page draws around it. Never autoplays.\n`.currentTime` seeks.\n\nEvents: `lintje-time-change` (seconds, at most four times a second), `lintje-seek` (seconds:\nthe reader moved the position), `lintje-play`, `lintje-pause`.",
+          "description": "`<lintje-audio-player>` — plays a recording: play between two 15-second skips, the position as a\nslider, the time, the volume and the speed.\n\nIt never autoplays.\n\nEvents: `lintje-time-change` `number` (seconds, at most four times a second), `lintje-seek`\n`number` (seconds: the reader moved the position), `lintje-play`, `lintje-pause`.",
           "superclass": {
             "name": "LintjePlayerElement"
           },
@@ -2485,7 +2524,7 @@
                 "text": "SpeakerTurn[]"
               },
               "default": "[]",
-              "description": "Who speaks when: the transcript's segments, or any `{ start, speaker }[]` in time order."
+              "description": "Who speaks when: the transcript's segments, or any `{ start, speaker }[]` in time order. Every\nspeaker takes a colour, named in a legend above."
             },
             {
               "kind": "field",
@@ -2504,7 +2543,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Everything on one line, for a row or a tile.",
+              "description": "Everything on one line, for a row or a tile; a phone has no room and keeps the column.",
               "attribute": "compact",
               "reflects": true
             },
@@ -2590,7 +2629,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Everything on one line, for a row or a tile."
+              "description": "Everything on one line, for a row or a tile; a phone has no room and keeps the column."
             },
             {
               "name": "flush",
@@ -2651,7 +2690,7 @@
           "name": "LintjeCode",
           "tagName": "lintje-code",
           "customElement": true,
-          "description": "`<lintje-code>` — a block of code or JSON, on `--font-mono`; the host pretty-prints JSON.\n\nScrolls sideways by default because a broken line is a changed line; the block is\n`tabindex=\"0\"` so the scroll is keyboard reachable (WCAG 2.1.1). `numbered` uses a CSS\ncounter, so a copy of the block is a copy of the code. No syntax colouring.",
+          "description": "`<lintje-code>` — a block of code or JSON, on `--font-mono`; the host pretty-prints JSON.\n\nIt scrolls sideways by default, because a broken line is a changed line. No syntax colouring.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -2704,6 +2743,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Line numbers beside the text, not in it: a copy of the block is a copy of the code.",
               "attribute": "numbered",
               "reflects": true
             },
@@ -2759,7 +2799,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Line numbers beside the text, not in it: a copy of the block is a copy of the code."
             },
             {
               "name": "wrap",
@@ -2807,7 +2848,7 @@
           "name": "LintjeDocumentViewer",
           "tagName": "lintje-document-viewer",
           "customElement": true,
-          "description": "`<lintje-document-viewer>` — a document page by page: leaf, zoom and download.\n\nShows images only: `.pages` is one URL per page, `src` a single image. The host renders a PDF\nto page images; no PDF library is shipped. An image is no text: give each page's text in\n`.texts` (same order), which a screen reader reads after the page. The file behind\n\"Downloaden\" is the accessible version, so it is a tagged, accessible PDF, not a scan.\n\n`page` (from 1) and `zoom` (50–400 in steps of 25, or `fit`) are the element's; every change\nis reported.\n\nEvents: `lintje-page-change` (the page, from 1), `lintje-zoom-change` (a percentage or\n`'fit'`), `lintje-download`.",
+          "description": "`<lintje-document-viewer>` — a document page by page: leaf, zoom and download.\n\nIt shows images only: the host renders a PDF to page images, and gives each page's text in\n`texts`, which a screen reader reads after the page. The file behind \"Downloaden\" is the\naccessible version: a tagged PDF, not a scan. Page and zoom are the element's; every change is\nreported.\n\nEvents: `lintje-page-change` `number` (the page, from 1), `lintje-zoom-change`\n`number | 'fit'` (a percentage), `lintje-download`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -2867,6 +2908,7 @@
                 "text": "number"
               },
               "default": "1",
+              "description": "The page shown, from 1.",
               "attribute": "page",
               "reflects": true
             },
@@ -2877,6 +2919,7 @@
                 "text": "number | 'fit'"
               },
               "default": "'fit'",
+              "description": "A percentage, 50–400 in steps of 25, or `fit`.",
               "attribute": "zoom",
               "reflects": true
             }
@@ -2914,7 +2957,8 @@
               "type": {
                 "text": "number"
               },
-              "default": "1"
+              "default": "1",
+              "description": "The page shown, from 1."
             },
             {
               "name": "zoom",
@@ -2922,7 +2966,8 @@
               "type": {
                 "text": "number | 'fit'"
               },
-              "default": "'fit'"
+              "default": "'fit'",
+              "description": "A percentage, 50–400 in steps of 25, or `fit`."
             }
           ],
           "events": [
@@ -2968,7 +3013,7 @@
           "name": "LintjeGallery",
           "tagName": "lintje-gallery",
           "customElement": true,
-          "description": "`<lintje-gallery>` — pictures of one thing, such as the screens of an application: one large\nwith its caption, and under it a thumbnail of each to choose another. A single picture has no\nthumbnails. Which picture stands is the element's; every change is reported, and read out\nfrom a status region: \"Afbeelding 2 van 4: <alt>\".\n\nEvents: `lintje-gallery-change` `{ index }`.",
+          "description": "`<lintje-gallery>` — pictures of one thing, such as the screens of an application: one large with\nits caption, and under it a thumbnail of each to choose another; a single picture has none.\n\nWhich picture stands is the element's; every change is reported, and read out as \"Afbeelding 2\nvan 4: <alt>\".\n\nEvents: `lintje-gallery-change` `{ index }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -3072,7 +3117,7 @@
           "name": "LintjeHighlight",
           "tagName": "lintje-highlight",
           "customElement": true,
-          "description": "`<lintje-highlight>` — a marking in running text: low confidence, a glossary term, a search\nmatch, or a difference. Each kind draws the element that means it and a line of its own, so\ncolour is never the only carrier. A difference also says what it is in hidden words, since a\nscreen reader does not name `<del>` and `<ins>`. The host wraps the words. Events: none.",
+          "description": "`<lintje-highlight>` — a marking in running text: low confidence, a glossary term, a search\nmatch, or a difference.\n\nThe host wraps the words. Each kind draws the element that means it and a line of its own, so\ncolour is never the only carrier.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -3199,7 +3244,7 @@
           "name": "LintjeProse",
           "tagName": "lintje-prose",
           "customElement": true,
-          "description": "`<lintje-prose>` — a block of text on the type scale. `html` wins over `text`, which wins over\nthe slot.\n\nThe host renders the markdown and sanitises it: `html` is written into the shadow root as it\nstands, and no sanitiser lives here. Events: none.",
+          "description": "`<lintje-prose>` — a block of text on the type scale: `html`, else `text`, else the slot.\n\nThe host renders the markdown and sanitises it: `html` is written into the shadow root as it\nstands.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -3320,7 +3365,7 @@
           "name": "LintjeTranscript",
           "tagName": "lintje-transcript",
           "customElement": true,
-          "description": "`<lintje-transcript>` — a recording's text in fragments, each with its speaker and timecode.\n\n`readonly` shows the text only, as a preview beside a running recording does: no editing, no\nspeaker menu and no seeking.\n\nEvery speaker takes a colour, the same as in the player's waveform: a bar along the fragment,\nthe name beside it says who it is. `layout=\"chat\"` draws each fragment as a message instead of\na row; `tinted` lays the speaker's colour under the whole fragment; `grouped` names a speaker\nonce over consecutive fragments, each keeping its own time. The fragment that sounds stands out\nwith a ring. Live, `speakingId` says who speaks now and a fragment's `pending` text is still\nprovisional.\n\nAbove the fragments stands a row in the same columns: `note-label` beside `note` — the label\nthat a model made the text, and the host's sentence about it — and under it what the host\nslots in `lead` (the AI work, each in its own expander).\n\nA fragment is edited from its pencil or by a double click on its text.\n\nEditing and the speakers are the host's state: the element asks, the host changes `segments`,\n`editingId`, `busyId` and `errors`. It plays, saves and renames nothing itself. The search\nproperty is `searchMatches`, not `matches` (that is `Element.matches()`).\n\nEvents: `lintje-seek` (seconds), `lintje-segment-edit` (id), `lintje-segment-save`\n`{ id, text }`, `lintje-segment-cancel` (id), `lintje-segment-speaker` `{ id, speaker }` (this\nfragment to another speaker), `lintje-speaker-new` (id: this fragment to a speaker not named\nyet), `lintje-speaker-rename` (the name to change everywhere).",
+          "description": "`<lintje-transcript>` — a recording's text in fragments, each with its speaker and timecode.\n\nEditing and the speakers are the host's state: the element asks, and the host changes\n`segments`, `editingId`, `busyId` and `errors`. It plays, saves and renames nothing itself. A\nspeaker has the colour it has in the player's waveform. Above the fragments, the `note-label` and\n`note` slots say that a model made the text, and `lead` holds the AI work.\n\nEvents: `lintje-seek` `number` (seconds), `lintje-segment-edit` `string` (the id),\n`lintje-segment-save` `{ id, text }`, `lintje-segment-cancel` `string` (the id),\n`lintje-segment-speaker` `{ id, speaker }` (to another speaker), `lintje-speaker-new` `string`\n(the id, to a speaker not named yet), `lintje-speaker-rename` `string` (the speaker's name).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -3358,7 +3403,7 @@
               "type": {
                 "text": "number | null"
               },
-              "description": "The recording's position in seconds.",
+              "description": "The recording's position in seconds; the fragment that sounds stands out with a ring.",
               "attribute": "current-time"
             },
             {
@@ -3393,7 +3438,8 @@
               "type": {
                 "text": "Record<string, [number, number][]>"
               },
-              "default": "{}"
+              "default": "{}",
+              "description": "The search hits; not `matches`, which is `Element.matches()`."
             },
             {
               "kind": "field",
@@ -3410,6 +3456,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The text only, as a preview beside a live recording: no editing, speaker menu or seeking.",
               "attribute": "readonly",
               "reflects": true
             },
@@ -3462,7 +3509,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "A speaker's consecutive fragments under one name.",
+              "description": "A speaker's consecutive fragments under one name, each keeping its own time.",
               "attribute": "grouped",
               "reflects": true
             }
@@ -3492,7 +3539,7 @@
               "type": {
                 "text": "number | null"
               },
-              "description": "The recording's position in seconds."
+              "description": "The recording's position in seconds; the fragment that sounds stands out with a ring."
             },
             {
               "name": "editing-id",
@@ -3515,7 +3562,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "The text only, as a preview beside a live recording: no editing, speaker menu or seeking."
             },
             {
               "name": "speaking-id",
@@ -3559,7 +3607,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "A speaker's consecutive fragments under one name."
+              "description": "A speaker's consecutive fragments under one name, each keeping its own time."
             }
           ],
           "events": [
@@ -3639,7 +3687,7 @@
           "name": "LintjeTranslator",
           "tagName": "lintje-translator",
           "customElement": true,
-          "description": "`<lintje-translator>` — a text and its translation in one surface of two halves: the source on\nthe left, the translation on the right, each with its language above and its actions below.\nThe two languages flank the swap on the line between them. Below 768 px the halves stack.\n\nThe source is a plain `lintje-textarea`; the host keeps `value`. The translation, the language\nchoices and the actions are the host's, in slots: `source-language`, `target-language`,\n`target` (a plain `lintje-streaming-text`), `source-actions`, `target-note` (the AI label, right\nunder the translation) and `target-actions`.\n\n`variant=\"documents\"` keeps the language bar and the swap and puts the default slot under them\nat full width, for documents to translate: the upload and the queue.\n\nAfter the swap a status region says so, with the languages the host's choices then show\n(\"Talen omgewisseld: Engels naar Nederlands\").\n\nEvents: `lintje-text-change` (the source text), `lintje-languages-swap`.",
+          "description": "`<lintje-translator>` — a text and its translation in one surface of two halves, each with its\nlanguage above and its actions below; below 768 px the halves stack.\n\nThe source is a `lintje-textarea` whose `value` the host keeps. The translation, the language\nchoices and the actions are the host's, in slots: `target` takes a plain\n`lintje-streaming-text`, `target-note` the AI label under it. After a swap a status region says\nso, with the languages the host's choices then show.\n\nEvents: `lintje-text-change` `string` (the source text), `lintje-languages-swap`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -3709,7 +3757,7 @@
                 "text": "'text' | 'documents'"
               },
               "default": "'text'",
-              "description": "`text` (default): the source and its translation; `documents`: the languages over the default slot.",
+              "description": "`text` (default): the source and its translation. `documents`: the language bar and the swap\nover the default slot at full width, for documents to translate: the upload and the queue.",
               "attribute": "variant",
               "reflects": true
             }
@@ -3772,7 +3820,7 @@
                 "text": "'text' | 'documents'"
               },
               "default": "'text'",
-              "description": "`text` (default): the source and its translation; `documents`: the languages over the default slot."
+              "description": "`text` (default): the source and its translation. `documents`: the language bar and the swap\nover the default slot at full width, for documents to translate: the upload and the queue."
             }
           ],
           "events": [
@@ -3834,7 +3882,7 @@
           "name": "LintjeVideoPlayer",
           "tagName": "lintje-video-player",
           "customElement": true,
-          "description": "`<lintje-video-player>` — the picture of a recording, with the audio player's controls.\n\nThe controls stand under the picture, never over it, also in full screen: the bar with the time\non one line; play, mute, \"Meer opties\" and full screen on the next, at any width. The menu holds\nthe captions (also on C), the audio description when `described-src` gives a version with one\n(it switches at the same moment) and the speed; a speed other than 1× stands beside the time. The\ncontrols are `aria-disabled` (in the tab order, the press swallowed) while the video loads or\ncannot be loaded; a failed load says so on the picture, with \"Opnieuw proberen\". The `<video>`\nhas no controls of its own and never starts by itself. It does not fetch the captions. The big\nplay button stands on the picture only before the start, and the caption shows only without\nit, so the two never cover each other.\n\nEvents: `lintje-time-change` (seconds, at most four times a second), `lintje-play`,\n`lintje-pause`.",
+          "description": "`<lintje-video-player>` — the picture of a recording, with the audio player's controls.\n\nThe controls stand under the picture, never over it, also in full screen. The video never starts\nby itself, and the element does not fetch the captions: the host gives them in `segments`. While\nthe video loads or cannot be loaded, the controls stay in the tab order but do nothing; a failed\nload says so on the picture, with \"Opnieuw proberen\".\n\nEvents: `lintje-time-change` `number` (seconds, at most four times a second), `lintje-seek`\n`number` (seconds: the reader moved the position), `lintje-play`, `lintje-pause`.",
           "superclass": {
             "name": "LintjePlayerElement"
           },
@@ -3904,7 +3952,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the captions show; the reader switches it.",
+              "description": "Whether the captions show; the reader switches it, in \"Meer opties\" or with C.",
               "attribute": "captions",
               "reflects": true
             },
@@ -3914,7 +3962,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The same video with an audio description: \"Meer opties\" offers it when given.",
+              "description": "The same video with an audio description: \"Meer opties\" offers it when given, and the switch\nkeeps the moment.",
               "attribute": "described-src"
             },
             {
@@ -3990,7 +4038,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the captions show; the reader switches it."
+              "description": "Whether the captions show; the reader switches it, in \"Meer opties\" or with C."
             },
             {
               "name": "described-src",
@@ -3998,7 +4046,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The same video with an audio description: \"Meer opties\" offers it when given."
+              "description": "The same video with an audio description: \"Meer opties\" offers it when given, and the switch\nkeeps the moment."
             },
             {
               "name": "described",
@@ -4059,7 +4107,7 @@
           "name": "LintjeAiLabel",
           "tagName": "lintje-ai-label",
           "customElement": true,
-          "description": "`<lintje-ai-label>` — says that a model made the content below it.\n\nA neutral badge (provenance, not a verdict) and the one badge that may wrap, so a long name\nstays on a 390 px screen. Place it above the block, once. `checked-by` turns it into\n\"Gecontroleerd door …\", and the gear-and-brain mark into a check.",
+          "description": "`<lintje-ai-label>` — says that a model made the content below it.\n\nA neutral badge: provenance, not a verdict. It is the one badge that may wrap, so a long name\nstays on a 390 px screen. Place it above the block, once.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4081,7 +4129,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Who checked the text: \"J. de Vries\".",
+              "description": "Who checked the text: \"J. de Vries\". The label reads \"Gecontroleerd door …\", with a check.",
               "attribute": "checked-by"
             },
             {
@@ -4109,7 +4157,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Who checked the text: \"J. de Vries\"."
+              "description": "Who checked the text: \"J. de Vries\". The label reads \"Gecontroleerd door …\", with a check."
             },
             {
               "name": "hint",
@@ -4144,7 +4192,7 @@
           "name": "LintjeAnnouncement",
           "tagName": "lintje-announcement",
           "customElement": true,
-          "description": "`<lintje-announcement>` — a status message: warning, outage, info or ok.\n\nA live region only with `live: true`; drawn empty first and filled on the next frame so screen\nreaders announce it. `slot=\"action\"` stands under the text, `slot=\"media\"` beside it: an image\nthat belongs to the message, such as a code to scan. Closed with the focus on its close button,\nit hands the focus to the next stop on the page (else the one before) before it goes.",
+          "description": "`<lintje-announcement>` — a status message: warning, outage, info or ok.\n\nIt is a live region only with `live: true` in its data. `slot=\"media\"` stands beside the text:\nan image that belongs to the message, such as a code to scan. Closed with the focus on its close\nbutton, it hands the focus to the next stop on the page, else the one before.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -4179,17 +4227,6 @@
               "type": {
                 "text": "AnnouncementViewData | null"
               }
-            },
-            {
-              "kind": "field",
-              "name": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The tighter form. Below 768 px every announcement is compact.",
-              "attribute": "compact",
-              "reflects": true
             }
           ],
           "methods": [],
@@ -4208,15 +4245,6 @@
                 "text": "number"
               },
               "description": "Columns of the 12-column grid; default one."
-            },
-            {
-              "name": "compact",
-              "fieldName": "compact",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The tighter form. Below 768 px every announcement is compact."
             }
           ],
           "events": [],
@@ -4250,7 +4278,7 @@
           "name": "LintjeConflictAlert",
           "tagName": "lintje-conflict-alert",
           "customElement": true,
-          "description": "`<lintje-conflict-alert>` — someone else changed the item while the reader was editing it.\n\nA compact live warning announcement above the form with three actions. It takes the focus when\nit appears, so the keyboard continues at its buttons. It saves nothing; the host answers the\nevents. `lintje-conflict-compare` lets a host fetch the differences only when asked.\n\nEvents: `lintje-conflict-keep-mine`, `lintje-conflict-take-theirs`, `lintje-conflict-compare`\n`{ open }`.",
+          "description": "`<lintje-conflict-alert>` — someone else changed the item while the reader was editing it.\n\nA live warning above the form, with three actions; it takes the focus when it appears. It saves\nnothing: the host answers the events, and fetches the differences only when asked.\n\nEvents: `lintje-conflict-keep-mine`, `lintje-conflict-take-theirs`, `lintje-conflict-compare`\n`{ open }` (the differences open or close).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4399,7 +4427,7 @@
           "name": "LintjeEmptyState",
           "tagName": "lintje-empty-state",
           "customElement": true,
-          "description": "`<lintje-empty-state>` — the empty state on its own, outside a tile.\n\nNot an error: a failure is the tile's error state or an inline alert. It brings no action or\nwords of its own; the host chooses them and slots the action. `compact` is one muted line\nwith a link button after it. `status` puts it in a `role=\"status\"` for when it appears after\nan action: drawn empty first and filled on the next frame, since a region that arrives with\nits words is not announced.",
+          "description": "`<lintje-empty-state>` — the empty state on its own, outside a tile.\n\nNot an error: a failure is the tile's error state or an inline alert. It brings no words or\naction of its own; the host chooses them and slots the action.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4449,6 +4477,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "One muted line, with a link button after it.",
               "attribute": "compact",
               "reflects": true
             },
@@ -4511,7 +4540,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "One muted line, with a link button after it."
             },
             {
               "name": "level",
@@ -4550,6 +4580,184 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/components/feedback/error-page/error-page.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "LintjeErrorPage",
+          "tagName": "lintje-error-page",
+          "customElement": true,
+          "description": "`<lintje-error-page>` — the page in place of the one the reader asked for: not found, no\naccess, a failure, or not available.\n\nIt says why in words and shows the way onward. The server sends the HTTP status and the\ndocument's `<title>`; the element only draws. The default slot takes what helps under the text,\nsuch as a search field. Below 768 px the actions stand under each other, and a `lintje-button`\nwith `block` fills the width.\n\nEvents: `lintje-navigate` `{ href }` (a plain click on one of `links`).",
+          "superclass": {
+            "name": "LintjeElement"
+          },
+          "members": [
+            {
+              "kind": "field",
+              "name": "mode",
+              "type": {
+                "text": "'light' | 'dark'"
+              },
+              "attribute": "mode",
+              "inheritedFrom": {
+                "name": "LintjeElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "code",
+              "type": {
+                "text": "string"
+              },
+              "description": "The HTTP status as the server sent it (\"404\"): a small line above the heading, with the lock\nfor 401 and 403 and the outage mark for a 5xx. Without it there is no code line.",
+              "attribute": "code"
+            },
+            {
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string"
+              },
+              "description": "What is the matter, in words: \"Deze pagina bestaat niet\".",
+              "attribute": "heading"
+            },
+            {
+              "kind": "field",
+              "name": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Why, and what the reader can do.",
+              "attribute": "text"
+            },
+            {
+              "kind": "field",
+              "name": "level",
+              "type": {
+                "text": "1 | 2"
+              },
+              "default": "2",
+              "description": "2 in `lintje-shell`, whose `name` is the page's h1; 1 for a page outside the shell.",
+              "attribute": "level"
+            },
+            {
+              "kind": "field",
+              "name": "links",
+              "type": {
+                "text": "ErrorPageLink[]"
+              },
+              "default": "[]",
+              "description": "\"Verder naar\": the pages a reader most likely wanted instead."
+            },
+            {
+              "kind": "field",
+              "name": "reference",
+              "type": {
+                "text": "string"
+              },
+              "description": "The code the service desk looks the failure up by, with a copy button.",
+              "attribute": "reference"
+            },
+            {
+              "kind": "field",
+              "name": "occurred",
+              "type": {
+                "text": "string"
+              },
+              "description": "When it happened, as the host wrote it (\"11 oktober 2026, 14.32 uur\").",
+              "attribute": "occurred"
+            }
+          ],
+          "methods": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "fieldName": "mode",
+              "type": {
+                "text": "'light' | 'dark'"
+              }
+            },
+            {
+              "name": "code",
+              "fieldName": "code",
+              "type": {
+                "text": "string"
+              },
+              "description": "The HTTP status as the server sent it (\"404\"): a small line above the heading, with the lock\nfor 401 and 403 and the outage mark for a 5xx. Without it there is no code line."
+            },
+            {
+              "name": "heading",
+              "fieldName": "heading",
+              "type": {
+                "text": "string"
+              },
+              "description": "What is the matter, in words: \"Deze pagina bestaat niet\"."
+            },
+            {
+              "name": "text",
+              "fieldName": "text",
+              "type": {
+                "text": "string"
+              },
+              "description": "Why, and what the reader can do."
+            },
+            {
+              "name": "level",
+              "fieldName": "level",
+              "type": {
+                "text": "1 | 2"
+              },
+              "default": "2",
+              "description": "2 in `lintje-shell`, whose `name` is the page's h1; 1 for a page outside the shell."
+            },
+            {
+              "name": "reference",
+              "fieldName": "reference",
+              "type": {
+                "text": "string"
+              },
+              "description": "The code the service desk looks the failure up by, with a copy button."
+            },
+            {
+              "name": "occurred",
+              "fieldName": "occurred",
+              "type": {
+                "text": "string"
+              },
+              "description": "When it happened, as the host wrote it (\"11 oktober 2026, 14.32 uur\")."
+            }
+          ],
+          "events": [
+            {
+              "name": "lintje-navigate",
+              "type": {
+                "text": "CustomEvent<{ href }>"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": ""
+            },
+            {
+              "name": "actions"
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "lintje-error-page",
+          "declaration": {
+            "name": "LintjeErrorPage",
+            "module": "src/components/feedback/error-page/error-page.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/components/feedback/job-list/job-list.ts",
@@ -4559,7 +4767,7 @@
           "name": "LintjeJobList",
           "tagName": "lintje-job-list",
           "customElement": true,
-          "description": "`<lintje-job-list>` — the queue of long tasks: what runs, what is done and what went wrong. Its\nrows are the work list's rows (`lintje-list`): the state as a word, the progress as a bar, one\naction in plain sight per state, and a row with an `href` opening it: a done job's result, or\nwhat runs where it can be followed (a live recording). \"Verwijderen\" is behind a done job's ⋮. Where every job is done, \"Klaar\" is left out: in a list of finished work alone\nthe state is noise.\n\nA job that changes state is read out once, as a sentence (\"Rapport.docx is mislukt. Het\nbestand is beschadigd.\"), from a status region of its own; the list itself is not live, so a\nmoving percentage does not chatter. It never fetches: the host sets `jobs` again when a job\nmoves. When the last job goes with the focus on it, the focus goes to that region.\n\nEvents: `lintje-job-cancel`, `lintje-job-retry`, `lintje-job-resume`, `lintje-job-remove`\n(detail: the job's id), `lintje-navigate` `{ href }` (a row with an `href`; cancel it to route).",
+          "description": "`<lintje-job-list>` — the queue of long tasks: what runs, what is done and what went wrong, in\nthe work list's rows (`lintje-list`).\n\nIt never fetches: the host sets `jobs` again when a job moves. A job that changes state is read\nout once, as a sentence, from a status region of its own; the list itself is not live. A row\nwith an `href` opens a done job's result, or what runs where it can be followed.\n\nEvents: `lintje-job-cancel`, `lintje-job-retry`, `lintje-job-resume`, `lintje-job-remove`, each\n`string` (the job's id), `lintje-navigate` `{ href }` (a row with an `href`; cancel it to route).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4674,7 +4882,7 @@
           "name": "LintjeLevelMeter",
           "tagName": "lintje-level-meter",
           "customElement": true,
-          "description": "`<lintje-level-meter>` — how loud the sound comes in, as bars with a word beside them: before a\nrecording to show the microphone works, during it to show it still does. The host measures and\nsets `level` as often as it likes; the bars follow, without motion under reduced motion.\n\n`null` is not measured yet: flat bars and a dash, never \"Stil\" (rule 15).\n\nEvents: none.",
+          "description": "`<lintje-level-meter>` — how loud the sound comes in, as bars with a word beside them: before a\nrecording to show the microphone works, during it to show it still does.\n\nThe host measures and sets `level` as often as it likes; the bars follow, without motion under\nreduced motion.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4696,7 +4904,7 @@
               "type": {
                 "text": "number | null"
               },
-              "description": "The sound coming in, 0 to 1; `null` before it is measured.",
+              "description": "The sound coming in, 0 to 1; `null` before it is measured: flat bars, a dash, never \"Stil\".",
               "attribute": "level"
             },
             {
@@ -4726,7 +4934,7 @@
               "type": {
                 "text": "number | null"
               },
-              "description": "The sound coming in, 0 to 1; `null` before it is measured."
+              "description": "The sound coming in, 0 to 1; `null` before it is measured: flat bars, a dash, never \"Stil\"."
             },
             {
               "name": "words",
@@ -4762,7 +4970,7 @@
           "name": "LintjeRecordingStatus",
           "tagName": "lintje-recording-status",
           "customElement": true,
-          "description": "`<lintje-recording-status>` — how a running recording is doing, in the description list's cells:\nhow long it runs, how the sound comes in and, for a recording made elsewhere (a phone), how the\nconnection holds. Each meter has its word beside it, so the colour never speaks alone (rule 13).\n\nThe host measures; the element only shows. A value it does not have is a dash, never zero.\n\nEvents: none.",
+          "description": "`<lintje-recording-status>` — how a running recording is doing, in the description list's\ncells: how long it runs, how the sound comes in and, for a recording made elsewhere (a phone),\nhow the connection holds.\n\nThe host measures; the element only shows. Each meter has its word beside it, and a value it\ndoes not have is a dash, never zero.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4881,7 +5089,7 @@
           "name": "LintjeStreamingText",
           "tagName": "lintje-streaming-text",
           "customElement": true,
-          "description": "`<lintje-streaming-text>` — text that streams in while the server writes it. Plain text, never\nHTML; a host wanting prose slots a `<lintje-prose>` once the stream is `done`. A screen reader\nhears it per sentence from a polite live region; the visible box is `aria-busy` until the end.\nThe host owns the connection and sets `text` and `state`. `variant=\"plain\"` drops the box and\ntakes the type of where it stands, for a surface that frames the text itself.\n\nEvents: `lintje-stop` (\"Stoppen\"), `lintje-retry` (\"Opnieuw\").",
+          "description": "`<lintje-streaming-text>` — text that streams in while the server writes it.\n\nThe host owns the connection and sets `text` and `state`. Plain text, never HTML: a host that\nwants prose slots a `<lintje-prose>` once the stream is `done`. A screen reader hears it per\nsentence.\n\nEvents: `lintje-stop` (\"Stoppen\" was pressed), `lintje-retry` (\"Opnieuw\" was pressed).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -4941,7 +5149,7 @@
                 "text": "'box' | 'plain'"
               },
               "default": "'box'",
-              "description": "`box` (default): the text in a framed box; `plain`: no box, the type of where it stands.",
+              "description": "`box` (default): the text in a framed box. `plain`: no box and the type of where it stands, for\na surface that frames the text itself.",
               "attribute": "variant",
               "reflects": true
             }
@@ -4994,7 +5202,7 @@
                 "text": "'box' | 'plain'"
               },
               "default": "'box'",
-              "description": "`box` (default): the text in a framed box; `plain`: no box, the type of where it stands."
+              "description": "`box` (default): the text in a framed box. `plain`: no box and the type of where it stands, for\na surface that frames the text itself."
             }
           ],
           "events": [
@@ -5038,7 +5246,7 @@
           "name": "LintjeToast",
           "tagName": "lintje-toast",
           "customElement": true,
-          "description": "`<lintje-toast>` — the toast: a glyph carries the meaning, so colour is not the only signal\n(rule 13). An error, and a toast with an action, stay until closed. A plain `ok` toast closes\nafter six seconds; the pointer on it or the focus in it holds it, and its six seconds start\nagain when both have left. Closing with the focus inside, it gives the focus back first.\n\nIt is a `role=\"status\"` region drawn empty first, its content going in on the next frame: a\nregion that arrives together with its text is not announced, one that is filled is.\n\nEvents: `lintje-close` (timed out or closed), `lintje-action`. The host owns whether it exists.",
+          "description": "`<lintje-toast>` — a short message about what just happened; a glyph carries its meaning.\n\nThe host owns whether it exists. A toast that closes by itself is held while the pointer is on\nit or the focus in it, and its six seconds start again when both have left. Closing with the\nfocus inside, it gives the focus back first.\n\nEvents: `lintje-close` (timed out or closed), `lintje-action` (its action was pressed).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5058,10 +5266,10 @@
               "kind": "field",
               "name": "kind",
               "type": {
-                "text": "'ok' | 'error'"
+                "text": "'ok' | 'error' | 'info' | 'warning'"
               },
               "default": "'ok'",
-              "description": "`ok` closes itself after six seconds, unless it has an action; `error` stays.",
+              "description": "`ok` and `info` close after six seconds unless they have an action; `error` and `warning` stay.",
               "attribute": "kind",
               "reflects": true
             },
@@ -5088,10 +5296,10 @@
               "name": "kind",
               "fieldName": "kind",
               "type": {
-                "text": "'ok' | 'error'"
+                "text": "'ok' | 'error' | 'info' | 'warning'"
               },
               "default": "'ok'",
-              "description": "`ok` closes itself after six seconds, unless it has an action; `error` stays."
+              "description": "`ok` and `info` close after six seconds unless they have an action; `error` and `warning` stay."
             },
             {
               "name": "action",
@@ -5143,7 +5351,7 @@
           "name": "LintjeFilterBar",
           "tagName": "lintje-filter-bar",
           "customElement": true,
-          "description": "`<lintje-filter-bar>` — the host's declared filters in the filter zone and, below 768 px,\nthe sheet. Values cross as the canonical strings the host writes to the URL. A change in the\nbar commits at once; the sheet commits on \"Toepassen\". The host confirms with the next\n`data`. Put one filter bar on a page: two would both write the count and own the sheet.",
+          "description": "`<lintje-filter-bar>` — the host's declared filters in the filter zone and, below 768 px, the\nsheet.\n\nValues cross as the canonical strings the host writes to the URL. A change in the bar commits at\nonce, the sheet on \"Toepassen\"; the host confirms with the next `data`. Put one filter bar on a\npage: two would both write the count and own the sheet.\n\nEvents: `lintje-values-change` `{ [key]: value }` (the filters that commit),\n`lintje-filters-open-change` `boolean` (the reader shows or hides the controls).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5214,7 +5422,7 @@
           "name": "LintjeFilterSheet",
           "tagName": "lintje-filter-sheet",
           "customElement": true,
-          "description": "`<lintje-filter-sheet>` — the filters below 768 px. Nothing applies before \"Toepassen\"; the\nowner keeps the draft and supplies the controls. Escape in an open popover closes only that\npopover. Focus is trapped while open (`FocusTrap`).\n\nEvents (bubbling, not composed): `lintje-filters-apply`, `lintje-sheet-close`,\n`lintje-filters-reset`.",
+          "description": "`<lintje-filter-sheet>` — the filters below 768 px, in a sheet that traps the focus while open.\n\nNothing applies before \"Toepassen\": the owner keeps the draft and supplies the controls. Escape\nin an open popover closes only that popover.\n\nEvents: `lintje-filters-apply`, `lintje-sheet-close`, `lintje-filters-reset`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5360,7 +5568,7 @@
           "name": "LintjeFilterZone",
           "tagName": "lintje-filter-zone",
           "customElement": true,
-          "description": "`<lintje-filter-zone>` — the filter bar: one place for everything that narrows the numbers.\n\nExpanded, scrolled (a sticky summary bar) and mobile (sentence only) states: see `zone-state.ts`.\nThe controls come in through the slot, the sentence as parts; the owner keeps the state.\n\nEvents (bubbling, not composed): `lintje-filters-reset`, `lintje-zone-open-change` (boolean),\n`lintje-zone-scrolled-change` (boolean).",
+          "description": "`<lintje-filter-zone>` — the filter bar: one place for everything that narrows the numbers.\n\nThe controls come in through the slot and the sentence as parts; the owner keeps the state. The\nzone is expanded, scrolled (a sticky summary bar) or, below 768 px, the sentence only.\n\nEvents: `lintje-filters-reset`, `lintje-zone-open-change` `boolean`,\n`lintje-zone-scrolled-change` `boolean`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5534,7 +5742,7 @@
           "name": "LintjeErrorSummary",
           "tagName": "lintje-error-summary",
           "customElement": true,
-          "description": "`<lintje-error-summary>` — the error summary above a form, with a link to each field.\n\nWith nothing to show it draws nothing. A link focuses the field, found by `name` or `id` in\nthe summary's own tree and, from a shadow root, in its host's light DOM (where `lintje-form`\ndraws it). The field is scrolled to the middle of the view, clear of a sticky top bar and of the\naction bar below, however deep it stands in the form.\nIt never validates. `focus()` puts the focus on the frame (`tabindex=\"-1\"`).\n\nEvents: `lintje-retry` from the \"Opnieuw proberen\" button.",
+          "description": "`<lintje-error-summary>` — the error summary above a form, with a link to each field.\n\nIt never validates, and with nothing to show it draws nothing. A link focuses the field, found\nby `name` or `id` in the summary's own tree or, from a shadow root, in its host's light DOM, and\nscrolls it into view clear of a sticky top bar and the form's action bar.\n\nEvents: `lintje-retry` (\"Opnieuw proberen\" was pressed).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5587,7 +5795,17 @@
               "attribute": "retry"
             }
           ],
-          "methods": [],
+          "methods": [
+            {
+              "kind": "method",
+              "name": "focus",
+              "description": "Puts the focus on the frame (`tabindex=\"-1\"`).",
+              "parameters": "(options?: FocusOptions)",
+              "return": {
+                "text": "void"
+              }
+            }
+          ],
           "attributes": [
             {
               "name": "mode",
@@ -5652,7 +5870,7 @@
           "name": "LintjeFormActions",
           "tagName": "lintje-form-actions",
           "customElement": true,
-          "description": "`<lintje-form-actions>` — the sticky action bar of a form: draft status left, slotted\n`lintje-button`s right (the last, primary one). On `busy` the primary button turns `busy` and\nthe others `disabled`; leaving `busy` restores what each had. No shadow while stuck:\n`--shadow-sticky` falls downwards, off-screen under a bottom bar. While connected it reserves\nits height as the page scroller's `scroll-padding-bottom`, so a field the focus scrolls to is\nnot hidden behind it (WCAG 2.4.11). Events: none.",
+          "description": "`<lintje-form-actions>` — the sticky action bar of a form: the draft status on the left, the\nslotted `lintje-button`s on the right, the last one primary.\n\nWhile connected it reserves its height as the page scroller's `scroll-padding-bottom`, so a\nfield the focus scrolls to is not hidden behind it.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5675,7 +5893,7 @@
                 "text": "'' | 'dirty' | 'busy' | 'saved' | 'draft'"
               },
               "default": "''",
-              "description": "Set by the surrounding `lintje-form` (with `saved-at`); standing alone, the host sets it.",
+              "description": "Set by the surrounding `lintje-form` (with `saved-at`); standing alone, the host sets it. On\n`busy` the primary button turns `busy` and the others `disabled`; after, each has what it had.",
               "attribute": "state",
               "reflects": true
             },
@@ -5705,7 +5923,7 @@
                 "text": "'' | 'dirty' | 'busy' | 'saved' | 'draft'"
               },
               "default": "''",
-              "description": "Set by the surrounding `lintje-form` (with `saved-at`); standing alone, the host sets it."
+              "description": "Set by the surrounding `lintje-form` (with `saved-at`); standing alone, the host sets it. On\n`busy` the primary button turns `busy` and the others `disabled`; after, each has what it had."
             },
             {
               "name": "saved-at",
@@ -5744,7 +5962,7 @@
           "name": "LintjeFormSection",
           "tagName": "lintje-form-section",
           "customElement": true,
-          "description": "`<lintje-form-section>` — a group of fields with a heading and an explanation: a `<fieldset>`\nwith its `<legend>`, which holds an `<h3>` so the heading is in the page's outline. Bare inside\na tile, or a tile itself (`variant=\"tile\"`).\n\n`disabled` sets `disabled` on every slotted control itself and hands back what each had: a\n`<fieldset disabled>` in a shadow root disables nothing slotted.",
+          "description": "`<lintje-form-section>` — a group of fields with a heading and an explanation: a `<fieldset>`\nwhose legend holds an `<h3>`, so the heading is in the page's outline.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -5785,6 +6003,7 @@
                 "text": "'plain' | 'tile'"
               },
               "default": "'plain'",
+              "description": "`plain`: bare, inside a tile; `tile`: a tile itself.",
               "attribute": "variant",
               "reflects": true
             },
@@ -5830,7 +6049,8 @@
               "type": {
                 "text": "'plain' | 'tile'"
               },
-              "default": "'plain'"
+              "default": "'plain'",
+              "description": "`plain`: bare, inside a tile; `tile`: a tile itself."
             },
             {
               "name": "disabled",
@@ -5869,7 +6089,7 @@
           "name": "LintjeForm",
           "tagName": "lintje-form",
           "customElement": true,
-          "description": "`<lintje-form>` — collects the values of its light-DOM fields, keeps the draft, asks for one\nsubmit and puts the host's errors under their fields.\n\nIts `<form>` is in the shadow root, so slotted fields have no form owner: the form's own key\nand click handlers are the one submit. `lintje-values-change` is stopped so form input never\nreaches the URL.\n\nEvents: `lintje-submit` `{ values }`, `lintje-invalid` (the errors), `lintje-dirty-change`\n(boolean).",
+          "description": "`<lintje-form>` — collects the values of its light-DOM fields, keeps the draft, asks for one\nsubmit and puts the host's errors under their fields.\n\nIts `<form>` is in the shadow root, so slotted fields have no form owner: Enter and a submit\nbutton reach it through the element's own handlers, once. It stops `lintje-values-change`, so\nform input never reaches the URL.\n\nEvents: `lintje-submit` `{ values }`, `lintje-invalid` `FormErrors`, `lintje-dirty-change`\n`boolean`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6115,7 +6335,7 @@
           "name": "LintjeRepeaterRow",
           "tagName": "lintje-repeater-row",
           "customElement": true,
-          "description": "`<lintje-repeater>` — a group of fields that repeats. The host writes the rows and owns the\nlist; the repeater asks, numbers and names the rows, and bounds them by `min` and `max`.\nAfter an add, focus goes to the new row's first field; after a remove, to the remove button\nof the row above (the add button when none is left). A live region says both.\nIt keeps no values and draws no undo toast.\n\nEvents: `lintje-row-add` (detail: the index the new row gets) from the repeater, and\n`lintje-row-remove` (detail: the row's index) from the row; both bubble and are composed.",
+          "description": "`<lintje-repeater-row>` — one row of a `lintje-repeater`, which numbers and names it.\n\nEvents: `lintje-row-remove` `number` (the row's index).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6237,7 +6457,7 @@
           "name": "LintjeRepeater",
           "tagName": "lintje-repeater",
           "customElement": true,
-          "description": "`<lintje-repeater>` — a group of fields that repeats. The host writes the rows and owns the\nlist; the repeater asks, numbers and names the rows, and bounds them by `min` and `max`.\nAfter an add, focus goes to the new row's first field; after a remove, to the remove button\nof the row above (the add button when none is left). A live region says both.\nIt keeps no values and draws no undo toast.\n\nEvents: `lintje-row-add` (detail: the index the new row gets) from the repeater, and\n`lintje-row-remove` (detail: the row's index) from the row; both bubble and are composed.",
+          "description": "`<lintje-repeater>` — a group of fields that repeats.\n\nThe host writes the rows and owns the list; the repeater asks, numbers and names the rows, and\nbounds them by `min` and `max`. It keeps no values and draws no undo toast. After an add the\nfocus goes to the new row's first field, after a remove to the remove button of the row above,\nelse the add button.\n\nEvents: `lintje-row-add` `number` (the index the new row gets), `lintje-row-remove` `number`\n(the row's index, from the row).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6416,7 +6636,7 @@
           "name": "LintjeStepper",
           "tagName": "lintje-stepper",
           "customElement": true,
-          "description": "`<lintje-stepper>` — the steps of a form that takes more than one screen, or the phases of a\nprocess. A line joins the markers: drawn through up to the current step, dashed after it. A\nstep still to come does nothing: jumping ahead is not possible. The host decides which step is\ncurrent; the element never reads the URL. A plain click on a done step is sent as\n`lintje-navigate`, which a host that routes cancels; a modified click is the browser's.\n\nEvents: `lintje-navigate` `{ href }`.",
+          "description": "`<lintje-stepper>` — the steps of a form that takes more than one screen, or the phases of a\nprocess.\n\nThe host decides which step is current; the element never reads the URL. A step still to come\ndoes nothing: jumping ahead is not possible. A plain click on a done step is sent as\n`lintje-navigate`, which a host that routes cancels.\n\nEvents: `lintje-navigate` `{ href }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6518,7 +6738,7 @@
           "name": "LintjeAppSearch",
           "tagName": "lintje-app-search",
           "customElement": true,
-          "description": "`<lintje-app-search>` — one search field over everything in an application, opened with `/`.\n\nThe owner holds `open`, `groups` and `loading`. A dialog on the shared focus-trap stack. The\nfield is a native `<input>`: `aria-controls` and `aria-activedescendant` cannot cross a root.\n\nBelow 768 px it opens from below as a sheet, with the filter sheet's head — its name and a close\nbutton — and the line of keys goes.\n\nEvents: `lintje-open`, `lintje-search` (the term), `lintje-navigate` `{ href }`, `lintje-action`\n(the id), `lintje-close` `{ reason: 'escape' | 'scrim' | 'button' | 'choice' }`.",
+          "description": "`<lintje-app-search>` — one search field over everything in an application, opened with `/`.\n\nThe host holds `open`, `groups` and `loading`: the element asks to be opened and closed, and\nsearches nothing itself. It is a dialog that traps the focus; below 768 px it opens from below\nas a sheet.\n\nEvents: `lintje-open`, `lintje-search` `string` (the term), `lintje-navigate` `{ href }`,\n`lintje-action` `string` (the row's id),\n`lintje-close` `{ reason: 'escape' | 'scrim' | 'button' | 'choice' }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6684,7 +6904,7 @@
           "name": "LintjeBreadcrumbs",
           "tagName": "lintje-breadcrumbs",
           "customElement": true,
-          "description": "`<lintje-breadcrumbs>` — the breadcrumb trail above a page's title.\n\nThe last item is the current page (`aria-current`), never a link. Past `MAX_LEVELS` the middle\ncollapses into a \"…\" menu. It never reads the URL: the host passes the levels.\n\nEvents: `lintje-navigate` `{ href }`.",
+          "description": "`<lintje-breadcrumbs>` — the breadcrumb trail above a page's title.\n\nThe last item is the current page, never a link. Past four levels the middle collapses into a\n\"…\" menu. It never reads the URL: the host passes the levels.\n\nEvents: `lintje-navigate` `{ href }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6767,7 +6987,7 @@
           "name": "LintjeFooter",
           "tagName": "lintje-footer",
           "customElement": true,
-          "description": "`<lintje-footer>` — the foot of a site or an application: a line that says what it is, columns\nof links under a heading, and a row of the links every page carries (privacy, accessibility).\nIt stands on the menu's own fill and runs edge to edge; in `lintje-shell` it goes in the\n`footer` slot. Below 768 px the columns stand under each other.\n\nEvents: `lintje-navigate` `{ href }` for a plain click on a link.",
+          "description": "`<lintje-footer>` — the foot of a site or an application: a line that says what it is, columns\nof links under a heading, and a row of the links every page carries (privacy, accessibility).\n\nIt stands on the menu's own fill and runs edge to edge; in `lintje-shell` it goes in the\n`footer` slot. Below 768 px the columns stand under each other.\n\nEvents: `lintje-navigate` `{ href }` (a plain click on a link).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6832,7 +7052,7 @@
           "name": "LintjeHero",
           "tagName": "lintje-hero",
           "customElement": true,
-          "description": "`<lintje-hero>` — the opening band of a start page: a large title, a line of introduction and\none way onward, on the theme's wash. It runs from edge to edge; its text keeps to the\ncontent column. In `lintje-shell` it goes in the `full` slot, above the page's content.\n\nThe title is an h2, as the page header's: the page's h1 is the shell's `name`.\nSlots: the default slot under the description (a search field, a short form); `status` above\nthe title (a badge); `aside` for one picture beside the text (an emblem, an illustration), left\nout below 1024 px; `panel` for content beside the text (what is said now in a running\nrecording), half the band from 1024 px and under the text below it; `overlap` for what stands\nhalf over the band's lower edge, such as a panel of tabs.\n\nEvents: `lintje-navigate` `{ href }` for the action.",
+          "description": "`<lintje-hero>` — the opening band of a start page: a large title, a line of introduction and\none way onward, on the theme's wash.\n\nIt runs from edge to edge, its text in the content column; in `lintje-shell` it goes in the\n`full` slot. The title is an h2: the page's h1 is the shell's `name`. The default slot takes a\nsearch field or a short form under the introduction, `aside` one picture beside the text (left\nout below 1024 px), `panel` content beside the text, and `overlap` what stands half over the\nband's lower edge, such as a panel of tabs.\n\nEvents: `lintje-navigate` `{ href }` (the action).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -6970,7 +7190,7 @@
           "name": "LintjeNotifications",
           "tagName": "lintje-notifications",
           "customElement": true,
-          "description": "`<lintje-notifications>` — the bell with its unread counter, and the panel it opens.\n\nAn unread item has the selected surface, a bold title and a dot, so colour is never the only\ncarrier (rule 13). A new counter pops in; a figure that replaces another rises in, as a KPI tile\ndoes. Above 768 px the panel is a non-modal popover; below it a full-screen modal sheet on the\nfocus-trap stack. It fetches and marks nothing: the host sets `.items`.\n\nMore unread items than before are spoken from a status region beside the bell (\"2 nieuwe\nmeldingen\"). When \"Alles gelezen\" goes with the focus on it, the focus moves to the first item.\n\nEvents: `lintje-notification-open` `{ id, href? }` — a plain click on a title with an `href`\nis cancelled and left to the host —, `lintje-notifications-read` (\"Alles gelezen\").",
+          "description": "`<lintje-notifications>` — the bell with its unread counter, and the panel it opens.\n\nIt fetches and marks nothing: the host sets `items`. More unread items than before are spoken\nfrom a status region beside the bell. Above 768 px the panel is a popover; below, a full-screen\nsheet that traps the focus.\n\nEvents: `lintje-notification-open` `{ id, href? }` (a title was clicked; with an `href`, cancel\nit to route), `lintje-notifications-read` (\"Alles gelezen\" was pressed).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7079,7 +7299,7 @@
           "name": "LintjePageHeader",
           "tagName": "lintje-page-header",
           "customElement": true,
-          "description": "`<lintje-page-header>` — the title zone of a page, with an announcement above it.\n\nThe title is an h2: the page's h1 is the shell's `name`.\nSlots: `breadcrumbs` above the title, `actions` on its right.\n\nIn the page's content it is a band, and tells the shell through the shared store when the\ntitle scrolls under the top bar. The observer watches the title itself: a sentinel element in\nthis column would pick up the gap and push the page down 6 px.\n\nIn `lintje-shell`'s `header` slot it stands flush in the shell's content column, as an\napplication's title row: no band, the description at every width, no observer.\n\n`editable` puts a pencil beside the title, shown while the title is pointed at or focused: the\nway to rename what the page is about. The page renames; the header only asks.\n\nEvents: `lintje-title-edit` (the pencil was pressed).",
+          "description": "`<lintje-page-header>` — the title zone of a page, with an announcement above it.\n\nThe title is an h2: the page's h1 is the shell's `name`. Actions that do not fit on one line go\ninto one menu, \"Meer\": the first goes first, the last never, and a chosen row clicks its button,\nso the host's own listener sees the click. In the page's content it is a band that tells the\nshell when the title scrolls under the top bar.\n\nEvents: `lintje-title-edit` (the pencil was pressed: the page renames, the header only asks).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7109,7 +7329,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "A pencil beside the title asks to rename it.",
+              "description": "A pencil beside the title, shown while it is pointed at or focused, asks to rename it.",
               "attribute": "editable",
               "reflects": true
             }
@@ -7130,7 +7350,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "A pencil beside the title asks to rename it."
+              "description": "A pencil beside the title, shown while it is pointed at or focused, asks to rename it."
             }
           ],
           "events": [
@@ -7164,14 +7384,14 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/frame/session-expiry/session-expiry.ts",
+      "path": "src/components/frame/shell/shell.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "LintjeSessionExpiry",
-          "tagName": "lintje-session-expiry",
+          "name": "LintjeShell",
+          "tagName": "lintje-shell",
           "customElement": true,
-          "description": "`<lintje-session-expiry>` — the warning before the session runs out, the notice after it, and\nthe \"Je concept is teruggezet\" announcement (`restored-at`).\n\nThe window is a `role=\"alertdialog\"` in `<lintje-confirm-dialog>`'s frame (its stylesheet).\nEscape and the scrim do nothing, because the session runs out either way. The element never\ncalls a server: the host sets `busy`, moves `expires-at` or sets `expired`.\n\nEvents: `lintje-session-extend`, `lintje-logout`, `lintje-login`, `lintje-draft-discard`.",
+          "description": "`<lintje-shell>` — the frame around a page: the Rijkshuisstijl header above it or the menu\nbeside it, the mobile header and menu below 768 px, and a `<main>` with the host's content.\n\nIt never fetches and never reads the URL: the active page and the reader's settings are the\nhost's, and a change goes out as `lintje-view-change` and comes back as data. `full` runs edge\nto edge above the content, `header` holds the `lintje-page-header` and `footer` the\n`lintje-footer`. The events of its parts (`lintje-action`, `lintje-logout`,\n`lintje-notification-open`, `lintje-notifications-read`) reach the host as they are.\n\nEvents: `lintje-navigate` `{ href }`, `lintje-view-change` `ShellViewChange`,\n`lintje-search-open`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7189,243 +7409,41 @@
             },
             {
               "kind": "field",
-              "name": "expiresAt",
+              "name": "data",
               "type": {
-                "text": "string"
-              },
-              "description": "When the session ends, as an ISO moment.",
-              "attribute": "expires-at"
+                "text": "ShellData | null"
+              }
             },
             {
               "kind": "field",
-              "name": "warnBefore",
+              "name": "layout",
               "type": {
-                "text": "number"
+                "text": "'side' | 'top'"
               },
-              "default": "120",
-              "description": "Seconds before the end that the warning opens; at least `MIN_WARNING`.",
-              "attribute": "warn-before"
-            },
+              "default": "'top'",
+              "description": "`data.layout`, mirrored on the element so its stylesheet can tell the two apart.",
+              "attribute": "layout",
+              "reflects": true
+            }
+          ],
+          "methods": [
             {
-              "kind": "field",
-              "name": "restoredAt",
-              "type": {
-                "text": "string"
-              },
-              "description": "When the restored draft was saved; set, the announcement shows.",
-              "attribute": "restored-at"
+              "kind": "method",
+              "name": "measureFit",
+              "description": "Like the navigation bar's entries, the bars' tools give way when they do not fit, measured and\nnot by breakpoint: the top bar's to bare icons, the mobile header's words to their glyphs.\nEach width compared is independent of the outcome, so neither can flip back and forth.",
+              "parameters": "()",
+              "return": {
+                "text": "void"
+              }
             },
             {
-              "kind": "field",
-              "name": "restoredReason",
-              "type": {
-                "text": "'logout' | 'reload'"
-              },
-              "default": "'logout'",
-              "description": "Why the draft came back; it picks the announcement's words.",
-              "attribute": "restored-reason"
-            },
-            {
-              "kind": "field",
-              "name": "busy",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "attribute": "busy",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "expired",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The host's word that the session is gone (extending failed).",
-              "attribute": "expired",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "now",
-              "type": {
-                "text": "() => number"
-              },
-              "default": "Date.now",
-              "description": "The clock, read once a second while there is an `expires-at`. A test replaces it."
-            }
-          ],
-          "methods": [],
-          "attributes": [
-            {
-              "name": "mode",
-              "fieldName": "mode",
-              "type": {
-                "text": "'light' | 'dark'"
-              }
-            },
-            {
-              "name": "expires-at",
-              "fieldName": "expiresAt",
-              "type": {
-                "text": "string"
-              },
-              "description": "When the session ends, as an ISO moment."
-            },
-            {
-              "name": "warn-before",
-              "fieldName": "warnBefore",
-              "type": {
-                "text": "number"
-              },
-              "default": "120",
-              "description": "Seconds before the end that the warning opens; at least `MIN_WARNING`."
-            },
-            {
-              "name": "restored-at",
-              "fieldName": "restoredAt",
-              "type": {
-                "text": "string"
-              },
-              "description": "When the restored draft was saved; set, the announcement shows."
-            },
-            {
-              "name": "restored-reason",
-              "fieldName": "restoredReason",
-              "type": {
-                "text": "'logout' | 'reload'"
-              },
-              "default": "'logout'",
-              "description": "Why the draft came back; it picks the announcement's words."
-            },
-            {
-              "name": "busy",
-              "fieldName": "busy",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "expired",
-              "fieldName": "expired",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "The host's word that the session is gone (extending failed)."
-            }
-          ],
-          "events": [
-            {
-              "name": "lintje-draft-discard",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "lintje-login",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "lintje-logout",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
-            {
-              "name": "lintje-session-extend",
-              "type": {
-                "text": "CustomEvent"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": ""
-            },
-            {
-              "name": "expired"
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "lintje-session-expiry",
-          "declaration": {
-            "name": "LintjeSessionExpiry",
-            "module": "src/components/frame/session-expiry/session-expiry.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/components/frame/shell/shell.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "LintjeShell",
-          "tagName": "lintje-shell",
-          "customElement": true,
-          "description": "`<lintje-shell>` — the frame around a page: the Rijkshuisstijl header above it (`layout`\n`top`, the default) or the menu beside it (`side`), the mobile header and menu below 768 px,\nand a `<main>` with the host's content.\n\nIt never fetches and never reads the URL: the active page (`active`) and the reader's settings\n(`view`, `menu`, `layout`) are the host's. A change goes out as `lintje-view-change` and comes\nback as data. `name` is the page's one `h1`.\n\nSlots: `full` runs edge to edge above the content (a hero, a filter bar, a conversation); `header`\nholds the page's title (`lintje-page-header`); the default slot the content, at the page's\nwidth and padding; `footer` runs edge to edge under it all (`lintje-footer`).\n\nEvents: `lintje-navigate` `{ href }`, `lintje-view-change`, `lintje-search-open`; from its\nparts `lintje-action`, `lintje-logout`, `lintje-notification-open`, `lintje-notifications-read`.",
-          "superclass": {
-            "name": "LintjeElement"
-          },
-          "members": [
-            {
-              "kind": "field",
-              "name": "mode",
-              "type": {
-                "text": "'light' | 'dark'"
-              },
-              "attribute": "mode",
-              "inheritedFrom": {
-                "name": "LintjeElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "data",
-              "type": {
-                "text": "ShellData | null"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "layout",
-              "type": {
-                "text": "'side' | 'top'"
-              },
-              "default": "'top'",
-              "description": "`data.layout`, mirrored on the element so its stylesheet can tell the two apart.",
-              "attribute": "layout",
-              "reflects": true
-            }
-          ],
-          "methods": [
-            {
-              "kind": "method",
-              "name": "measureFit",
-              "description": "Like the navigation bar's entries, the bars' tools give way when they do not fit, measured and\nnot by breakpoint: the top bar's to bare icons, the mobile header's words to their glyphs.\nEach width compared is independent of the outcome, so neither can flip back and forth.",
-              "parameters": "()",
-              "return": {
-                "text": "void"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "measureScroll",
-              "description": "The bar pins once its place in the flow has left the viewport and unpins on return.",
-              "parameters": "()",
-              "return": {
-                "text": "void"
-              }
+              "kind": "method",
+              "name": "measureScroll",
+              "description": "The bar pins once its place in the flow has left the viewport and unpins on return.",
+              "parameters": "()",
+              "return": {
+                "text": "void"
+              }
             },
             {
               "kind": "method",
@@ -7540,14 +7558,14 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/frame/shortcuts/shortcuts.ts",
+      "path": "src/components/frame/sub-nav/sub-nav.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "LintjeShortcuts",
-          "tagName": "lintje-shortcuts",
+          "name": "LintjeSubNav",
+          "tagName": "lintje-sub-nav",
           "customElement": true,
-          "description": "`<lintje-shortcuts>` — the overview of the keyboard shortcuts this page has registered.\n\nThe list is the register's (`core/shortcuts.ts`), read when the window opens. The element\nregisters `?` itself and asks to be opened (`lintje-open`). The owner holds `open`, as with\n`<lintje-confirm-dialog>`, whose frame and stylesheet this uses. Under the list a switch turns\nthe one-character keys off and on (WCAG 2.1.4); with them off, `?` opens nothing, so a page\nalso opens the overview from a button or a menu.\n\nEvents: `lintje-open`, `lintje-close` `{ reason: 'escape' | 'scrim' | 'button' }`.",
+          "description": "`<lintje-sub-nav>` — the navigation within one part of an application, beside its content.\n\nGroups of links and one action below them (\"Nieuw …\"). The host marks the reader's page with\n`active`; the element never reads the URL. Below 768 px it is one button with the reader's\npage, which opens the list in place.\n\nEvents: `lintje-navigate` `{ href }`, `lintje-action` `{ value }` (the action was pressed).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7565,23 +7583,40 @@
             },
             {
               "kind": "field",
-              "name": "open",
+              "name": "groups",
               "type": {
-                "text": "boolean"
+                "text": "SubNavGroup[]"
               },
-              "default": "false",
-              "description": "The owner's: the window asks to be closed and never closes itself.",
-              "attribute": "open",
-              "reflects": true
+              "default": "[]",
+              "description": "The groups, in order. One group without a label is a plain list."
             },
             {
               "kind": "field",
-              "name": "heading",
+              "name": "action",
+              "type": {
+                "text": "SubNavAction"
+              },
+              "description": "The action below the groups, or none."
+            },
+            {
+              "kind": "field",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "default": "'Sneltoetsen'",
-              "attribute": "heading"
+              "default": "'Submenu'",
+              "description": "The navigation's accessible name: \"Instellingen\".",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Every level shows, not only the one on the reader's path: for the list of a long page's\nsections, which must not shift while it is read.",
+              "attribute": "expanded"
             }
           ],
           "methods": [],
@@ -7594,34 +7629,35 @@
               }
             },
             {
-              "name": "open",
-              "fieldName": "open",
+              "name": "label",
+              "fieldName": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "The owner's: the window asks to be closed and never closes itself."
+              "default": "'Submenu'",
+              "description": "The navigation's accessible name: \"Instellingen\"."
             },
             {
-              "name": "heading",
-              "fieldName": "heading",
+              "name": "expanded",
+              "fieldName": "expanded",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Sneltoetsen'"
+              "default": "false",
+              "description": "Every level shows, not only the one on the reader's path: for the list of a long page's\nsections, which must not shift while it is read."
             }
           ],
           "events": [
             {
-              "name": "lintje-close",
+              "name": "lintje-action",
               "type": {
-                "text": "CustomEvent<{ reason }>"
+                "text": "CustomEvent<{ value }>"
               }
             },
             {
-              "name": "lintje-open",
+              "name": "lintje-navigate",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent<{ href }>"
               }
             }
           ],
@@ -7631,24 +7667,24 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "lintje-shortcuts",
+          "name": "lintje-sub-nav",
           "declaration": {
-            "name": "LintjeShortcuts",
-            "module": "src/components/frame/shortcuts/shortcuts.ts"
+            "name": "LintjeSubNav",
+            "module": "src/components/frame/sub-nav/sub-nav.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/frame/sub-nav/sub-nav.ts",
+      "path": "src/components/frame/user-menu/user-menu.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "LintjeSubNav",
-          "tagName": "lintje-sub-nav",
+          "name": "LintjeUserMenu",
+          "tagName": "lintje-user-menu",
           "customElement": true,
-          "description": "`<lintje-sub-nav>` — the navigation within one part of an application, beside its content.\n\nGroups of links, optionally under a label, and one action below them (\"Nieuw …\"). The host\nmarks the reader's page with `active`; an item's `items` show while it or one of them is active.\nBelow 768 px it is one button with the reader's page, which opens the list in place. It never\nreads the URL.\n\nEvents: `lintje-navigate` `{ href }`, `lintje-action` `{ value }` (the action).",
+          "description": "`<lintje-user-menu>` — the user's avatar in the navigation bar and the menu it opens: name and\nrole, the host's rows (`MenuEntry`), \"Afmelden\" and the version.\n\nA menu, not a dialog: it traps no focus, and an Escape in a dialog opened over it is the\ndialog's.\n\nEvents: `lintje-action` `string` (the row's value), `lintje-navigate` `{ href }` (a link row),\n`lintje-logout` (without `logout-action`).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -7666,32 +7702,69 @@
             },
             {
               "kind": "field",
-              "name": "groups",
+              "name": "user",
               "type": {
-                "text": "SubNavGroup[]"
-              },
-              "default": "[]",
-              "description": "The groups, in order. One group without a label is a plain list."
+                "text": "UserMenuUser | null"
+              }
             },
             {
               "kind": "field",
-              "name": "action",
+              "name": "items",
               "type": {
-                "text": "SubNavAction"
+                "text": "MenuEntry[]"
               },
-              "description": "The action below the groups, or none."
+              "default": "[]"
             },
             {
               "kind": "field",
-              "name": "label",
+              "name": "version",
               "type": {
                 "text": "string"
               },
-              "default": "'Submenu'",
-              "description": "The navigation's accessible name: \"Instellingen\".",
-              "attribute": "label"
-            }
-          ],
+              "description": "Shown at the bottom: \"Versie 2.4.1\".",
+              "attribute": "version"
+            },
+            {
+              "kind": "field",
+              "name": "logoutAction",
+              "type": {
+                "text": "string"
+              },
+              "description": "The URL \"Afmelden\" posts a real `<form>` to: signing out leaves the page, which a fetch\ncannot do. Without it \"Afmelden\" sends `lintje-logout`.",
+              "attribute": "logout-action"
+            },
+            {
+              "kind": "field",
+              "name": "csrf",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The session's CSRF token, posted with \"Afmelden\" in a hidden `csrf_token` field.",
+              "attribute": "csrf"
+            },
+            {
+              "kind": "field",
+              "name": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The content without button and popover, on the navigation's colours: for the mobile sheet.",
+              "attribute": "inline",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "open",
+              "reflects": true
+            }
+          ],
           "methods": [],
           "attributes": [
             {
@@ -7702,20 +7775,59 @@
               }
             },
             {
-              "name": "label",
-              "fieldName": "label",
+              "name": "version",
+              "fieldName": "version",
               "type": {
                 "text": "string"
               },
-              "default": "'Submenu'",
-              "description": "The navigation's accessible name: \"Instellingen\"."
+              "description": "Shown at the bottom: \"Versie 2.4.1\"."
+            },
+            {
+              "name": "logout-action",
+              "fieldName": "logoutAction",
+              "type": {
+                "text": "string"
+              },
+              "description": "The URL \"Afmelden\" posts a real `<form>` to: signing out leaves the page, which a fetch\ncannot do. Without it \"Afmelden\" sends `lintje-logout`."
+            },
+            {
+              "name": "csrf",
+              "fieldName": "csrf",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The session's CSRF token, posted with \"Afmelden\" in a hidden `csrf_token` field."
+            },
+            {
+              "name": "inline",
+              "fieldName": "inline",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The content without button and popover, on the navigation's colours: for the mobile sheet."
+            },
+            {
+              "name": "open",
+              "fieldName": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false"
             }
           ],
           "events": [
             {
               "name": "lintje-action",
               "type": {
-                "text": "CustomEvent<{ value }>"
+                "text": "CustomEvent<item.value>"
+              }
+            },
+            {
+              "name": "lintje-logout",
+              "type": {
+                "text": "CustomEvent"
               }
             },
             {
@@ -7731,26 +7843,26 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "lintje-sub-nav",
+          "name": "lintje-user-menu",
           "declaration": {
-            "name": "LintjeSubNav",
-            "module": "src/components/frame/sub-nav/sub-nav.ts"
+            "name": "LintjeUserMenu",
+            "module": "src/components/frame/user-menu/user-menu.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/frame/user-menu/user-menu.ts",
+      "path": "src/components/inputs/checkbox-group/checkbox-group.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "LintjeUserMenu",
-          "tagName": "lintje-user-menu",
+          "name": "LintjeCheckboxGroup",
+          "tagName": "lintje-checkbox-group",
           "customElement": true,
-          "description": "`<lintje-user-menu>` — the user's avatar in the navigation bar and the menu it opens: name and\nrole, the host's rows (`MenuEntry`, as `lintje-menu-button`), \"Afmelden\", the version.\n\nA menu, not a dialog: no trap, and an Escape pressed in a dialog opened over it is the\ndialog's. With `logout-action` \"Afmelden\" is a real `<form method=\"post\">` with the CSRF\ntoken in a hidden `csrf_token` field: signing out leaves the page, which a fetch cannot do.\n`inline` draws the content without button and popover, for the shell's mobile sheet.\n\nEvents: `lintje-action` (the row's value), `lintje-navigate` `{ href }` for a link row,\n`lintje-logout` (only without `logout-action`).",
+          "description": "`<lintje-checkbox-group>` — several options under one label, a checkbox per line, with one hint\nand one message for the group.\n\nOnly the group tells the host: its rows carry no `name`. `required` draws nothing and sets no\nARIA, since a group cannot carry `aria-required`: the host's message says what is missing.\n\nEvents: `lintje-change` `string[]` (the checked values), `lintje-values-change`\n`{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
-            "name": "LintjeElement"
+            "name": "LintjeInputElement"
           },
           "members": [
             {
@@ -7766,138 +7878,302 @@
             },
             {
               "kind": "field",
-              "name": "user",
+              "name": "span",
               "type": {
-                "text": "UserMenuUser | null"
+                "text": "number"
+              },
+              "description": "Columns of the 12-column grid; default one.",
+              "attribute": "span",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LintjeGridItemElement"
               }
             },
             {
               "kind": "field",
-              "name": "items",
+              "name": "name",
               "type": {
-                "text": "MenuEntry[]"
+                "text": "string"
               },
-              "default": "[]"
+              "default": "''",
+              "description": "The filter key, e.g. `p.threshold`. Without it no `lintje-values-change` is sent.",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "version",
+              "name": "label",
               "type": {
                 "text": "string"
               },
-              "description": "Shown at the bottom: \"Versie 2.4.1\".",
-              "attribute": "version"
+              "default": "''",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "hide-label",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "hint",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "string"
+              },
+              "description": "The Dutch error message.",
+              "attribute": "error",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "attribute": "disabled",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "modified",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Differs from the default: draws the orange dot by the label.",
+              "attribute": "modified",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "The field must be filled. Draws nothing; sets `aria-required` and form validity.",
+              "attribute": "required",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "optional",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Marks the label \"(niet verplicht)\", inside the label so it is in the accessible name.",
+              "attribute": "optional",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "'row'"
+              },
+              "description": "`row`: a setting's row — the name and its hint on the left, the control on the right; stacked\nagain when the field itself is narrower than 35rem (a phone, a drawer). Left out, the label\nstands above the control.",
+              "attribute": "layout",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "resetLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "With `modified`: a link under the field (\"Terugzetten naar 2 tot 12\") that sends `lintje-reset`.",
+              "attribute": "reset-label",
+              "inheritedFrom": {
+                "name": "LintjeInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "options",
+              "type": {
+                "text": "FilterOption[]"
+              },
+              "description": "A `description` stands under its option."
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "string[]"
+              },
+              "default": "[]",
+              "description": "The checked values, in the order of `options`; a value the options do not hold is kept after\nthem. A property, not an attribute: a server-rendered page sets it as data."
+            }
+          ],
+          "methods": [],
+          "attributes": [
+            {
+              "name": "mode",
+              "fieldName": "mode",
+              "type": {
+                "text": "'light' | 'dark'"
+              }
             },
             {
-              "kind": "field",
-              "name": "logoutAction",
+              "name": "span",
+              "fieldName": "span",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "description": "The URL \"Afmelden\" posts to; without it \"Afmelden\" sends `lintje-logout`.",
-              "attribute": "logout-action"
+              "description": "Columns of the 12-column grid; default one."
             },
             {
-              "kind": "field",
-              "name": "csrf",
+              "name": "name",
+              "fieldName": "name",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The session's CSRF token, posted with \"Afmelden\".",
-              "attribute": "csrf"
+              "description": "The filter key, e.g. `p.threshold`. Without it no `lintje-values-change` is sent."
             },
             {
-              "kind": "field",
-              "name": "inline",
+              "name": "label",
+              "fieldName": "label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "The content without button and popover, on the navigation's colours.",
-              "attribute": "inline",
-              "reflects": true
+              "default": "''"
             },
             {
-              "kind": "field",
-              "name": "open",
+              "name": "hide-label",
+              "fieldName": "hideLabel",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "attribute": "open",
-              "reflects": true
-            }
-          ],
-          "methods": [],
-          "attributes": [
+              "default": "false"
+            },
             {
-              "name": "mode",
-              "fieldName": "mode",
+              "name": "hint",
+              "fieldName": "hint",
               "type": {
-                "text": "'light' | 'dark'"
+                "text": "string"
               }
             },
             {
-              "name": "version",
-              "fieldName": "version",
+              "name": "error",
+              "fieldName": "error",
               "type": {
                 "text": "string"
               },
-              "description": "Shown at the bottom: \"Versie 2.4.1\"."
+              "description": "The Dutch error message."
             },
             {
-              "name": "logout-action",
-              "fieldName": "logoutAction",
+              "name": "disabled",
+              "fieldName": "disabled",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "The URL \"Afmelden\" posts to; without it \"Afmelden\" sends `lintje-logout`."
+              "default": "false"
             },
             {
-              "name": "csrf",
-              "fieldName": "csrf",
+              "name": "modified",
+              "fieldName": "modified",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "''",
-              "description": "The session's CSRF token, posted with \"Afmelden\"."
+              "default": "false",
+              "description": "Differs from the default: draws the orange dot by the label."
             },
             {
-              "name": "inline",
-              "fieldName": "inline",
+              "name": "required",
+              "fieldName": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The content without button and popover, on the navigation's colours."
+              "description": "The field must be filled. Draws nothing; sets `aria-required` and form validity."
             },
             {
-              "name": "open",
-              "fieldName": "open",
+              "name": "optional",
+              "fieldName": "optional",
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Marks the label \"(niet verplicht)\", inside the label so it is in the accessible name."
+            },
+            {
+              "name": "layout",
+              "fieldName": "layout",
+              "type": {
+                "text": "'row'"
+              },
+              "description": "`row`: a setting's row — the name and its hint on the left, the control on the right; stacked\nagain when the field itself is narrower than 35rem (a phone, a drawer). Left out, the label\nstands above the control."
+            },
+            {
+              "name": "reset-label",
+              "fieldName": "resetLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "With `modified`: a link under the field (\"Terugzetten naar 2 tot 12\") that sends `lintje-reset`."
             }
           ],
           "events": [
             {
-              "name": "lintje-action",
+              "name": "lintje-change",
               "type": {
-                "text": "CustomEvent<item.value>"
-              }
+                "text": "CustomEvent<value>"
+              },
+              "description": "Not composed: it stops at the shadow root."
             },
             {
-              "name": "lintje-logout",
+              "name": "lintje-reset",
               "type": {
                 "text": "CustomEvent"
-              }
+              },
+              "description": "Not composed: it stops at the shadow root."
             },
             {
-              "name": "lintje-navigate",
+              "name": "lintje-values-change",
               "type": {
-                "text": "CustomEvent<{ href }>"
+                "text": "CustomEvent<{ [this.name] }>"
               }
             }
           ],
@@ -7907,10 +8183,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "lintje-user-menu",
+          "name": "lintje-checkbox-group",
           "declaration": {
-            "name": "LintjeUserMenu",
-            "module": "src/components/frame/user-menu/user-menu.ts"
+            "name": "LintjeCheckboxGroup",
+            "module": "src/components/inputs/checkbox-group/checkbox-group.ts"
           }
         }
       ]
@@ -7924,7 +8200,7 @@
           "name": "LintjeCheckbox",
           "tagName": "lintje-checkbox",
           "customElement": true,
-          "description": "`<lintje-checkbox>` — a checkbox; `indeterminate` shows a dash. The value is `checked`, a\nboolean, not `value` (the string a native checkbox submits). `lintje-values-change` goes out\nonly with a `name`, so `lintje-multiselect`'s unnamed rows leak nothing to the host.\n\nEvents: `lintje-change` with the boolean; with a `name` also `lintje-values-change`.",
+          "description": "`<lintje-checkbox>` — a checkbox; `indeterminate` shows a dash.\n\nEvents: `lintje-change` `boolean`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -8099,6 +8375,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The value: a boolean, not `value` (the string a native checkbox submits).",
               "attribute": "checked",
               "reflects": true
             },
@@ -8227,7 +8504,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "The value: a boolean, not `value` (the string a native checkbox submits)."
             },
             {
               "name": "indeterminate",
@@ -8283,7 +8561,7 @@
           "name": "LintjeCombobox",
           "tagName": "lintje-combobox",
           "customElement": true,
-          "description": "`<lintje-combobox>` — search while typing and choose one value. Typing narrows `.options`\nitself; with `remote` it sends `lintje-search` after typing stops and shows a busy row until\nthe host sets new `.options` (it never fetches). Text that matches no option is never a value;\nemptying the field commits `null`. Escape closes and restores the previous value.\n\nEvents: `lintje-change`; with a `name` also the composed `lintje-values-change`. With\n`remote`: composed `lintje-search` `{ query }`.",
+          "description": "`<lintje-combobox>` — search while typing and choose one value.\n\nTyping narrows `options` itself, unless `remote`; the element never fetches. Text that matches\nno option is never a value, and emptying the field commits `null`. Escape closes and restores\nthe previous value.\n\nEvents: `lintje-change` `string | null`, `lintje-values-change` `{ [name]: value }` (with a\n`name`), `lintje-reset` (the reset link was pressed), `lintje-search` `{ query }` (with\n`remote`, after typing stops).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -8483,6 +8761,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The host searches: `lintje-search` goes out after typing stops, and a busy row shows until\nthe host sets new `options`.",
               "attribute": "remote"
             },
             {
@@ -8654,7 +8933,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "The host searches: `lintje-search` goes out after typing stops, and a busy row shows until\nthe host sets new `options`."
             },
             {
               "name": "loading-label",
@@ -8740,7 +9020,7 @@
           "name": "LintjeDateInput",
           "tagName": "lintje-date-input",
           "customElement": true,
-          "description": "`<lintje-date-input>` — one day, typed or picked in a calendar popover.\n\nThe field shows `dd-mm-jjjj`; what crosses is ISO, or `null` when empty. Typed text is read on\nleaving the field or Enter (`date-format.ts`). The element checks its own text and shows a\nmessage in place of the hint; a host's `error` wins. A calendar day is no time zone. Tab out of\nthe element closes the calendar, so it does not cover the next field.\n\nEvents: `lintje-change` with the ISO day or `null`; with a `name` also `lintje-values-change`.",
+          "description": "`<lintje-date-input>` — one day, typed or picked in a calendar popover.\n\nThe field shows `dd-mm-jjjj`; what crosses is ISO, or `null` when empty. The element reads typed\ntext on leaving the field or Enter, checks it and shows a message in place of the hint; a host's\n`error` wins. A calendar day knows no time zone. Tab out of the element closes the calendar.\n\nEvents: `lintje-change` `string | null` (the ISO day), `lintje-values-change`\n`{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -9188,7 +9468,7 @@
           "name": "LintjeDateRange",
           "tagName": "lintje-date-range",
           "customElement": true,
-          "description": "`<lintje-date-range>` — the date range picker: a field and a popover with a calendar, presets\nand \"Wissen\"/\"Toepassen\". Dates cross as `dd-mm-yyyy`; a change carries `{from, to}`.\n\n`accessible-name` names the field inside, which `aria-label` on the host would not; the field's\nname ends in the chosen range. The calendar is one tab stop, walked with the date input's keys.\nEscape closes only the popover (`ownsEscape`); it and \"Toepassen\" give the focus back to the\nfield. Tab out of the element closes the popover. Events: `lintje-change`; with a `name` also\n`lintje-values-change` (`shared/input.ts`).",
+          "description": "`<lintje-date-range>` — the date range picker: a field and a popover with a calendar, presets\nand \"Wissen\"/\"Toepassen\".\n\nEscape closes only the popover; it and \"Toepassen\" give the focus back to the field. Tab out of\nthe element closes the popover.\n\nEvents: `lintje-change` `{ from, to }`, `lintje-values-change` `{ [name]: value }` (with a\n`name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -9363,6 +9643,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "Names the field inside, which `aria-label` on the host would not; the name ends in the\nchosen range.",
               "attribute": "accessible-name"
             },
             {
@@ -9391,7 +9672,8 @@
               "type": {
                 "text": "DateRange"
               },
-              "default": "{ from: null, to: null }"
+              "default": "{ from: null, to: null }",
+              "description": "The chosen days, as `dd-mm-yyyy`."
             },
             {
               "kind": "field",
@@ -9524,7 +9806,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "''"
+              "default": "''",
+              "description": "Names the field inside, which `aria-label` on the host would not; the name ends in the\nchosen range."
             },
             {
               "name": "stacked",
@@ -9588,7 +9871,7 @@
           "name": "LintjeField",
           "tagName": "lintje-field",
           "customElement": true,
-          "description": "`<lintje-field>` — the label above a filter control. No `for`: a `<label for>` cannot name a\ncontrol in another shadow root, so each control carries its own `aria-label`; a click on the\nlabel focuses the first slotted control that takes focus.",
+          "description": "`<lintje-field>` — the label above a filter control.\n\nA click on the label focuses the first slotted control that takes focus. There is no `for`: a\n`<label for>` cannot name a control in another shadow root, so each control carries its own\n`aria-label`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -9696,7 +9979,7 @@
           "name": "LintjeFileUpload",
           "tagName": "lintje-file-upload",
           "customElement": true,
-          "description": "`<lintje-file-upload>` — choose or drop files, and see per file how far it is and how it ended.\nIt never uploads: it checks files against `accept` and `max-size`, sends the ones that pass\nwith `lintje-files-add`, and draws the rows from `.files`. A file it refuses itself never\nreaches the host. Its value is the ids of the rows that are done.\n\nThe button is the one control: it carries the label in its name and the types, the size and\nthe hint or error as its description. When a row with the focus goes, the focus moves to the\nrow in its place, else the one before, else the button.\n\nEvents: `lintje-files-add` (the `File[]`), `lintje-file-remove` `{ id }`, `lintje-file-cancel`\n`{ id }` — composed; `lintje-change` and, with a `name`, `lintje-values-change`.",
+          "description": "`<lintje-file-upload>` — choose or drop files, and see per file how far it is and how it ended.\n\nIt never uploads: it checks files against `accept` and `max-size`, sends the ones that pass with\n`lintje-files-add` and draws the rows from `files`. A file it refuses never reaches the host.\nIts value is the ids of the rows that are done.\n\nEvents: `lintje-files-add` `File[]`, `lintje-file-remove` `{ id }`, `lintje-file-cancel`\n`{ id }`, `lintje-change` `string[]`, `lintje-values-change` `{ [name]: value }` (with a\n`name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -10118,7 +10401,7 @@
           "name": "LintjeMultiselect",
           "tagName": "lintje-multiselect",
           "customElement": true,
-          "description": "`<lintje-multiselect>` — several values in one field: chips in the field, a search and a\ncheckbox list in the popover.\n\nRows are `<lintje-checkbox>` without a `name`, so no filter change escapes the popover. The\npopover is a dialog, not a listbox: it holds a search field and buttons besides the rows. It is\nfixed to the viewport and anchored to the field: an absolute one is cut off by the scrolling\nfilter bar and sheet around it. Escape closes only the popover (`ownsEscape`) and gives the\nfocus back to the field; so does Tab out of the element, without taking the focus back.\n\nEvents: `lintje-change`; with a `name` also `lintje-values-change` (`shared/input.ts`).",
+          "description": "`<lintje-multiselect>` — several values in one field: chips in the field, a search and a\ncheckbox list in the popover.\n\nThe popover is fixed to the viewport, so a scrolling filter bar or sheet around it does not cut\nit off. Escape and Tab out of the element close only the popover.\n\nEvents: `lintje-change` `string[]`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -10525,7 +10808,7 @@
           "name": "LintjeNumberInput",
           "tagName": "lintje-number-input",
           "customElement": true,
-          "description": "`<lintje-number-input>` — a −/+ stepper around a centred value, or a unit on the right\nwithout the stepper. Commits on `change`; a press on − or + commits at once.\n\n`stepper` defaults to `true`, so it can only be turned off as a property: `?stepper=${false}`\nremoves an attribute that was never there. A shown unit describes the field. At `min` or `max`\nthe step is `aria-disabled`, not disabled, so the focus on it stays. Events: `lintje-change`,\nand `lintje-values-change` with a `name`.",
+          "description": "`<lintje-number-input>` — a −/+ stepper around a centred value, or a unit on the right without\nthe stepper.\n\nIt commits on `change`; a press on − or + commits at once. At `min` or `max` the step stays\nfocusable but does nothing.\n\nEvents: `lintje-change` `number | null`, `lintje-values-change` `{ [name]: value }` (with a\n`name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeFormInputElement"
           },
@@ -10746,7 +11029,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The unit on the right, e.g. \"min\"; shown only without the stepper.",
+              "description": "The unit on the right, e.g. \"min\", which describes the field; only without the stepper.",
               "attribute": "unit"
             },
             {
@@ -10921,7 +11204,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "The unit on the right, e.g. \"min\"; shown only without the stepper."
+              "description": "The unit on the right, e.g. \"min\", which describes the field; only without the stepper."
             },
             {
               "name": "stepper",
@@ -10986,7 +11269,7 @@
           "name": "LintjeRadioGroup",
           "tagName": "lintje-radio-group",
           "customElement": true,
-          "description": "`<lintje-radio-group>` — one option per line, for options that do not fit `lintje-segmented`.\nOptions are `FilterOption[]`. Arrow keys are the browser's: the inputs share one `name` inside\nthis shadow root, so two groups never collide. `variant=\"cards\"` draws each option as a card in\na grid, its `description` under the label, the chosen one quiet as in `lintje-segmented`.\n\nEvents: `lintje-change`; with a `name` also `lintje-values-change` (`shared/input.ts`).",
+          "description": "`<lintje-radio-group>` — one option per line, for options that do not fit `lintje-segmented`.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -11353,7 +11636,7 @@
           "name": "LintjeRange",
           "tagName": "lintje-range",
           "customElement": true,
-          "description": "`<lintje-range>` — one track, one or two handles, over labeled steps.\n\nTwo handles: `from` and `to` are indexes into `steps`, and a change is `[from, to]`. With\n`single`, `value` is the step itself, not its index, and a change is that step. A drag commits\nwhen the pointer is let go (`draft`/`draftPair` show it meanwhile); a key press commits at once.\nWith two handles only the thumbs take the pointer, so a press on the track moves the nearer\nhandle there; on stacked handles the side of the press decides.\n\nEvents: `lintje-change`; with a `name` also `lintje-values-change` (`shared/input.ts`).",
+          "description": "`<lintje-range>` — one track, one or two handles, over labeled steps.\n\nWith two handles `from` and `to` are indexes into `steps`, and a change is `[from, to]`; with\n`single`, `value` is the step itself, and a change is that step. A drag commits when the pointer\nis let go, a key press at once.\n\nEvents: `lintje-change` `[number, number] | number | string`, `lintje-values-change`\n`{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -11791,7 +12074,7 @@
           "name": "LintjeSegmented",
           "tagName": "lintje-segmented",
           "customElement": true,
-          "description": "`<lintje-segmented>` — one row of options, the chosen one marked. A row wider than its room\nstands as a column instead, each option a row of its own.\nIn a filter bar it is `hide-label` and nameless; the bar decides what to commit.\n\nEvents: `lintje-change`; with a `name` also the composed `lintje-values-change`.",
+          "description": "`<lintje-segmented>` — one row of options, the chosen one marked; a row wider than its room\nstands as a column.\n\nIn a filter bar it is `hide-label` and nameless: the bar decides what to commit.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -12175,7 +12458,7 @@
           "name": "LintjeSelect",
           "tagName": "lintje-select",
           "customElement": true,
-          "description": "`<lintje-select>` — a select, bold once the value differs from the default.\nThe filter bar passes no `name` and sets `hide-label`. The width is the host's, not inline,\nso `filter-layout.css` can narrow it from outside.\n\nEvents: `lintje-change`; with a `name` also the composed `lintje-values-change`.",
+          "description": "`<lintje-select>` — a select, bold once the value differs from the default.\n\nIn a filter bar it is `hide-label` and nameless. Its width is the host's, so the filter layout\ncan narrow it from outside.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -12359,6 +12642,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "Bold the value, as a modified filter does.",
               "attribute": "bold"
             },
             {
@@ -12501,7 +12785,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "Bold the value, as a modified filter does."
             },
             {
               "name": "stacked",
@@ -12557,7 +12842,7 @@
           "name": "LintjeSlotPicker",
           "tagName": "lintje-slot-picker",
           "customElement": true,
-          "description": "`<lintje-slot-picker>` — a time for an appointment: days side by side, each with its times as\noptions. One radio group over every day, so the arrow keys walk the times and Tab stops once;\na time's name carries its day. A full time stays, disabled, with the word \"Vol\" beside it\n(rule 13), and a day without times says so. The days are the host's: it sends the ones it\noffers, and pages them itself.\n\nEvents: `lintje-change` with the chosen time's `value`; with a `name` also `lintje-values-change`.",
+          "description": "`<lintje-slot-picker>` — a time for an appointment: days side by side, each with its times as\noptions.\n\nThe days are the host's: it sends the ones it offers, and pages them itself. One radio group\nspans every day, so Tab stops once. A full time stays, disabled, with the word \"Vol\" beside it.\n\nEvents: `lintje-change` `string` (the chosen time's `value`), `lintje-values-change`\n`{ [name]: value }` (with a `name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -12906,7 +13191,7 @@
           "name": "LintjeTagInput",
           "tagName": "lintje-tag-input",
           "customElement": true,
-          "description": "`<lintje-tag-input>` — free keywords as chips in one field. Enter, a comma, a paste with commas\nor leaving the field makes chips; a duplicate lights up its chip and is said instead of being\nadded. With `.options` it also suggests options, and still takes a word that is not among them.\nA chip's cross is its one control: the arrows walk the crosses, Backspace and Delete remove.\n\nEvents: `lintje-change`; with a `name` also the composed `lintje-values-change`.",
+          "description": "`<lintje-tag-input>` — free keywords as chips in one field.\n\nEnter, a comma, a paste with commas or leaving the field makes chips; a duplicate is pointed out\ninstead of added. With `options` it also suggests, and still takes a word that is not among\nthem.\n\nEvents: `lintje-change` `string[]`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -13280,7 +13565,7 @@
           "name": "LintjeTextEditor",
           "tagName": "lintje-text-editor",
           "customElement": true,
-          "description": "`<lintje-text-editor>` — formatted text (bold, italic, one heading, a bullet list, a link);\nthe value is markdown (`markdown.ts`). Formatting uses `document.execCommand`, the one API\nevery browser has for a `contenteditable` selection; the markdown writer reads only the five\nformats from whatever markup it leaves. Commits when the surface loses focus, if changed.\nA link is http(s), mailto, tel or relative; any other scheme is dropped.\n\nEvents: `lintje-change` with the markdown; with a `name` also the composed `lintje-values-change`.",
+          "description": "`<lintje-text-editor>` — formatted text: bold, italic, one heading, a bullet list and a link.\n\nThe value is markdown, committed when the surface loses focus, if changed. A link is http(s),\nmailto, tel or relative; any other scheme is dropped.\n\nEvents: `lintje-change` `string` (the markdown), `lintje-values-change` `{ [name]: value }`\n(with a `name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -13620,7 +13905,7 @@
           "name": "LintjeTextInput",
           "tagName": "lintje-text-input",
           "customElement": true,
-          "description": "`<lintje-text-input>` — a text field: `clearable`, `error`, `readonly`, and `type` text,\nsearch, password or email. It checks nothing itself; the host sets `error`.\n\nIt commits on `change` (leaving the field, Enter), since every commit is a URL change and a\ntile reload. `commit=\"input\"` bundles keystrokes and commits 300 ms after the last. The same\nvalue is never committed twice. Events: `lintje-change`, and `lintje-values-change` with `name`.",
+          "description": "`<lintje-text-input>` — a text field: text, search, password or email.\n\nIt checks nothing itself: the host sets `error`. It commits on `change` (leaving the field,\nEnter), since every commit is a URL change and a tile reload, and never commits the same value\ntwice.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeFormInputElement"
           },
@@ -13854,7 +14139,7 @@
                 "text": "'change' | 'input'"
               },
               "default": "'change'",
-              "description": "The attribute `commit`; `commit()` is the method every input commits through.",
+              "description": "The attribute `commit`; `commit()` is the method every input commits through. `input`\nbundles keystrokes and commits 300 ms after the last.",
               "attribute": "commit"
             },
             {
@@ -14030,7 +14315,7 @@
                 "text": "'change' | 'input'"
               },
               "default": "'change'",
-              "description": "The attribute `commit`; `commit()` is the method every input commits through."
+              "description": "The attribute `commit`; `commit()` is the method every input commits through. `input`\nbundles keystrokes and commits 300 ms after the last."
             },
             {
               "name": "autocomplete",
@@ -14087,7 +14372,7 @@
           "name": "LintjeTextarea",
           "tagName": "lintje-textarea",
           "customElement": true,
-          "description": "`<lintje-textarea>` — the multi-line text field: three to twelve lines (`rows` sets the least),\nwith a counter when there is a `maxlength`. `variant=\"plain\"` drops the field's box and its\nfocus ring, takes the type of where it stands and fills its height, for a surface that frames\nthe text and draws the ring itself (`lintje-translator`). Typing past the limit is allowed (a paste lands whole); the field\nshows the error, alerted once as the text crosses the limit. The counter is read out from 90 %\nof the limit on.\n\nThe counter is `part=\"counter\"`, so a surface can stand it on its own line.\n\nCommits like `lintje-text-input`; Ctrl+Enter commits and submits a host's form.\nEvents: `lintje-change`, and `lintje-values-change` with a `name`.",
+          "description": "`<lintje-textarea>` — the multi-line text field: three to twelve lines, with a counter when\nthere is a `maxlength`.\n\nIt commits like `lintje-text-input`; Ctrl+Enter commits and submits a host's form. Typing past\nthe limit is allowed, so a paste lands whole: the field shows the error. The counter is\n`part=\"counter\"`, so a surface can stand it on its own line.\n\nEvents: `lintje-change` `string`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeFormInputElement"
           },
@@ -14291,7 +14576,7 @@
               "type": {
                 "text": "number"
               },
-              "description": "The limit the counter counts to.",
+              "description": "The limit the counter counts to; the counter is read out from 90 % of it on.",
               "attribute": "maxlength"
             },
             {
@@ -14331,7 +14616,7 @@
                 "text": "'field' | 'plain'"
               },
               "default": "'field'",
-              "description": "`field` (default): the bordered field; `plain`: no box, the type of where it stands.",
+              "description": "`field` (default): the bordered field. `plain`: no box and no focus ring, the type of where it\nstands and the full height, for a surface that frames the text and draws the ring itself.",
               "attribute": "variant",
               "reflects": true
             }
@@ -14472,7 +14757,7 @@
               "type": {
                 "text": "number"
               },
-              "description": "The limit the counter counts to."
+              "description": "The limit the counter counts to; the counter is read out from 90 % of it on."
             },
             {
               "name": "commit",
@@ -14507,7 +14792,7 @@
                 "text": "'field' | 'plain'"
               },
               "default": "'field'",
-              "description": "`field` (default): the bordered field; `plain`: no box, the type of where it stands."
+              "description": "`field` (default): the bordered field. `plain`: no box and no focus ring, the type of where it\nstands and the full height, for a surface that frames the text and draws the ring itself."
             }
           ],
           "events": [
@@ -14555,7 +14840,7 @@
           "name": "LintjeTimeInput",
           "tagName": "lintje-time-input",
           "customElement": true,
-          "description": "`<lintje-time-input>` — a time of day, `HH:MM` on a 24-hour clock, or `null` when empty, typed\nor picked from a list. Typed text is read on leaving the field or Enter (`time-format.ts`).\nThe list holds the times from `min` to `max`, `step` minutes apart; a typed value between two\nof them stays as typed, and the list opens on the first time at or after it without selecting\none. The element checks its own text and shows a message in place of the hint; a host's\n`error` wins. It knows no day or time zone. Tab out of the element closes the list, so it does\nnot cover the next field.\n\nEvents: `lintje-change` with `HH:MM` or `null`; with a `name` also `lintje-values-change`.",
+          "description": "`<lintje-time-input>` — a time of day, `HH:MM` on a 24-hour clock, typed or picked from a list.\n\nThe element reads typed text on leaving the field or Enter, checks it and shows a message in\nplace of the hint; a host's `error` wins. A typed time between two in the list stays as typed.\nIt knows no day or time zone. Tab out of the element closes the list.\n\nEvents: `lintje-change` `string | null` (`HH:MM`), `lintje-values-change` `{ [name]: value }`\n(with a `name`), `lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -15003,7 +15288,7 @@
           "name": "LintjeToggle",
           "tagName": "lintje-toggle",
           "customElement": true,
-          "description": "`<lintje-toggle>` — a switch for immediate effect: it commits when switched, never in a form.\nA value that waits for a button is a checkbox.\n\nEvents: `lintje-change`; with a `name` also the composed `lintje-values-change`.",
+          "description": "`<lintje-toggle>` — a switch for immediate effect: it commits when switched, never in a form.\n\nA value that waits for a button is a checkbox.\n\nEvents: `lintje-change` `boolean`, `lintje-values-change` `{ [name]: value }` (with a `name`),\n`lintje-reset` (the reset link was pressed).",
           "superclass": {
             "name": "LintjeInputElement"
           },
@@ -15344,7 +15629,7 @@
           "name": "LintjeExpander",
           "tagName": "lintje-expander",
           "customElement": true,
-          "description": "`<lintje-expander>` — a title you press; what is slotted under it shows or hides.\n\nShares its disclosure (`shared/disclosure.ts`) with `lintje-explainer` (rule 2). Closed, the\ncontent stays in the DOM, out of the tab order and the accessibility tree. What is slotted in\n`actions` stands beside the title, outside its button: a few icon buttons about the content.\n`leading` puts the chevron before the title and the content in line with the title's text, for\na stack of expanders that read as rows. `columns` sets the title in a column of its own\n(`--lintje-expander-label`) with the content beside it, as rows of text do beside their speaker;\na narrow expander stacks them again.\n\nEvents: `lintje-toggle` (open, after the reader pressed the title).",
+          "description": "`<lintje-expander>` — a title you press; what is slotted under it shows or hides.\n\nClosed, the content stays in the DOM, out of the tab order and the accessibility tree. What is\nslotted in `actions` stands beside the title, outside its button: a few icon buttons about the\ncontent.\n\nEvents: `lintje-toggle` `boolean` (open, after the reader pressed the title).",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -15427,7 +15712,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The chevron before the title, the content under the title's text.",
+              "description": "The chevron before the title, the content under the title's text: expanders read as rows.",
               "attribute": "leading",
               "reflects": true
             },
@@ -15438,7 +15723,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The title in a column of its own, the content beside it.",
+              "description": "The title in a column of its own (`--lintje-expander-label`), the content beside it, as rows\nof text beside their speaker; a narrow expander stacks them again.",
               "attribute": "columns",
               "reflects": true
             }
@@ -15507,7 +15792,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The chevron before the title, the content under the title's text."
+              "description": "The chevron before the title, the content under the title's text: expanders read as rows."
             },
             {
               "name": "columns",
@@ -15516,7 +15801,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The title in a column of its own, the content beside it."
+              "description": "The title in a column of its own (`--lintje-expander-label`), the content beside it, as rows\nof text beside their speaker; a narrow expander stacks them again."
             }
           ],
           "events": [
@@ -15557,7 +15842,7 @@
           "name": "LintjeSplitPane",
           "tagName": "lintje-split-pane",
           "customElement": true,
-          "description": "`<lintje-split-pane>` — two panels side by side with a split the reader moves.\n\nWithout dragging (WCAG 2.5.7): a click on the strip lifts the split, and the next click places\nit where it lands; Escape or a click outside puts it back. A double click returns to 50/50.\n\nBelow 768 px there are never two panels: a `<lintje-segmented>` chooses which one shows. That\nchoice is `pane`; a host that keeps it in the URL sets `pane` back.\n\nEvents: `lintje-split-change` (the percentage), `lintje-pane-change` (`'start'` | `'end'`).",
+          "description": "`<lintje-split-pane>` — two panels side by side with a split the reader moves.\n\nIt moves without dragging too: a click on the strip lifts the split and the next click places\nit; Escape or a click outside puts it back, a double click returns to 50/50. Below 768 px there\nare never two panels: a segmented control chooses which one shows.\n\nEvents: `lintje-split-change` `number` (the percentage), `lintje-pane-change`\n`'start' | 'end'`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -15636,6 +15921,7 @@
                 "text": "'start' | 'end'"
               },
               "default": "'start'",
+              "description": "The panel shown below 768 px; a host that keeps it in the URL sets it back.",
               "attribute": "pane",
               "reflects": true
             }
@@ -15705,7 +15991,8 @@
               "type": {
                 "text": "'start' | 'end'"
               },
-              "default": "'start'"
+              "default": "'start'",
+              "description": "The panel shown below 768 px; a host that keeps it in the URL sets it back."
             }
           ],
           "events": [
@@ -15752,7 +16039,7 @@
           "name": "LintjeTabs",
           "tagName": "lintje-tabs",
           "customElement": true,
-          "description": "`<lintje-tabs>` — switches between panels slotted under each tab's `value`. The host holds\n`value`; the tabs only ask. A modified click on a link tab is the browser's.\nThe row is one tab stop: arrows choose at once, and a disabled tab is reached but not chosen.\n`variant=\"panel\"` draws large tabs that head a panel: each with an icon and a hint, the chosen\none running into the panel below; on a phone the icon stands above the label and the hint goes.\nWhen every tab is a link, the row is a `<nav>` of links, the chosen one `aria-current=\"page\"`,\nwith the same look: pages are no tabs, and the content under it is the page's, not a tabpanel.\n\nEvents: `lintje-tab-change` (the value), `lintje-navigate` `{ href }` for a tab with an `href`.",
+          "description": "`<lintje-tabs>` — switches between panels slotted under each tab's `value`.\n\nThe host holds `value`: the tabs only ask. The row is one tab stop; arrows choose at once. When\nevery tab is a link, the row is a `<nav>` of links with the same look, and the content under it\nis the page's, not a tab panel.\n\nEvents: `lintje-tab-change` `string` (the value), `lintje-navigate` `{ href }` (a tab with an\n`href`).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -15801,7 +16088,7 @@
                 "text": "'line' | 'panel'"
               },
               "default": "'line'",
-              "description": "`line` (default): a row over the content; `panel`: large tabs that head a bordered panel.",
+              "description": "`line` (default): a row over the content. `panel`: large tabs that head a bordered panel, each\nwith an icon and a hint; on a phone the icon stands above the label and the hint goes.",
               "attribute": "variant",
               "reflects": true
             }
@@ -15838,7 +16125,7 @@
                 "text": "'line' | 'panel'"
               },
               "default": "'line'",
-              "description": "`line` (default): a row over the content; `panel`: large tabs that head a bordered panel."
+              "description": "`line` (default): a row over the content. `panel`: large tabs that head a bordered panel, each\nwith an icon and a hint; on a phone the icon stands above the label and the hint goes."
             }
           ],
           "events": [
@@ -15882,7 +16169,7 @@
           "name": "LintjeMap",
           "tagName": "lintje-map",
           "customElement": true,
-          "description": "`<lintje-map>` — a map in its tile. The map shows a new layer at once and expects the host\nto confirm it in the next `data`. `tile.expandable` shows the same map again in the modal; the\nmodal's own events stop here.\n\nEvents: `lintje-mark-select` `{id, label, href?}` (`href` is the one the server minted on that\nmark) and `lintje-layer-change` (the chosen layer's `value`). Undoing a selection is\n`lintje-mark-select` with `id: null` and `data.clearHref`, so a page that keeps the selection\nin the URL can drop it. With `data.controls.lasso`, `.circle` or `.rect` a drawn area chooses\nevery mark in it — two or more tools share one button that opens their menu:\n`lintje-area-select` `{area, ids}`, and `{area: null, ids: []}` when it is undone; the host\nkeeps the area in its URL and sends it back as `selectedArea`.",
+          "description": "`<lintje-map>` — a map in its tile.\n\nA new layer shows at once and expects the host to confirm it in the next `data`. With\n`tile.expandable` the same map shows again in the modal, whose own events stop here. With\n`data.controls.lasso`, `.circle` or `.rect` a drawn area chooses every mark in it; the host\nkeeps the area in its URL and sends it back as `selectedArea`.\n\nEvents: `lintje-mark-select` `{ id, label, href? }` (deselected, `id: null` and\n`href: data.clearHref`), `lintje-layer-change` `string` (the chosen layer's value),\n`lintje-area-select` `{ area, ids }` (undone, `{ area: null, ids: [] }`).",
           "superclass": {
             "name": "LintjeContentTileElement"
           },
@@ -15973,14 +16260,14 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/components/overlays/confirm-dialog/confirm-dialog.ts",
+      "path": "src/components/overlays/dialog/dialog.ts",
       "declarations": [
         {
           "kind": "class",
-          "name": "LintjeConfirmDialog",
-          "tagName": "lintje-confirm-dialog",
+          "name": "LintjeDialog",
+          "tagName": "lintje-dialog",
           "customElement": true,
-          "description": "`<lintje-confirm-dialog>` — a question that needs an answer before anything goes on.\n\nThe owner holds `open`; Escape, the scrim and cancel only ask (`lintje-close`). The cancel\nbutton has the focus on open, so Enter never confirms by itself. While `busy` nothing closes.\nA dialog on the shared focus-trap stack.\n\nEvents: `lintje-confirm`, `lintje-close` `{ reason: 'cancel' | 'escape' | 'scrim' }`,\n`lintje-action` from the third button.",
+          "description": "`<lintje-dialog>` — the small window: a question that needs an answer, or a short form. The\nlarge window for content is `<lintje-modal>`.\n\nThe host holds `open` and puts its own buttons in `actions`: Escape, the close button and the\nscrim only ask. Focus goes to the slotted element with `autofocus`, else the first field; an\nalert without one takes it itself, so Enter never confirms. Below 768 px the buttons stack\nwith the last on top: put the safe one first.\n\nEvents: `lintje-close` `{ reason: 'escape' | 'scrim' | 'button' }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16014,45 +16301,40 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The question, and the dialog's accessible name.",
+              "description": "The question or the task, and the dialog's accessible name.",
               "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "confirmLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Bevestigen'",
-              "description": "The verb of the action (\"Verwijderen\"), never \"OK\".",
-              "attribute": "confirm-label"
-            },
-            {
-              "kind": "field",
-              "name": "cancelLabel",
+              "name": "alert",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Annuleren'",
-              "attribute": "cancel-label"
+              "default": "false",
+              "description": "A question that needs an answer: an `alertdialog`, without a close button.",
+              "attribute": "alert",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "actionLabel",
+              "name": "persistent",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "A third, tertiary button in front (\"Weggooien\").",
-              "attribute": "action-label"
+              "default": "false",
+              "description": "Escape and the scrim ask nothing, for a question that must be answered.",
+              "attribute": "persistent",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "tone",
+              "name": "wide",
               "type": {
-                "text": "'danger' | 'primary'"
+                "text": "boolean"
               },
-              "default": "'danger'",
-              "attribute": "tone",
+              "default": "false",
+              "description": "As wide as a short form reads, instead of a question.",
+              "attribute": "wide",
               "reflects": true
             },
             {
@@ -16061,8 +16343,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "The confirmed action is under way: nothing else can be pressed, Escape does nothing.",
+              "default": "new PropertyHold('busy')",
               "attribute": "busy",
               "reflects": true
             }
@@ -16092,40 +16373,34 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The question, and the dialog's accessible name."
-            },
-            {
-              "name": "confirm-label",
-              "fieldName": "confirmLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Bevestigen'",
-              "description": "The verb of the action (\"Verwijderen\"), never \"OK\"."
+              "description": "The question or the task, and the dialog's accessible name."
             },
             {
-              "name": "cancel-label",
-              "fieldName": "cancelLabel",
+              "name": "alert",
+              "fieldName": "alert",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'Annuleren'"
+              "default": "false",
+              "description": "A question that needs an answer: an `alertdialog`, without a close button."
             },
             {
-              "name": "action-label",
-              "fieldName": "actionLabel",
+              "name": "persistent",
+              "fieldName": "persistent",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "description": "A third, tertiary button in front (\"Weggooien\")."
+              "default": "false",
+              "description": "Escape and the scrim ask nothing, for a question that must be answered."
             },
             {
-              "name": "tone",
-              "fieldName": "tone",
+              "name": "wide",
+              "fieldName": "wide",
               "type": {
-                "text": "'danger' | 'primary'"
+                "text": "boolean"
               },
-              "default": "'danger'"
+              "default": "false",
+              "description": "As wide as a short form reads, instead of a question."
             },
             {
               "name": "busy",
@@ -16133,33 +16408,26 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "The confirmed action is under way: nothing else can be pressed, Escape does nothing."
+              "default": "new PropertyHold('busy')"
             }
           ],
           "events": [
-            {
-              "name": "lintje-action",
-              "type": {
-                "text": "CustomEvent"
-              }
-            },
             {
               "name": "lintje-close",
               "type": {
                 "text": "CustomEvent<{ reason }>"
               }
-            },
-            {
-              "name": "lintje-confirm",
-              "type": {
-                "text": "CustomEvent"
-              }
             }
           ],
           "slots": [
             {
               "name": ""
+            },
+            {
+              "name": "actions"
+            },
+            {
+              "name": "footer"
             }
           ]
         }
@@ -16167,10 +16435,10 @@
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "lintje-confirm-dialog",
+          "name": "lintje-dialog",
           "declaration": {
-            "name": "LintjeConfirmDialog",
-            "module": "src/components/overlays/confirm-dialog/confirm-dialog.ts"
+            "name": "LintjeDialog",
+            "module": "src/components/overlays/dialog/dialog.ts"
           }
         }
       ]
@@ -16184,7 +16452,7 @@
           "name": "LintjeDrawer",
           "tagName": "lintje-drawer",
           "customElement": true,
-          "description": "`<lintje-drawer>` — a side panel over the page, for a detail or a short form.\n\nThe host holds `open`: Escape, the close button and the scrim only ask. Whether unsaved input\nneeds confirming first is the host's call. While `busy` none of them asks. The footer slot is\nhidden when empty. A dialog on the shared focus-trap stack; focus goes to the first field,\nelse the close button.\n\nEvents: `lintje-close` `{ reason: 'escape' | 'button' | 'scrim' }`.",
+          "description": "`<lintje-drawer>` — a side panel over the page, for a detail or a short form.\n\nThe host holds `open`: Escape, the close button and the scrim only ask. While `busy` none\nof them asks. Focus goes to the first field, else the close button.\n\nEvents: `lintje-close` `{ reason: 'escape' | 'button' | 'scrim' }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16207,7 +16475,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The host's: the drawer only asks to be closed.",
+              "description": "The host's: the drawer only asks to be closed. Whether unsaved input needs confirming first\nis the host's call.",
               "attribute": "open",
               "reflects": true
             },
@@ -16257,7 +16525,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The host's: the drawer only asks to be closed."
+              "description": "The host's: the drawer only asks to be closed. Whether unsaved input needs confirming first\nis the host's call."
             },
             {
               "name": "heading",
@@ -16323,7 +16591,7 @@
           "name": "LintjeModal",
           "tagName": "lintje-modal",
           "customElement": true,
-          "description": "`<lintje-modal>` — the expand modal: title, subtitle, slotted content, a footer.\n\nIt is `position: fixed` above the app frame, so no ancestor may carry a `transform`, `filter`\nor `contain`. The footer is hidden, not unrendered, when empty: an unrendered slot never\nreports its content again.\n\n`narrow` makes it a dialog with a form: as high as its content and as wide as a form reads,\nwith a sentence in `footer` on the left and its buttons in `actions` on the right.\n\nEvents: `lintje-close` (the host owns `open`), `lintje-download-csv`, `lintje-download-png`.",
+          "description": "`<lintje-modal>` — the large window for content: a title, the content and a footer. A question\nor a short form goes in the small `<lintje-dialog>`.\n\nThe host holds `open`: Escape, the close button and the scrim only ask. It is `position: fixed`\nabove the app frame, so no ancestor may carry a `transform`, `filter` or `contain`.\n\nEvents: `lintje-close`, `lintje-download-csv`, `lintje-download-png`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16356,8 +16624,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Vergroot'",
-              "description": "The dialog's accessible name and its title line.",
+              "default": "''",
+              "description": "The dialog's accessible name and its title line; without it the dialog is \"Venster\".",
               "attribute": "heading"
             },
             {
@@ -16374,8 +16642,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "The footer's CSV and PNG buttons. Default `true`: bind as a property, `.csv=${false}`.",
+              "default": "false",
+              "description": "The footer's CSV and PNG buttons, for content that can be downloaded.",
               "attribute": "csv"
             },
             {
@@ -16384,19 +16652,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "attribute": "png"
-            },
-            {
-              "kind": "field",
-              "name": "narrow",
-              "type": {
-                "text": "boolean"
-              },
               "default": "false",
-              "description": "A dialog with a form: its content's height, a form's width.",
-              "attribute": "narrow",
-              "reflects": true
+              "attribute": "png"
             }
           ],
           "methods": [],
@@ -16423,8 +16680,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'Vergroot'",
-              "description": "The dialog's accessible name and its title line."
+              "default": "''",
+              "description": "The dialog's accessible name and its title line; without it the dialog is \"Venster\"."
             },
             {
               "name": "subtitle",
@@ -16439,8 +16696,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
-              "description": "The footer's CSV and PNG buttons. Default `true`: bind as a property, `.csv=${false}`."
+              "default": "false",
+              "description": "The footer's CSV and PNG buttons, for content that can be downloaded."
             },
             {
               "name": "png",
@@ -16448,16 +16705,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true"
-            },
-            {
-              "name": "narrow",
-              "fieldName": "narrow",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "A dialog with a form: its content's height, a form's width."
+              "default": "false"
             }
           ],
           "events": [
@@ -16513,7 +16761,7 @@
           "name": "LintjeToggletip",
           "tagName": "lintje-toggletip",
           "customElement": true,
-          "description": "`<lintje-toggletip>` — a small \"i\" button that shows a short explanation on a click.\n\nThe trigger is a real `<button>` in this root, not a nested `<lintje-icon-button>`, because\n`aria-controls` cannot point across a shadow boundary. The explanation is a `role=\"status\"`\nregion that is always rendered, empty and `.visually-hidden` while closed: filling a region\nthat already exists is what a screen reader announces. Escape is taken in the capture phase\nand stopped, so a modal or sheet around it stays open. The popover is fixed to the viewport\nand placed by `place()`, so a scrolling tile cannot cut it off.\n\nEvents: `lintje-toggle` (composed, bubbling), detail `{ open }`.",
+          "description": "`<lintje-toggletip>` — a small \"i\" button that shows a short explanation on a click.\n\nEscape closes it and stops there, so a modal or sheet around it stays open. The explanation is\nfixed to the viewport, so a scrolling tile cannot cut it off.\n\nEvents: `lintje-toggle` `{ open }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16630,7 +16878,7 @@
           "name": "LintjeActivityLog",
           "tagName": "lintje-activity-log",
           "customElement": true,
-          "description": "`<lintje-activity-log>` — a timeline of what happened to one item, newest first.\n\nShows `limit` entries and \"Toon eerdere\" for ten more; when that press removes the button,\nfocus moves to the first new entry. The host sends the entries in order with `when` already\nwritten in Dutch.",
+          "description": "`<lintje-activity-log>` — a timeline of what happened to one item, newest first.\n\nThe host sends the entries in order, with `when` already written in Dutch. \"Toon eerdere\" shows\nten more.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16742,7 +16990,7 @@
           "name": "LintjeCardList",
           "tagName": "lintje-card-list",
           "customElement": true,
-          "description": "`<lintje-card-list>` — a collection as cards: a real list, in as many columns as fit up to\n`max-columns`, every card in a row as tall as the tallest. Below 768 px one column.\n`layout=\"horizontal\"` draws every card across, two side by side at most where they fit.\n\nSlots: `empty` for the way out under the empty text (a link, a button).\n\nIt draws `lintje-card` for each item and adds nothing of its own; the cards' events pass\nthrough. While `loading` it holds skeleton cards, so the page does not jump; a status region\nthat is always there says it loads, and then how many it loaded.\n\nEvents: those of its cards.",
+          "description": "`<lintje-card-list>` — a collection as cards: a real list, in as many columns as fit, every\ncard in a row as tall as the tallest; below 768 px one column.\n\nIt draws a `lintje-card` for each item and adds nothing of its own: the cards' events reach the\nhost as they are. While `loading` it holds skeleton cards, so the page does not jump. The\n`empty` slot takes the way out under the empty text, such as a link.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16782,7 +17030,7 @@
                 "text": "'vertical' | 'horizontal'"
               },
               "default": "'vertical'",
-              "description": "`horizontal`: every card with its picture in a column on the left, for a long list.",
+              "description": "`horizontal`: every card with its picture in a column on the left, for a long list; two side\nby side at most, where they fit.",
               "attribute": "layout",
               "reflects": true
             },
@@ -16870,7 +17118,7 @@
                 "text": "'vertical' | 'horizontal'"
               },
               "default": "'vertical'",
-              "description": "`horizontal`: every card with its picture in a column on the left, for a long list."
+              "description": "`horizontal`: every card with its picture in a column on the left, for a long list; two side\nby side at most, where they fit."
             },
             {
               "name": "heading-level",
@@ -16952,7 +17200,7 @@
           "name": "LintjeCard",
           "tagName": "lintje-card",
           "customElement": true,
-          "description": "`<lintje-card>` — one item of a collection: a product, a dataset, a recording, an app. A muted\nline above the title (its kind, its owner), the title, a line of text, optionally a few facts\nas a small table, a status as a glyph and its word, and at most two actions. A screenshot stands above it, a logo beside the title.\nSquare and flat; in a grid it is drawn by `lintje-card-list`.\n\n`layout=\"horizontal\"` puts the picture or logo in a column on the left, for a long list; below\n768 px it stands as the vertical card.\n\nA card is either a link or carries actions, never both. Without actions and with `href` the\nwhole card is clickable and the title is its one tab stop; with actions only the title and the\nactions are. The card knows no domain: \"toegang\" or \"eigenaar\" are the host's words.\n\n`iconActions` stand beside the title as icon buttons, also on a card that is a link: an action\non the item itself, such as marking it. One with `pressed` is a switch; the card keeps nothing\nand the host sets the new `pressed` after the event.\n\n`layout=\"horizontal\"` wants a column of at least `--w-card-wide`; `lintje-card-list` keeps to it.\n\nEvents: `lintje-navigate` `{ href }` (a plain click on the title, the card or an action with an\n`href` in this tab), `lintje-card-action` `{ id, value }` (an action without `href`) and\n`{ id, value, pressed }` (an icon action, with a switch's value asked for).",
+          "description": "`<lintje-card>` — one item of a collection: a product, a dataset, a recording, an app.\n\nSquare and flat; in a grid it is drawn by `lintje-card-list`. A card is either a link or carries\nactions, never both: with an `href` and no actions the whole card is clickable. Icon actions\nstand beside the title, also on a card that is a link; one with `pressed` is a switch, and the\nhost sets the new `pressed` after the event. The card knows no domain: \"toegang\" or \"eigenaar\"\nare the host's words.\n\nEvents: `lintje-navigate` `{ href }` (a plain click on the title, the card or an action with an\n`href`), `lintje-card-action` `{ id, value, pressed? }` (an action without `href`; `pressed`\nfrom an icon action that is a switch).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -16982,7 +17230,7 @@
                 "text": "'vertical' | 'horizontal'"
               },
               "default": "'vertical'",
-              "description": "`horizontal`: the picture in a column on the left, for a long list.",
+              "description": "`horizontal`: the picture or logo in a column on the left, for a long list; below 768 px the\nvertical card. It wants a column of at least `--w-card-wide`, as `lintje-card-list` keeps.",
               "attribute": "layout",
               "reflects": true
             },
@@ -17035,7 +17283,7 @@
                 "text": "'vertical' | 'horizontal'"
               },
               "default": "'vertical'",
-              "description": "`horizontal`: the picture in a column on the left, for a long list."
+              "description": "`horizontal`: the picture or logo in a column on the left, for a long list; below 768 px the\nvertical card. It wants a column of at least `--w-card-wide`, as `lintje-card-list` keeps."
             },
             {
               "name": "heading-level",
@@ -17102,7 +17350,7 @@
           "name": "LintjeDataTable",
           "tagName": "lintje-data-table",
           "customElement": true,
-          "description": "`<lintje-data-table>` — the data table, inside a tile. Below 768 px it switches to a\ntwo-column representation. Missing values are a muted dash, never 0 (rule 15).\n\nThe table never filters, saves or confirms: it asks and the host answers in `data`. Its\nextensions live in `editing.ts`, `actions.ts` and `filters.ts`. `bare` draws the table alone,\nfor a component that already stands in a tile; `plain` draws it on an application page,\nwithout a tile but with its states.\n\nEvents: `lintje-sort-change` `{key, direction} | null`, `lintje-row-click` `{id, label, href?}`,\n`lintje-row-open` `{id, label, href?}`,\n`lintje-checked-change` (the keys). Each shows the change at once and expects the host to\nconfirm it in the next `data`. With the extensions: `lintje-cell-edit` `{id, column, value}`,\n`lintje-row-action` `{id, action}`, `lintje-bulk-action` `{ids, action}`,\n`lintje-filter-change` `{column, value}`, `lintje-columns-change` `{order, hidden}`.",
+          "description": "`<lintje-data-table>` — the data table, inside a tile; below 768 px a two-column list.\n\nA missing value is a muted dash, never 0. The table never filters, saves or confirms: it shows a\nchange at once, and the host confirms it in the next `data`. Open rows and collapsed groups are\nthe table's own: it sends nothing for them.\n\nEvents: `lintje-sort-change` `{ key, direction } | null`, `lintje-row-click`\n`{ id, label, href? }`, `lintje-row-open` `{ id, label, href? }`, `lintje-checked-change`\n`string[]`, `lintje-cell-edit` `{ id, column, value }`, `lintje-row-action` `{ id, action }`,\n`lintje-bulk-action` `{ ids, action }`, `lintje-filter-change` `{ column, value }`,\n`lintje-columns-change` `{ order, hidden }`.",
           "superclass": {
             "name": "LintjeContentTileElement"
           },
@@ -17145,6 +17393,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "The table alone, for a component that already stands in a tile.",
               "attribute": "bare"
             },
             {
@@ -17154,7 +17403,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "On an application page: no tile, so no title or tile buttons; the page's heading names it.",
+              "description": "On an application page: no tile, so no title or tile buttons, but with its states; the page's\nheading names it.",
               "attribute": "plain",
               "reflects": true
             }
@@ -17182,7 +17431,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "The table alone, for a component that already stands in a tile."
             },
             {
               "name": "plain",
@@ -17191,7 +17441,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "On an application page: no tile, so no title or tile buttons; the page's heading names it."
+              "description": "On an application page: no tile, so no title or tile buttons, but with its states; the page's\nheading names it."
             }
           ],
           "events": [
@@ -17273,7 +17523,7 @@
           "name": "LintjeDescriptionList",
           "tagName": "lintje-description-list",
           "customElement": true,
-          "description": "`<lintje-description-list>` — label-value pairs for a detail or a review screen, a real `<dl>`.\n\nA missing value (`null`, `undefined` or `''`) is a muted dash, never 0 (rule 15). A plain click\non a link is cancelled and sent as `lintje-navigate`; a modified click is the browser's.\n\n`layout=\"grid\"` sets the pairs as cells side by side, for a summary of what is about to happen\n(\"Deze opname\"): a cell can take two columns, carry an icon and a tone, show its value as tags,\nand take richer content through a slot named by the item (`slot`). Below 30rem of its own width\nit has two columns.\n\nEvents: `lintje-navigate` `{ href }`.",
+          "description": "`<lintje-description-list>` — label-value pairs for a detail or a review screen, a real `<dl>`.\n\nA missing value (`null`, `undefined` or `''`) is a muted dash, never 0. A plain click on a link\nis cancelled and sent as `lintje-navigate`.\n\nEvents: `lintje-navigate` `{ href }`.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -17317,7 +17567,7 @@
                 "text": "'row' | 'column' | 'grid'"
               },
               "default": "'row'",
-              "description": "`column` keeps the label above the value at every width; `row` only below 768 px; `grid`: cells.",
+              "description": "`column` keeps the label above the value at every width; `row` only below 768 px. `grid` sets\nthe pairs as cells side by side, for a summary of what is about to happen (\"Deze opname\"): a\ncell can take two columns, an icon and a tone, show its value as tags, and take richer content\nthrough a slot named by the item (`slot`).",
               "attribute": "layout",
               "reflects": true
             },
@@ -17367,7 +17617,7 @@
                 "text": "'row' | 'column' | 'grid'"
               },
               "default": "'row'",
-              "description": "`column` keeps the label above the value at every width; `row` only below 768 px; `grid`: cells."
+              "description": "`column` keeps the label above the value at every width; `row` only below 768 px. `grid` sets\nthe pairs as cells side by side, for a summary of what is about to happen (\"Deze opname\"): a\ncell can take two columns, an icon and a tone, show its value as tags, and take richer content\nthrough a slot named by the item (`slot`)."
             },
             {
               "name": "columns",
@@ -17423,7 +17673,7 @@
           "name": "LintjeList",
           "tagName": "lintje-list",
           "customElement": true,
-          "description": "`<lintje-list>` — rows for what needs no columns: title, a muted line, a fact or actions. It is\nalso the work list: what someone made or had made, in progress or done, with the kind as an\nicon, the state as a word, the progress as a bar, and rows grouped under a moment (\"Vandaag\").\nA row's title is one line, cut with an ellipsis; it wraps where no pointer shows its tooltip:\nbelow 768 px, without hover, and under the keyboard's focus. A run's moment is a heading at\n`heading-level`.\n\nThe whole row is clickable but the title is the one tab stop; a row with `clickable: false` opens\nnothing, and its title is plain text or, with an `href`, only a link. It does not navigate: a plain\nclick is cancelled and sent as `lintje-row-click`; a modifier click on a title link is the\nbrowser's. A menu's `lintje-action` is stopped and sent again with its row. When the focused\ncontrol leaves with an update (a row removed, an action replaced), the focus goes to the same\nrow's other control, else the next row, the previous one, or the list itself. A rename that ends\ngives the focus to its row's first control, found by its id or, saved under a new one, its place.\n\nA row with `rename` turns its title into a field in place, with its save and cancel: renaming\nneeds no dialog. The host keeps the state, as it does for every row.\n\nEvents: `lintje-row-click` `{ id, label, href? }`, `lintje-row-action` `{ id, label, value }`\n(every chosen menu row, a link row included, and the row's own `action`), `lintje-navigate` `{ href }` (from a link row in a\nmenu, after its `lintje-row-action`), `lintje-row-rename` `{ id, value }` and\n`lintje-row-rename-cancel` `{ id }` (Enter and Escape too).",
+          "description": "`<lintje-list>` — rows for what needs no columns: title, a muted line, a fact or actions.\n\nIt is also the work list: what someone made or had made, with its kind, state and progress, in\nruns under a moment (\"Vandaag\"). It does not navigate: a plain click on a row is cancelled and\nsent as `lintje-row-click`, and a link row in a menu also sends `lintje-navigate` after its\n`lintje-row-action`. A row with `rename` turns its title into a field in place; the host keeps\nthat state, as for every row.\n\nEvents: `lintje-row-click` `{ id, label, href? }`, `lintje-row-action` `{ id, label, value }` (a\nchosen menu row or the row's own action), `lintje-row-rename` `{ id, value }`,\n`lintje-row-rename-cancel` `{ id }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -17579,7 +17829,7 @@
           "name": "LintjePagination",
           "tagName": "lintje-pagination",
           "customElement": true,
-          "description": "`<lintje-pagination>` — the \"21–40 van 131 documenten\" count on the left, \"Vorige\", page\nnumbers and \"Volgende\" in the middle and, with `page-sizes`, the choice how many stand on a page\non the right. Where the three do not fit on one line the count and the choice go below.\n\nIt does not write the URL. With `href-template` every page is a link and a plain click is\nhanded to the host as `lintje-navigate`; without one they are buttons. A choice shows at once\nand the host confirms it through `page` and `page-size`. Pages count from 1.\n\nEvents: `lintje-page-change` `{ page }`; `lintje-page-size-change` `{ pageSize, page }`, where\n`page` is the one that keeps the first row in view; with `href-template` also\n`lintje-navigate` `{ href }`.",
+          "description": "`<lintje-pagination>` — the \"21–40 van 131 documenten\" count, \"Vorige\", the page numbers and\n\"Volgende\" and, with `page-sizes`, the choice how many stand on a page.\n\nIt does not write the URL: a choice shows at once, and the host confirms it through `page` and\n`page-size`. With `href-template` every page is a link; without one they are buttons. Pages\ncount from 1.\n\nEvents: `lintje-page-change` `{ page }`, `lintje-page-size-change` `{ pageSize, page }` (`page`\nkeeps the first row in view), `lintje-navigate` `{ href }` (with `href-template`).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -17622,6 +17872,15 @@
               "description": "Rows over all pages, for the count.",
               "attribute": "total"
             },
+            {
+              "kind": "field",
+              "name": "filteredFrom",
+              "type": {
+                "text": "number"
+              },
+              "description": "The rows before a filter narrowed them to `total`; the count then says it was filtered.",
+              "attribute": "filtered-from"
+            },
             {
               "kind": "field",
               "name": "pageSize",
@@ -17708,6 +17967,14 @@
               },
               "description": "Rows over all pages, for the count."
             },
+            {
+              "name": "filtered-from",
+              "fieldName": "filteredFrom",
+              "type": {
+                "text": "number"
+              },
+              "description": "The rows before a filter narrowed them to `total`; the count then says it was filtered."
+            },
             {
               "name": "page-size",
               "fieldName": "pageSize",
@@ -17798,7 +18065,7 @@
           "name": "LintjeSortableList",
           "tagName": "lintje-sortable-list",
           "customElement": true,
-          "description": "`<lintje-sortable-list>` — rows reordered by dragging a grip or with the keyboard.\n\nOnly the grip starts a drag, so on a phone the list still scrolls under a finger on the row. A\ntap on a grip picks its row up as the keyboard does, and a tap on a grip puts it down there.\nIt reorders its own copy of `items` until the host sends new ones and tells an order once, when\na row is put down at a new place. Every step is read out by a `role=\"status\"`.\n\nEvents: `lintje-change` (ids, not composed); `lintje-values-change` `{ [name]: ids }` with a\n`name`; `lintje-checked-change` (ids) with `checkable`.",
+          "description": "`<lintje-sortable-list>` — rows reordered by dragging a grip or with the keyboard.\n\nOnly the grip starts a drag, so on a phone the list still scrolls under a finger. It reorders\nits own copy of `items` until the host sends new ones, and tells an order once, when a row is\nput down at a new place.\n\nEvents: `lintje-change` `string[]` (the ids in order), `lintje-values-change`\n`{ [name]: value }` (with a `name`), `lintje-checked-change` `string[]` (with `checkable`).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -17931,7 +18198,7 @@
           "name": "LintjeTreeView",
           "tagName": "lintje-tree-view",
           "customElement": true,
-          "description": "`<lintje-tree-view>` — a hierarchy that folds open and shut, one tab stop with roving focus.\n\n`expanded` is the host's: the element folds its own copy and reports each fold, so a host that\nloads children on demand answers with `loading` and then `children`. It fetches nothing.\n\nEvents: `lintje-node-toggle` `{ id, open }`; `lintje-change` (id, not composed);\n`lintje-values-change` `{ [name]: id }` with a `name`.",
+          "description": "`<lintje-tree-view>` — a hierarchy that folds open and shut, one tab stop with roving focus.\n\nIt fetches nothing: it folds its own copy of `expanded` and reports each fold, so a host that\nloads children on demand answers with `loading` and then `children`.\n\nEvents: `lintje-node-toggle` `{ id, open }`, `lintje-change` `string` (the chosen node's id),\n`lintje-values-change` `{ [name]: value }` (with a `name`).",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -18070,7 +18337,7 @@
           "name": "LintjeIcon",
           "tagName": "lintje-icon",
           "customElement": true,
-          "description": "`<lintje-icon>` — one icon, named by its file in `dist-icons/` (without `.svg`).\n\nFor plain HTML pages; inside a component use `renderIcon()` (`../render.ts`), which this\nelement also draws through. Resolution: `src`, the register, loaded icons, then nothing.\nEvents: none.",
+          "description": "`<lintje-icon>` — one icon, named by its file in `dist-icons/` (without `.svg`).\n\nFor plain HTML pages; inside a component use `renderIcon()`, which this element also draws\nthrough. It takes `src`, else the register, else a loaded file; without any it draws nothing.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -18208,7 +18475,7 @@
           "name": "LintjeBadge",
           "tagName": "lintje-badge",
           "customElement": true,
-          "description": "`<lintje-badge>` — a status as a word; two words at most (rule 13). `variant=\"count\"` is the\nquiet counter in a tab or button, `variant=\"unread\"` the round counter of the menu.\n\nA root that draws a badge without the element calls `renderBadge()` and adopts `badgeStyles`,\nas `renderIcon()` / `iconStyles` do.",
+          "description": "`<lintje-badge>` — a status as a word, two words at most; the word carries the meaning, also\nbeside an `icon`.\n\nA root that draws a badge without the element calls `renderBadge()` and adopts `badgeStyles`,\nas `renderIcon()` / `iconStyles` do.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -18228,7 +18495,7 @@
               "kind": "field",
               "name": "tone",
               "type": {
-                "text": "BadgeTone"
+                "text": "Tone"
               },
               "default": "'neutral'",
               "attribute": "tone",
@@ -18241,6 +18508,7 @@
                 "text": "'label' | 'count' | 'unread'"
               },
               "default": "'label'",
+              "description": "`count`: the quiet counter in a tab or button; `unread`: the round counter of the menu.",
               "attribute": "variant",
               "reflects": true
             },
@@ -18251,6 +18519,15 @@
                 "text": "string"
               },
               "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "An icon file name before the word.",
+              "attribute": "icon"
             }
           ],
           "methods": [],
@@ -18266,7 +18543,7 @@
               "name": "tone",
               "fieldName": "tone",
               "type": {
-                "text": "BadgeTone"
+                "text": "Tone"
               },
               "default": "'neutral'"
             },
@@ -18276,7 +18553,8 @@
               "type": {
                 "text": "'label' | 'count' | 'unread'"
               },
-              "default": "'label'"
+              "default": "'label'",
+              "description": "`count`: the quiet counter in a tab or button; `unread`: the round counter of the menu."
             },
             {
               "name": "label",
@@ -18284,6 +18562,14 @@
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "string"
+              },
+              "description": "An icon file name before the word."
             }
           ],
           "events": [],
@@ -18314,7 +18600,7 @@
           "name": "LintjeButton",
           "tagName": "lintje-button",
           "customElement": true,
-          "description": "`<lintje-button>` — a button or, with `href`, a link with the same look.\n\n`disabled` and `busy` render `aria-disabled=\"true\"`, never the native `disabled`: the button\nstays in the tab order. A capturing `click` listener on the host swallows the activation, so\nno host listener and no form sees it. `busy` keeps the variant's colours and the exact width.\nA disabled or busy link renders no `href` and keeps `role=\"link\"` and `tabindex=\"0\"`.\n`type=\"submit\"|\"reset\"` acts on the nearest `<form>` itself: the inner `<button>` has no form\nowner in a shadow root. ARIA on the host never reaches the inner control, so what a host needs\nthere (`expanded`, `pressed`, `haspopup`, `keyshortcuts`, `accessible-name`, `description`, `invalid`) is a\nproperty; focusing the host focuses the inner control.",
+          "description": "`<lintje-button>` — a button or, with `href`, a link with the same look.\n\n`disabled` and `busy` keep it in the tab order but swallow the press: no listener on the host\nand no form sees it. ARIA on the host never reaches the inner control, so what a host needs\nthere is a property; focusing the host focuses the inner control.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -18384,6 +18670,7 @@
                 "text": "boolean"
               },
               "default": "false",
+              "description": "At work: `aria-disabled`, with the variant's colours and the exact width kept.",
               "attribute": "busy",
               "reflects": true
             },
@@ -18394,6 +18681,7 @@
                 "text": "'button' | 'submit' | 'reset'"
               },
               "default": "'button'",
+              "description": "`submit` and `reset` act on the nearest `<form>` themselves: the inner `<button>` has no form\nowner in a shadow root.",
               "attribute": "type"
             },
             {
@@ -18402,7 +18690,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Makes the button an `<a>` with the same look; `type` is then ignored.",
+              "description": "Makes the button an `<a>` with the same look; `type` is then ignored. Disabled or busy, the\nlink has no `href` but stays focusable, with `role=\"link\"`.",
               "attribute": "href"
             },
             {
@@ -18568,7 +18856,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false"
+              "default": "false",
+              "description": "At work: `aria-disabled`, with the variant's colours and the exact width kept."
             },
             {
               "name": "type",
@@ -18576,7 +18865,8 @@
               "type": {
                 "text": "'button' | 'submit' | 'reset'"
               },
-              "default": "'button'"
+              "default": "'button'",
+              "description": "`submit` and `reset` act on the nearest `<form>` themselves: the inner `<button>` has no form\nowner in a shadow root."
             },
             {
               "name": "href",
@@ -18584,7 +18874,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Makes the button an `<a>` with the same look; `type` is then ignored."
+              "description": "Makes the button an `<a>` with the same look; `type` is then ignored. Disabled or busy, the\nlink has no `href` but stays focusable, with `role=\"link\"`."
             },
             {
               "name": "target",
@@ -18711,7 +19001,7 @@
           "name": "LintjeGridItem",
           "tagName": "lintje-grid-item",
           "customElement": true,
-          "description": "`<lintje-grid-item>` — a grid cell for non-`lintje-` content. Events: none.",
+          "description": "`<lintje-grid-item>` — a grid cell for non-`lintje-` content.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -18787,7 +19077,7 @@
           "name": "LintjeGrid",
           "tagName": "lintje-grid",
           "customElement": true,
-          "description": "`<lintje-grid>` — the 12-column grid. Its items are its own children; a tile carries `span`\nitself and needs no wrapper.\nEvents: none.",
+          "description": "`<lintje-grid>` — the 12-column grid.\n\nIts items are its own children; a tile carries `span` itself and needs no wrapper.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -18879,7 +19169,7 @@
           "name": "LintjeIconButton",
           "tagName": "lintje-icon-button",
           "customElement": true,
-          "description": "`<lintje-icon-button>` — a square button with one icon, or its Dutch label as text when the\nicon has no file. `disabled` renders `aria-disabled=\"true\"` and a capturing `click` listener\nswallows the activation, so the button stays focusable but no host listener sees it.\n`live` is for what listens or speaks now (dictating, reading aloud): the primary fill and\nmoving bars beside the icon; the host still sets `pressed` and the label that stops it.",
+          "description": "`<lintje-icon-button>` — a square button with one icon, or its Dutch label as text when the\nicon has no file.\n\n`disabled` keeps it focusable but swallows the press: no listener on the host sees it.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -18985,7 +19275,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "It listens or speaks now: the primary fill, with moving bars beside the icon.",
+              "description": "It listens or speaks now (dictating, reading aloud): the primary fill, with moving bars beside\nthe icon. The host still sets `pressed` and the label that stops it.",
               "attribute": "live",
               "reflects": true
             }
@@ -19077,7 +19367,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "It listens or speaks now: the primary fill, with moving bars beside the icon."
+              "description": "It listens or speaks now (dictating, reading aloud): the primary fill, with moving bars beside\nthe icon. The host still sets `pressed` and the label that stops it."
             }
           ],
           "events": [],
@@ -19104,7 +19394,7 @@
           "name": "LintjePopover",
           "tagName": "lintje-popover",
           "customElement": true,
-          "description": "`<lintje-popover>` — the floating panel: a surface fixed to the viewport under its anchor\n(`.anchor`, or the previous sibling). Content and padding come through the slot.\n\nThe owner holds `open`: the popover only asks to be closed. Events: `lintje-close`\n`{ reason: 'escape' | 'outside' }`; a component drawing a popover in its own root stops it.",
+          "description": "`<lintje-popover>` — the floating panel: a surface fixed to the viewport under its anchor.\n\nContent and padding come through the slot. The host holds `open`: the popover only asks to be\nclosed. A component that draws a popover in its own root stops its `lintje-close`.\n\nEvents: `lintje-close` `{ reason: 'escape' | 'outside' }`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -19260,7 +19550,7 @@
           "name": "LintjeProgressBar",
           "tagName": "lintje-progress-bar",
           "customElement": true,
-          "description": "`<lintje-progress-bar>` — how far a task is. Without a `value` the duration is unknown and a\nblock slides along the track. The default slot takes one action right of the label line.\nDone, error and paused are said in the value text and marked by a glyph before the label.",
+          "description": "`<lintje-progress-bar>` — how far a task is; without a `value` a block slides along the track.\n\nThe default slot takes one action right of the label line. Done, error and paused are said in\nthe value text and marked by a glyph.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -19316,12 +19606,12 @@
             },
             {
               "kind": "field",
-              "name": "tone",
+              "name": "state",
               "type": {
-                "text": "'run' | 'done' | 'error' | 'paused'"
+                "text": "Extract<WorkState, 'busy' | 'done' | 'error' | 'paused'>"
               },
-              "default": "'run'",
-              "attribute": "tone",
+              "default": "'busy'",
+              "attribute": "state",
               "reflects": true
             }
           ],
@@ -19369,12 +19659,12 @@
               "description": "The figure on the right: \"62% · nog ongeveer 3 min\"."
             },
             {
-              "name": "tone",
-              "fieldName": "tone",
+              "name": "state",
+              "fieldName": "state",
               "type": {
-                "text": "'run' | 'done' | 'error' | 'paused'"
+                "text": "Extract<WorkState, 'busy' | 'done' | 'error' | 'paused'>"
               },
-              "default": "'run'"
+              "default": "'busy'"
             }
           ],
           "events": [],
@@ -19405,7 +19695,7 @@
           "name": "LintjeSkeleton",
           "tagName": "lintje-skeleton",
           "customElement": true,
-          "description": "`<lintje-skeleton>` — the shimmer that holds a box while its content loads. Events: none.",
+          "description": "`<lintje-skeleton>` — the shimmer that holds a box while its content loads.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -19492,7 +19782,7 @@
           "name": "LintjeSpinner",
           "tagName": "lintje-spinner",
           "customElement": true,
-          "description": "`<lintje-spinner>` — the loading ring for content whose shape is not known; for a known shape\nuse `<lintje-skeleton>`. The label is what a screen reader hears (`role=\"status\"`).\nEvents: none.",
+          "description": "`<lintje-spinner>` — the loading ring for content whose shape is not known; for a known shape\nuse `<lintje-skeleton>`.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -19616,7 +19906,7 @@
           "name": "LintjeStatusDot",
           "tagName": "lintje-status-dot",
           "customElement": true,
-          "description": "`<lintje-status-dot>` — a status with its word; colour is never the only carrier (rule 13).\nEvents: none.",
+          "description": "`<lintje-status-dot>` — a status as a dot with its word; colour is never the only carrier.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -19636,7 +19926,7 @@
               "kind": "field",
               "name": "tone",
               "type": {
-                "text": "'complete' | 'delayed' | 'outage' | 'no-data'"
+                "text": "Tone | StatusTone"
               },
               "default": "'complete'",
               "attribute": "tone",
@@ -19674,7 +19964,7 @@
               "name": "tone",
               "fieldName": "tone",
               "type": {
-                "text": "'complete' | 'delayed' | 'outage' | 'no-data'"
+                "text": "Tone | StatusTone"
               },
               "default": "'complete'"
             },
@@ -19719,7 +20009,7 @@
           "name": "LintjeTile",
           "tagName": "lintje-tile",
           "customElement": true,
-          "description": "`<lintje-tile>` — the frame around a chart, map or table. Top to bottom: header, notice, intro,\nlegend, content, legend (`legend-below`), footnote. `slot=\"aside\"` puts a key figure beside the\ncontent, above it below 768 px. Hover actions show on focus too, always on touch screens.\n\nEvents: `lintje-tile-expand` and `lintje-tile-download`; the host acts on them.",
+          "description": "`<lintje-tile>` — the frame around a chart, map or table.\n\nTop to bottom: header, notice, intro, legend, content, legend (`legend-below`), footnote.\n`slot=\"aside\"` puts a key figure beside the content, above it below 768 px. Hover actions show\non focus too, and always on touch screens. The tile expands and downloads nothing itself: the\nhost answers its events.\n\nEvents: `lintje-tile-expand`, `lintje-tile-download`.",
           "superclass": {
             "name": "LintjeGridItemElement"
           },
@@ -19821,7 +20111,7 @@
               "kind": "field",
               "name": "state",
               "type": {
-                "text": "'ready' | 'loading' | 'empty' | 'error'"
+                "text": "ContentStateKind"
               },
               "default": "'ready'",
               "description": "`loading`, `empty` and `error` stand in for the content; the tile keeps its size.",
@@ -19873,6 +20163,17 @@
               "default": "false",
               "description": "The content runs to the tile's edges and indents what it draws by the tile's padding: rows\nwhose lines reach the frame, as a work list's.",
               "attribute": "flush"
+            },
+            {
+              "kind": "field",
+              "name": "breakable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "On paper the tile may break between two sheets, as a long table does; otherwise it moves to\nthe next sheet whole where it fits.",
+              "attribute": "breakable",
+              "reflects": true
             }
           ],
           "methods": [],
@@ -19957,7 +20258,7 @@
               "name": "state",
               "fieldName": "state",
               "type": {
-                "text": "'ready' | 'loading' | 'empty' | 'error'"
+                "text": "ContentStateKind"
               },
               "default": "'ready'",
               "description": "`loading`, `empty` and `error` stand in for the content; the tile keeps its size."
@@ -20001,6 +20302,15 @@
               },
               "default": "false",
               "description": "The content runs to the tile's edges and indents what it draws by the tile's padding: rows\nwhose lines reach the frame, as a work list's."
+            },
+            {
+              "name": "breakable",
+              "fieldName": "breakable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "On paper the tile may break between two sheets, as a long table does; otherwise it moves to\nthe next sheet whole where it fits."
             }
           ],
           "events": [
@@ -20062,7 +20372,7 @@
           "name": "LintjeTooltip",
           "tagName": "lintje-tooltip",
           "customElement": true,
-          "description": "`<lintje-tooltip>` — one short sentence about the element it wraps. Shows 300 ms after the\npointer rests, at once on keyboard focus; the pointer can move onto it, and Escape anywhere\nhides it. Never the only place for something\nthe reader must know. The text is the wrapped element's description; `no-describe` leaves\nthat out when it is already its name.",
+          "description": "`<lintje-tooltip>` — one short sentence about the element it wraps.\n\nIt shows 300 ms after the pointer rests and at once on keyboard focus; Escape anywhere hides it.\nNever the only place for something the reader must know. The text becomes the wrapped element's\ndescription.",
           "superclass": {
             "name": "LintjeElement"
           },
@@ -20094,7 +20404,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The text is already the element's accessible name.",
+              "description": "The text is already the element's accessible name: it is not given as its description too.",
               "attribute": "no-describe"
             },
             {
@@ -20132,7 +20442,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "The text is already the element's accessible name."
+              "description": "The text is already the element's accessible name: it is not given as its description too."
             },
             {
               "name": "placement",