@twentyfirstmedia/elements 0.5.0 → 0.7.0

package/dist/custom-elements.json

@@ -661,6 +661,14 @@
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "name": "layout",
+              "fieldName": "layout",
+              "type": {
+                "text": "\"grid\" | \"list\""
+              },
+              "description": "`list`: one compact row per option (small picture or icon beside the label), e.g. on phones."
             }
           ],
           "members": [
@@ -711,6 +719,15 @@
                 "text": "string"
               },
               "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "layout",
+              "type": {
+                "text": "\"grid\" | \"list\""
+              },
+              "description": "`list`: one compact row per option (small picture or icon beside the label), e.g. on phones.",
+              "attribute": "layout"
             }
           ],
           "events": [
@@ -2541,6 +2558,14 @@
               "type": {
                 "text": "number"
               }
+            },
+            {
+              "name": "compact",
+              "fieldName": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Only the workspace's mark, its name as the accessible name (a collapsed sidebar)."
             }
           ],
           "members": [
@@ -2591,6 +2616,15 @@
                 "text": "number"
               },
               "attribute": "width"
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Only the workspace's mark, its name as the accessible name (a collapsed sidebar).",
+              "attribute": "compact"
             }
           ],
           "events": [
@@ -2828,273 +2862,2462 @@
             {
               "name": "export",
               "type": {
-                "text": "CustomEvent"
+                "text": "CustomEvent"
+              },
+              "description": "From `onExport: ( o: { format: string; columns: string[]; range: DateRange | null }, progress: (pct: number) => void, ) => void | Promise<void>`; `event.detail` holds the arguments as an array."
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onDownload: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "text",
+              "description": "Content of the `text` prop."
+            },
+            {
+              "name": "note",
+              "description": "Content of the `note` prop."
+            },
+            {
+              "name": "download",
+              "description": "Content of the `download` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfTwoFactorSetupElement",
+          "tagName": "tf-two-factor-setup",
+          "description": "Turning on two-factor sign-in: scan, confirm with a code, save recovery codes.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "qr",
+              "fieldName": "qr",
+              "type": {
+                "text": "ReactNode"
+              }
+            },
+            {
+              "name": "qr-value",
+              "fieldName": "qrValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The otpauth:// link: the kit draws its QR code (instead of `qr`)."
+            },
+            {
+              "name": "trust-device",
+              "fieldName": "trustDevice",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "A \"Trust this device\" checkbox under the code field; a string replaces its label."
+            },
+            {
+              "name": "secret",
+              "fieldName": "secret",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "codes",
+              "fieldName": "codes",
+              "type": {
+                "text": "string[]"
+              }
+            },
+            {
+              "name": "step",
+              "fieldName": "step",
+              "type": {
+                "text": "0 | 1 | 2"
+              }
+            },
+            {
+              "name": "scan-text",
+              "fieldName": "scanText",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "codes-text",
+              "fieldName": "codesText",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "qr",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "qr"
+            },
+            {
+              "kind": "field",
+              "name": "qrValue",
+              "type": {
+                "text": "string"
+              },
+              "description": "The otpauth:// link: the kit draws its QR code (instead of `qr`).",
+              "attribute": "qr-value"
+            },
+            {
+              "kind": "field",
+              "name": "trustDevice",
+              "type": {
+                "text": "boolean | string"
+              },
+              "description": "A \"Trust this device\" checkbox under the code field; a string replaces its label.",
+              "attribute": "trust-device"
+            },
+            {
+              "kind": "field",
+              "name": "secret",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "secret"
+            },
+            {
+              "kind": "field",
+              "name": "codes",
+              "type": {
+                "text": "string[]"
+              },
+              "attribute": "codes"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "0 | 1 | 2"
+              },
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "scanText",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "scan-text"
+            },
+            {
+              "kind": "field",
+              "name": "codesText",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "codes-text"
+            }
+          ],
+          "events": [
+            {
+              "name": "trustchange",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "The trust checkbox changed. From `onTrustChange: (trusted: boolean) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "verify",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onVerify: (code: string) => boolean | Promise<boolean>`; `event.detail` holds the argument."
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onDownload: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "done",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onDone: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "qr",
+              "description": "Content of the `qr` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfColorFieldElement",
+          "tagName": "tf-color-field",
+          "description": "The ColorField component as a custom element.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "ReactNode"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "default-value",
+              "fieldName": "defaultValue",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "against",
+              "fieldName": "against",
+              "type": {
+                "text": "string | false"
+              }
+            },
+            {
+              "name": "hint",
+              "fieldName": "hint",
+              "type": {
+                "text": "ReactNode"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "default-value"
+            },
+            {
+              "kind": "field",
+              "name": "against",
+              "type": {
+                "text": "string | false"
+              },
+              "attribute": "against"
+            },
+            {
+              "kind": "field",
+              "name": "hint",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "hint"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onChange: (v: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": [
+            {
+              "name": "label",
+              "description": "Content of the `label` prop."
+            },
+            {
+              "name": "hint",
+              "description": "Content of the `hint` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfQrCodeElement",
+          "tagName": "tf-qr-code",
+          "description": "A QR code drawn as SVG and encoded on the device, so the text (a sign-in secret, an invite link) never goes to a service.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text to encode: an otpauth:// link, a URL …"
+            },
+            {
+              "name": "level",
+              "fieldName": "level",
+              "type": {
+                "text": "\"L\" | \"M\" | \"Q\" | \"H\""
+              },
+              "description": "Error correction: L, M (default), Q or H."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "Width and height (default: the width of its container)."
+            },
+            {
+              "name": "quiet",
+              "fieldName": "quiet",
+              "type": {
+                "text": "number"
+              },
+              "description": "Light modules around the code (default 4, the standard quiet zone)."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"QR code\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "description": "The text to encode: an otpauth:// link, a URL …",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "level",
+              "type": {
+                "text": "\"L\" | \"M\" | \"Q\" | \"H\""
+              },
+              "description": "Error correction: L, M (default), Q or H.",
+              "attribute": "level"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "Width and height (default: the width of its container).",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "quiet",
+              "type": {
+                "text": "number"
+              },
+              "description": "Light modules around the code (default 4, the standard quiet zone).",
+              "attribute": "quiet"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"QR code\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfHabitTrackerElement",
+          "tagName": "tf-habit-tracker",
+          "description": "Habits with their last days as a row of marks: done, missed or no entry, today's mark a toggle.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "habits",
+              "fieldName": "habits",
+              "type": {
+                "text": "Habit[]"
+              }
+            },
+            {
+              "name": "day-labels",
+              "fieldName": "dayLabels",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Labels of the day columns, oldest first (default: weekday initials ending today)."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the list (default \"Habits\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "habits",
+              "type": {
+                "text": "Habit[]"
+              },
+              "attribute": "habits"
+            },
+            {
+              "kind": "field",
+              "name": "dayLabels",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Labels of the day columns, oldest first (default: weekday initials ending today).",
+              "attribute": "day-labels"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the list (default \"Habits\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Today's box of a habit was toggled. From `onToggle: (id: string, done: boolean) => void`; `event.detail` holds the arguments as an array."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfMoodPickerElement",
+          "tagName": "tf-mood-picker",
+          "description": "A five-step mood scale with faces and words, as a radio group.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "MoodLevel | null"
+              }
+            },
+            {
+              "name": "default-value",
+              "fieldName": "defaultValue",
+              "type": {
+                "text": "MoodLevel | null"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "The question (default \"How are you feeling?\")."
+            },
+            {
+              "name": "levels",
+              "fieldName": "levels",
+              "type": {
+                "text": "[string, string, string, string, string]"
+              },
+              "description": "Words for the five levels, lowest first (default Awful, Low, Okay, Good, Great)."
+            },
+            {
+              "name": "compact",
+              "fieldName": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Only the faces; the words stay as accessible names."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "MoodLevel | null"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "MoodLevel | null"
+              },
+              "attribute": "default-value"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "The question (default \"How are you feeling?\").",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "levels",
+              "type": {
+                "text": "[string, string, string, string, string]"
+              },
+              "description": "Words for the five levels, lowest first (default Awful, Low, Okay, Good, Great).",
+              "attribute": "levels"
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Only the faces; the words stay as accessible names.",
+              "attribute": "compact"
+            }
+          ],
+          "events": [
+            {
+              "name": "change",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onChange: (mood: MoodLevel) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": [
+            {
+              "name": "label",
+              "description": "The question (default \"How are you feeling?\")."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfVitalTileElement",
+          "tagName": "tf-vital-tile",
+          "description": "One health value with its healthy range: the value, a band with the normal zone and a marker, a status in words (in range, below, above) and an optional trend.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "unit",
+              "fieldName": "unit",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "normal",
+              "fieldName": "normal",
+              "type": {
+                "text": "[number, number]"
+              },
+              "description": "The healthy range [low, high]; the tile says whether the value is below, in or above it."
+            },
+            {
+              "name": "scale",
+              "fieldName": "scale",
+              "type": {
+                "text": "[number, number]"
+              },
+              "description": "The whole scale of the band [min, max] (default: the normal range with room on both sides)."
+            },
+            {
+              "name": "trend",
+              "fieldName": "trend",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Recent values, oldest first, drawn as a sparkline."
+            },
+            {
+              "name": "caption",
+              "fieldName": "caption",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Under the value: when it was measured, the source …"
+            },
+            {
+              "name": "digits",
+              "fieldName": "digits",
+              "type": {
+                "text": "number"
+              },
+              "description": "Digits after the decimal point (default 0)."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "unit",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "unit"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "normal",
+              "type": {
+                "text": "[number, number]"
+              },
+              "description": "The healthy range [low, high]; the tile says whether the value is below, in or above it.",
+              "attribute": "normal"
+            },
+            {
+              "kind": "field",
+              "name": "scale",
+              "type": {
+                "text": "[number, number]"
+              },
+              "description": "The whole scale of the band [min, max] (default: the normal range with room on both sides).",
+              "attribute": "scale"
+            },
+            {
+              "kind": "field",
+              "name": "trend",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Recent values, oldest first, drawn as a sparkline.",
+              "attribute": "trend"
+            },
+            {
+              "kind": "field",
+              "name": "caption",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Under the value: when it was measured, the source …",
+              "attribute": "caption"
+            },
+            {
+              "kind": "field",
+              "name": "digits",
+              "type": {
+                "text": "number"
+              },
+              "description": "Digits after the decimal point (default 0).",
+              "attribute": "digits"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "caption",
+              "description": "Under the value: when it was measured, the source …"
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfActivityRingsElement",
+          "tagName": "tf-activity-rings",
+          "description": "Concentric progress rings for daily goals (move, exercise, stand, steps, water) with a legend.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "rings",
+              "fieldName": "rings",
+              "type": {
+                "text": "ActivityRing[]"
+              },
+              "description": "Outer ring first."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "number"
+              },
+              "description": "Diameter of the rings (default 132)."
+            },
+            {
+              "name": "legend",
+              "fieldName": "legend",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the legend beside the rings."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Activity\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "rings",
+              "type": {
+                "text": "ActivityRing[]"
+              },
+              "description": "Outer ring first.",
+              "attribute": "rings"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "number"
+              },
+              "description": "Diameter of the rings (default 132).",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "legend",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the legend beside the rings.",
+              "attribute": "legend"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Activity\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfSleepChartElement",
+          "tagName": "tf-sleep-chart",
+          "description": "A night as sleep stages over time, one lane per stage (awake, REM, light, deep), with the time asleep and the time per stage.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "segments",
+              "fieldName": "segments",
+              "type": {
+                "text": "SleepSegment[]"
+              },
+              "description": "The night in order, from falling asleep to getting up."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Sleep stages\")."
+            },
+            {
+              "name": "summary",
+              "fieldName": "summary",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the totals per stage under the chart."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "segments",
+              "type": {
+                "text": "SleepSegment[]"
+              },
+              "description": "The night in order, from falling asleep to getting up.",
+              "attribute": "segments"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Sleep stages\").",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the totals per stage under the chart.",
+              "attribute": "summary"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfMedicationListElement",
+          "tagName": "tf-medication-list",
+          "description": "Today's doses in order, each with its time, name, dose, a status in words and a \"taken\" button.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "MedicationItem[]"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Medication\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "MedicationItem[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Medication\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "take",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "\"Mark as taken\" was pressed. From `onTake: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfJournalEntryElement",
+          "tagName": "tf-journal-entry",
+          "description": "A journal or diary entry: the date, the mood of the day, a title, the text and tags, with room for actions such as edit or share.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "date",
+              "fieldName": "date",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "mood",
+              "fieldName": "mood",
+              "type": {
+                "text": "MoodLevel"
+              }
+            },
+            {
+              "name": "tags",
+              "fieldName": "tags",
+              "type": {
+                "text": "string[]"
+              }
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Buttons at the end (edit, share …)."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "mood",
+              "type": {
+                "text": "MoodLevel"
+              },
+              "attribute": "mood"
+            },
+            {
+              "kind": "field",
+              "name": "tags",
+              "type": {
+                "text": "string[]"
+              },
+              "attribute": "tags"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Buttons at the end (edit, share …).",
+              "attribute": "actions"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "",
+              "description": "Content (any HTML or tf-* elements)."
+            },
+            {
+              "name": "actions",
+              "description": "Buttons at the end (edit, share …)."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfGoalCardElement",
+          "tagName": "tf-goal-card",
+          "description": "A goal with its progress toward a target, a due date, milestones and a note.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "target",
+              "fieldName": "target",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "format",
+              "fieldName": "format",
+              "type": {
+                "text": "\"number\" | \"money\" | \"percent\""
+              },
+              "description": "How to show value and target (default number)."
+            },
+            {
+              "name": "unit",
+              "fieldName": "unit",
+              "type": {
+                "text": "string"
+              },
+              "description": "Unit after numbers (\"km\", \"books\")."
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "due",
+              "fieldName": "due",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "tint",
+              "fieldName": "tint",
+              "type": {
+                "text": "Tint"
+              }
+            },
+            {
+              "name": "milestones",
+              "fieldName": "milestones",
+              "type": {
+                "text": "{ label: string; done?: boolean }[]"
+              }
+            },
+            {
+              "name": "note",
+              "fieldName": "note",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "A note under the progress (\"€250 a month keeps you on track\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "format",
+              "type": {
+                "text": "\"number\" | \"money\" | \"percent\""
+              },
+              "description": "How to show value and target (default number).",
+              "attribute": "format"
+            },
+            {
+              "kind": "field",
+              "name": "unit",
+              "type": {
+                "text": "string"
+              },
+              "description": "Unit after numbers (\"km\", \"books\").",
+              "attribute": "unit"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "due",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "due"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "tint",
+              "type": {
+                "text": "Tint"
+              },
+              "attribute": "tint"
+            },
+            {
+              "kind": "field",
+              "name": "milestones",
+              "type": {
+                "text": "{ label: string; done?: boolean }[]"
+              },
+              "attribute": "milestones"
+            },
+            {
+              "kind": "field",
+              "name": "note",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "A note under the progress (\"€250 a month keeps you on track\").",
+              "attribute": "note"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "note",
+              "description": "A note under the progress (\"€250 a month keeps you on track\")."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfInsightCardElement",
+          "tagName": "tf-insight-card",
+          "description": "Something the assistant noticed: what, where it comes from, why it is shown and what to do.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "tone",
+              "fieldName": "tone",
+              "type": {
+                "text": "\"info\" | \"success\" | \"warning\" | \"highlight\""
+              }
+            },
+            {
+              "name": "meta",
+              "fieldName": "meta",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Above the title: area and time (\"Money · 2 h ago\")."
+            },
+            {
+              "name": "sources",
+              "fieldName": "sources",
+              "type": {
+                "text": "Source[]"
+              },
+              "description": "Where the insight comes from, as chips (like chat sources)."
+            },
+            {
+              "name": "why",
+              "fieldName": "why",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Why the assistant shows it; folded away behind \"Why am I seeing this?\"."
+            },
+            {
+              "name": "accept-label",
+              "fieldName": "acceptLabel",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "tone",
+              "type": {
+                "text": "\"info\" | \"success\" | \"warning\" | \"highlight\""
+              },
+              "attribute": "tone"
+            },
+            {
+              "kind": "field",
+              "name": "meta",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Above the title: area and time (\"Money · 2 h ago\").",
+              "attribute": "meta"
+            },
+            {
+              "kind": "field",
+              "name": "sources",
+              "type": {
+                "text": "Source[]"
+              },
+              "description": "Where the insight comes from, as chips (like chat sources).",
+              "attribute": "sources"
+            },
+            {
+              "kind": "field",
+              "name": "why",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Why the assistant shows it; folded away behind \"Why am I seeing this?\".",
+              "attribute": "why"
+            },
+            {
+              "kind": "field",
+              "name": "acceptLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "accept-label"
+            }
+          ],
+          "events": [
+            {
+              "name": "accept",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onAccept: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "snooze",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onSnooze: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "dismiss",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onDismiss: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "Content (any HTML or tf-* elements)."
+            },
+            {
+              "name": "meta",
+              "description": "Above the title: area and time (\"Money · 2 h ago\")."
+            },
+            {
+              "name": "why",
+              "description": "Why the assistant shows it; folded away behind \"Why am I seeing this?\"."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfConsentListElement",
+          "tagName": "tf-consent-list",
+          "description": "What each connected source lets the assistant read or do: one card per source with its purpose, last use and a switch per scope, plus \"Revoke access\".",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "connectors",
+              "fieldName": "connectors",
+              "type": {
+                "text": "ConsentConnector[]"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Data access\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "connectors",
+              "type": {
+                "text": "ConsentConnector[]"
+              },
+              "attribute": "connectors"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Data access\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "scopechange",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onScopeChange: (connectorId: string, scopeId: string, granted: boolean) => void`; `event.detail` holds the arguments as an array."
+            },
+            {
+              "name": "revoke",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onRevoke: (connectorId: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfBudgetListElement",
+          "tagName": "tf-budget-list",
+          "description": "Spending per category against its limit: spent and limit, a bar, and what is left or over in words.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "categories",
+              "fieldName": "categories",
+              "type": {
+                "text": "BudgetCategory[]"
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Budgets\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "categories",
+              "type": {
+                "text": "BudgetCategory[]"
+              },
+              "attribute": "categories"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Budgets\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "A category was picked (to show its transactions). From `onSelect: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfSubscriptionListElement",
+          "tagName": "tf-subscription-list",
+          "description": "Recurring payments with their next charge, trial and cancelled states, and what they cost together a month and a year.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "Subscription[]"
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "totals",
+              "fieldName": "totals",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the monthly and yearly totals."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Subscriptions\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "Subscription[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "totals",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hide the monthly and yearly totals.",
+              "attribute": "totals"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Subscriptions\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "manage",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "\"Manage\" on a subscription (cancel, change plan …). From `onManage: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfNetWorthCardElement",
+          "tagName": "tf-net-worth-card",
+          "description": "What you own minus what you owe: the total, its change and trend, and the assets and liabilities behind it.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "assets",
+              "fieldName": "assets",
+              "type": {
+                "text": "{ label: string; value: number; icon?: IconName }[]"
+              }
+            },
+            {
+              "name": "liabilities",
+              "fieldName": "liabilities",
+              "type": {
+                "text": "{ label: string; value: number; icon?: IconName }[]"
+              }
+            },
+            {
+              "name": "history",
+              "fieldName": "history",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Net worth over time, oldest first."
+            },
+            {
+              "name": "change",
+              "fieldName": "change",
+              "type": {
+                "text": "number"
+              },
+              "description": "Change over `changeLabel` (e.g. +1,240 \"since October\")."
+            },
+            {
+              "name": "change-label",
+              "fieldName": "changeLabel",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "assets",
+              "type": {
+                "text": "{ label: string; value: number; icon?: IconName }[]"
+              },
+              "attribute": "assets"
+            },
+            {
+              "kind": "field",
+              "name": "liabilities",
+              "type": {
+                "text": "{ label: string; value: number; icon?: IconName }[]"
+              },
+              "attribute": "liabilities"
+            },
+            {
+              "kind": "field",
+              "name": "history",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Net worth over time, oldest first.",
+              "attribute": "history"
+            },
+            {
+              "kind": "field",
+              "name": "change",
+              "type": {
+                "text": "number"
+              },
+              "description": "Change over `changeLabel` (e.g. +1,240 \"since October\").",
+              "attribute": "change"
+            },
+            {
+              "kind": "field",
+              "name": "changeLabel",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "change-label"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfDeadlineListElement",
+          "tagName": "tf-deadline-list",
+          "description": "Bills, renewals, notice periods and expiring documents in date order, each with \"Today\", \"In 12 days\" or \"Overdue by 3 days\" in words.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "DeadlineItem[]"
+              }
+            },
+            {
+              "name": "today",
+              "fieldName": "today",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The day to count from (default: now). Set it for server rendering and stable output."
+            },
+            {
+              "name": "soon",
+              "fieldName": "soon",
+              "type": {
+                "text": "number"
+              },
+              "description": "Days ahead that count as soon (default 14)."
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Deadlines\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "DeadlineItem[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "today",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The day to count from (default: now). Set it for server rendering and stable output.",
+              "attribute": "today"
+            },
+            {
+              "kind": "field",
+              "name": "soon",
+              "type": {
+                "text": "number"
+              },
+              "description": "Days ahead that count as soon (default 14).",
+              "attribute": "soon"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Deadlines\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "done",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onDone: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfPolicyCardElement",
+          "tagName": "tf-policy-card",
+          "description": "One insurance policy: type and insurer, sum insured, premium, deductible, policy number, renewal date and status (active, pending, expiring, lapsed), with room for actions.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "surface",
+              "fieldName": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`."
+            },
+            {
+              "name": "type",
+              "fieldName": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The kind of insurance: \"Household contents\", \"Liability\" …"
+            },
+            {
+              "name": "insurer",
+              "fieldName": "insurer",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "tint",
+              "fieldName": "tint",
+              "type": {
+                "text": "Tint"
+              }
+            },
+            {
+              "name": "policy-number",
+              "fieldName": "policyNumber",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "mask-number",
+              "fieldName": "maskNumber",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Show only the last four characters of the policy number."
+            },
+            {
+              "name": "coverage",
+              "fieldName": "coverage",
+              "type": {
+                "text": "number | ReactNode"
+              },
+              "description": "Sum insured: a number (money) or text (\"unlimited\")."
+            },
+            {
+              "name": "premium",
+              "fieldName": "premium",
+              "type": {
+                "text": "{ amount: number; period: \"month\" | \"quarter\" | \"year\" }"
+              }
+            },
+            {
+              "name": "deductible",
+              "fieldName": "deductible",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "renews",
+              "fieldName": "renews",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "\"active\" | \"pending\" | \"expiring\" | \"lapsed\""
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Buttons at the foot (documents, report a claim …)."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "surface",
+              "type": {
+                "text": "Surface"
+              },
+              "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`.",
+              "attribute": "surface"
+            },
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "The kind of insurance: \"Household contents\", \"Liability\" …",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "insurer",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "insurer"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "tint",
+              "type": {
+                "text": "Tint"
+              },
+              "attribute": "tint"
+            },
+            {
+              "kind": "field",
+              "name": "policyNumber",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "policy-number"
+            },
+            {
+              "kind": "field",
+              "name": "maskNumber",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Show only the last four characters of the policy number.",
+              "attribute": "mask-number"
+            },
+            {
+              "kind": "field",
+              "name": "coverage",
+              "type": {
+                "text": "number | ReactNode"
+              },
+              "description": "Sum insured: a number (money) or text (\"unlimited\").",
+              "attribute": "coverage"
+            },
+            {
+              "kind": "field",
+              "name": "premium",
+              "type": {
+                "text": "{ amount: number; period: \"month\" | \"quarter\" | \"year\" }"
+              },
+              "attribute": "premium"
+            },
+            {
+              "kind": "field",
+              "name": "deductible",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "deductible"
+            },
+            {
+              "kind": "field",
+              "name": "renews",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "renews"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "\"active\" | \"pending\" | \"expiring\" | \"lapsed\""
+              },
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
               },
-              "description": "From `onExport: ( o: { format: string; columns: string[]; range: DateRange | null }, progress: (pct: number) => void, ) => void | Promise<void>`; `event.detail` holds the arguments as an array."
+              "attribute": "currency"
             },
             {
-              "name": "download",
+              "kind": "field",
+              "name": "actions",
               "type": {
-                "text": "CustomEvent"
+                "text": "ReactNode"
               },
-              "description": "From `onDownload: () => void`; `event.detail` holds null."
+              "description": "Buttons at the foot (documents, report a claim …).",
+              "attribute": "actions"
             }
           ],
+          "events": [],
           "slots": [
             {
-              "name": "text",
-              "description": "Content of the `text` prop."
-            },
-            {
-              "name": "note",
-              "description": "Content of the `note` prop."
+              "name": "coverage",
+              "description": "Sum insured: a number (money) or text (\"unlimited\")."
             },
             {
-              "name": "download",
-              "description": "Content of the `download` prop."
+              "name": "actions",
+              "description": "Buttons at the foot (documents, report a claim …)."
             }
           ]
         },
         {
           "kind": "class",
           "customElement": true,
-          "name": "TfTwoFactorSetupElement",
-          "tagName": "tf-two-factor-setup",
-          "description": "Turning on two-factor sign-in: scan, confirm with a code, save recovery codes.",
+          "name": "TfCoverageMatrixElement",
+          "tagName": "tf-coverage-matrix",
+          "description": "Life risks and whether a policy covers them: covered, partly or not covered, with the policy and a note, and a count of each above the table.",
           "superclass": {
             "name": "HTMLElement"
           },
           "attributes": [
             {
-              "name": "qr",
-              "fieldName": "qr",
+              "name": "rows",
+              "fieldName": "rows",
               "type": {
-                "text": "ReactNode"
+                "text": "CoverageRow[]"
               }
             },
             {
-              "name": "secret",
-              "fieldName": "secret",
+              "name": "label",
+              "fieldName": "label",
               "type": {
                 "text": "string"
-              }
+              },
+              "description": "Accessible name and caption (default \"Coverage\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "CoverageRow[]"
+              },
+              "attribute": "rows"
             },
             {
-              "name": "codes",
-              "fieldName": "codes",
+              "kind": "field",
+              "name": "label",
               "type": {
-                "text": "string[]"
+                "text": "string"
+              },
+              "description": "Accessible name and caption (default \"Coverage\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfClaimTimelineElement",
+          "tagName": "tf-claim-timeline",
+          "description": "An insurance claim from report to payout: steps that are done, current, still to come or failed, with dates and notes, and the amount claimed.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
               }
             },
             {
-              "name": "step",
-              "fieldName": "step",
+              "name": "meta",
+              "fieldName": "meta",
               "type": {
-                "text": "0 | 1 | 2"
+                "text": "ReactNode"
+              },
+              "description": "Reference and insurer under the title."
+            },
+            {
+              "name": "amount",
+              "fieldName": "amount",
+              "type": {
+                "text": "number"
               }
             },
             {
-              "name": "scan-text",
-              "fieldName": "scanText",
+              "name": "currency",
+              "fieldName": "currency",
               "type": {
                 "text": "string"
               }
             },
             {
-              "name": "codes-text",
-              "fieldName": "codesText",
+              "name": "steps",
+              "fieldName": "steps",
               "type": {
-                "text": "string"
+                "text": "ClaimStep[]"
               }
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "qr",
-              "type": {
-                "text": "ReactNode"
-              },
-              "attribute": "qr"
-            },
-            {
-              "kind": "field",
-              "name": "secret",
+              "name": "title",
               "type": {
                 "text": "string"
               },
-              "attribute": "secret"
+              "attribute": "title"
             },
             {
               "kind": "field",
-              "name": "codes",
+              "name": "meta",
               "type": {
-                "text": "string[]"
+                "text": "ReactNode"
               },
-              "attribute": "codes"
+              "description": "Reference and insurer under the title.",
+              "attribute": "meta"
             },
             {
               "kind": "field",
-              "name": "step",
+              "name": "amount",
               "type": {
-                "text": "0 | 1 | 2"
+                "text": "number"
               },
-              "attribute": "step"
+              "attribute": "amount"
             },
             {
               "kind": "field",
-              "name": "scanText",
+              "name": "currency",
               "type": {
                 "text": "string"
               },
-              "attribute": "scan-text"
+              "attribute": "currency"
             },
             {
               "kind": "field",
-              "name": "codesText",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "codes-text"
-            }
-          ],
-          "events": [
-            {
-              "name": "verify",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "From `onVerify: (code: string) => boolean | Promise<boolean>`; `event.detail` holds the argument."
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "CustomEvent"
-              },
-              "description": "From `onDownload: () => void`; `event.detail` holds null."
-            },
-            {
-              "name": "done",
+              "name": "steps",
               "type": {
-                "text": "CustomEvent"
+                "text": "ClaimStep[]"
               },
-              "description": "From `onDone: () => void`; `event.detail` holds null."
+              "attribute": "steps"
             }
           ],
+          "events": [],
           "slots": [
             {
-              "name": "qr",
-              "description": "Content of the `qr` prop."
+              "name": "meta",
+              "description": "Reference and insurer under the title."
             }
           ]
         },
         {
           "kind": "class",
           "customElement": true,
-          "name": "TfColorFieldElement",
-          "tagName": "tf-color-field",
-          "description": "The ColorField component as a custom element.",
+          "name": "TfDocumentListElement",
+          "tagName": "tf-document-list",
+          "description": "Important papers (IDs, contracts, policies, certificates) with category, holder and expiry: \"Expired\", \"Expires in 19 days\" or \"Valid until May 2031\".",
           "superclass": {
             "name": "HTMLElement"
           },
           "attributes": [
             {
-              "name": "label",
-              "fieldName": "label",
-              "type": {
-                "text": "ReactNode"
-              }
-            },
-            {
-              "name": "value",
-              "fieldName": "value",
+              "name": "documents",
+              "fieldName": "documents",
               "type": {
-                "text": "string"
+                "text": "LifeDocument[]"
               }
             },
             {
-              "name": "default-value",
-              "fieldName": "defaultValue",
+              "name": "today",
+              "fieldName": "today",
               "type": {
-                "text": "string"
-              }
+                "text": "Date | string | number"
+              },
+              "description": "The day to count expiry from (default: now)."
             },
             {
-              "name": "against",
-              "fieldName": "against",
+              "name": "soon",
+              "fieldName": "soon",
               "type": {
-                "text": "string | false"
-              }
+                "text": "number"
+              },
+              "description": "Days ahead that count as expiring soon (default 60)."
             },
             {
-              "name": "hint",
-              "fieldName": "hint",
+              "name": "label",
+              "fieldName": "label",
               "type": {
-                "text": "ReactNode"
-              }
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Documents\")."
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "ReactNode"
-              },
-              "attribute": "label"
-            },
-            {
-              "kind": "field",
-              "name": "value",
+              "name": "documents",
               "type": {
-                "text": "string"
+                "text": "LifeDocument[]"
               },
-              "attribute": "value"
+              "attribute": "documents"
             },
             {
               "kind": "field",
-              "name": "defaultValue",
+              "name": "today",
               "type": {
-                "text": "string"
+                "text": "Date | string | number"
               },
-              "attribute": "default-value"
+              "description": "The day to count expiry from (default: now).",
+              "attribute": "today"
             },
             {
               "kind": "field",
-              "name": "against",
+              "name": "soon",
               "type": {
-                "text": "string | false"
+                "text": "number"
               },
-              "attribute": "against"
+              "description": "Days ahead that count as expiring soon (default 60).",
+              "attribute": "soon"
             },
             {
               "kind": "field",
-              "name": "hint",
+              "name": "label",
               "type": {
-                "text": "ReactNode"
+                "text": "string"
               },
-              "attribute": "hint"
+              "description": "Accessible name (default \"Documents\").",
+              "attribute": "label"
             }
           ],
           "events": [
             {
-              "name": "change",
+              "name": "open",
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "From `onChange: (v: string) => void`; `event.detail` holds the argument."
+              "description": "From `onOpen: (id: string) => void`; `event.detail` holds the argument."
             }
           ],
-          "slots": [
-            {
-              "name": "label",
-              "description": "Content of the `label` prop."
-            },
-            {
-              "name": "hint",
-              "description": "Content of the `hint` prop."
-            }
-          ]
+          "slots": []
         },
         {
           "kind": "class",
@@ -7162,43 +9385,26 @@
               "type": {
                 "text": "boolean"
               },
-              "attribute": "open"
-            }
-          ],
-          "events": [],
-          "slots": []
-        },
-        {
-          "kind": "class",
-          "customElement": true,
-          "name": "TfTypingDotsElement",
-          "tagName": "tf-typing-dots",
-          "description": "The TypingDots component as a custom element.",
-          "superclass": {
-            "name": "HTMLElement"
-          },
-          "attributes": [
-            {
-              "name": "label",
-              "fieldName": "label",
-              "type": {
-                "text": "string"
-              }
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "label"
+              "attribute": "open"
             }
           ],
           "events": [],
           "slots": []
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfTypingDotsElement",
+          "tagName": "tf-typing-dots",
+          "description": "The TypingDots component as a custom element.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [],
+          "members": [],
+          "events": [],
+          "slots": []
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -9234,6 +11440,14 @@
               "type": {
                 "text": "number"
               }
+            },
+            {
+              "name": "compact",
+              "fieldName": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Numbers only, with the label of the current step (screen readers still hear every label). Narrow containers (up to 560px) get this on their own."
             }
           ],
           "members": [
@@ -9252,6 +11466,15 @@
                 "text": "number"
               },
               "attribute": "current"
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Numbers only, with the label of the current step (screen readers still hear every label). Narrow containers (up to 560px) get this on their own.",
+              "attribute": "compact"
             }
           ],
           "events": [
@@ -9339,8 +11562,25 @@
               "name": "price",
               "fieldName": "price",
               "type": {
-                "text": "number | null"
-              }
+                "text": "number | null | ReactNode"
+              },
+              "description": "A number is formatted as money (0 = \"Free\", null = \"Let's talk\"); any other node is shown as it is, e.g. a placeholder (\"—\") or a price the app formatted itself."
+            },
+            {
+              "name": "price-prefix",
+              "fieldName": "pricePrefix",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Before the price, e.g. \"from\"."
+            },
+            {
+              "name": "price-note",
+              "fieldName": "priceNote",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Under the price: net or gross, billed yearly, VAT note …"
             },
             {
               "name": "was",
@@ -9398,6 +11638,21 @@
                 "text": "boolean"
               },
               "description": "Disable the button, e.g. while a checkout starts or when the plan cannot be picked."
+            },
+            {
+              "name": "href",
+              "fieldName": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "The action as a link (checkout or sign-up page), with `linkAs` for a router's link."
+            },
+            {
+              "name": "link-as",
+              "fieldName": "linkAs",
+              "type": {
+                "text": "ElementType"
+              }
             }
           ],
           "members": [
@@ -9421,10 +11676,29 @@
               "kind": "field",
               "name": "price",
               "type": {
-                "text": "number | null"
+                "text": "number | null | ReactNode"
               },
+              "description": "A number is formatted as money (0 = \"Free\", null = \"Let's talk\"); any other node is shown as it is, e.g. a placeholder (\"—\") or a price the app formatted itself.",
               "attribute": "price"
             },
+            {
+              "kind": "field",
+              "name": "pricePrefix",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Before the price, e.g. \"from\".",
+              "attribute": "price-prefix"
+            },
+            {
+              "kind": "field",
+              "name": "priceNote",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Under the price: net or gross, billed yearly, VAT note …",
+              "attribute": "price-note"
+            },
             {
               "kind": "field",
               "name": "was",
@@ -9489,6 +11763,23 @@
               },
               "description": "Disable the button, e.g. while a checkout starts or when the plan cannot be picked.",
               "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "The action as a link (checkout or sign-up page), with `linkAs` for a router's link.",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "attribute": "link-as"
             }
           ],
           "events": [
@@ -9500,7 +11791,20 @@
               "description": "From `onPick: () => void`; `event.detail` holds null."
             }
           ],
-          "slots": []
+          "slots": [
+            {
+              "name": "price",
+              "description": "A number is formatted as money (0 = \"Free\", null = \"Let's talk\"); any other node is shown as it is, e.g. a placeholder (\"—\") or a price the app formatted itself."
+            },
+            {
+              "name": "price-prefix",
+              "description": "Before the price, e.g. \"from\"."
+            },
+            {
+              "name": "price-note",
+              "description": "Under the price: net or gross, billed yearly, VAT note …"
+            }
+          ]
         },
         {
           "kind": "class",
@@ -9532,6 +11836,14 @@
               "type": {
                 "text": "number"
               }
+            },
+            {
+              "name": "animate",
+              "fieldName": "animate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "`false`: show the value without counting (it is always the value on the server)."
             }
           ],
           "members": [
@@ -9558,6 +11870,15 @@
                 "text": "number"
               },
               "attribute": "delay"
+            },
+            {
+              "kind": "field",
+              "name": "animate",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "`false`: show the value without counting (it is always the value on the server).",
+              "attribute": "animate"
             }
           ],
           "events": [],
@@ -10083,8 +12404,17 @@
               "name": "crumbs",
               "fieldName": "crumbs",
               "type": {
-                "text": "string[]"
-              }
+                "text": "(string | Crumb)[]"
+              },
+              "description": "A breadcrumb above the title (see `Breadcrumb`): labels, or items with `href`/`onClick`."
+            },
+            {
+              "name": "crumb-link-as",
+              "fieldName": "crumbLinkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element crumb links render as, e.g. Next.js `Link`."
             },
             {
               "name": "title",
@@ -10113,10 +12443,20 @@
               "kind": "field",
               "name": "crumbs",
               "type": {
-                "text": "string[]"
+                "text": "(string | Crumb)[]"
               },
+              "description": "A breadcrumb above the title (see `Breadcrumb`): labels, or items with `href`/`onClick`.",
               "attribute": "crumbs"
             },
+            {
+              "kind": "field",
+              "name": "crumbLinkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element crumb links render as, e.g. Next.js `Link`.",
+              "attribute": "crumb-link-as"
+            },
             {
               "kind": "field",
               "name": "title",
@@ -10250,6 +12590,14 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "stack",
+              "fieldName": "stack",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Cards instead of columns when the table's box is narrow (up to 600px): every row stacks its cells, each with its column label. Without it narrow tables scroll sideways."
             }
           ],
           "members": [
@@ -10276,6 +12624,15 @@
                 "text": "boolean"
               },
               "attribute": "animate"
+            },
+            {
+              "kind": "field",
+              "name": "stack",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Cards instead of columns when the table's box is narrow (up to 600px): every row stacks its cells, each with its column label. Without it narrow tables scroll sideways.",
+              "attribute": "stack"
             }
           ],
           "events": [],
@@ -10360,6 +12717,45 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "href",
+              "fieldName": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Makes the row a link (with `linkAs` for a router's link)."
+            },
+            {
+              "name": "link-as",
+              "fieldName": "linkAs",
+              "type": {
+                "text": "ElementType"
+              }
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Buttons of the row's own (rename, remove …), outside the clickable area so nothing interactive is nested. Without `onClick` and `href` the row is not interactive at all."
+            },
+            {
+              "name": "title-lines",
+              "fieldName": "titleLines",
+              "type": {
+                "text": "number"
+              },
+              "description": "Lines the title may take before it ends in an ellipsis (default: it wraps freely)."
+            },
+            {
+              "name": "subtitle-lines",
+              "fieldName": "subtitleLines",
+              "type": {
+                "text": "number"
+              },
+              "description": "Lines the subtitle may take (default 1); badges and facts wrap within them."
             }
           ],
           "members": [
@@ -10442,6 +12838,50 @@
                 "text": "boolean"
               },
               "attribute": "active"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "description": "Makes the row a link (with `linkAs` for a router's link).",
+              "attribute": "href"
+            },
+            {
+              "kind": "field",
+              "name": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "attribute": "link-as"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Buttons of the row's own (rename, remove …), outside the clickable area so nothing interactive is nested. Without `onClick` and `href` the row is not interactive at all.",
+              "attribute": "actions"
+            },
+            {
+              "kind": "field",
+              "name": "titleLines",
+              "type": {
+                "text": "number"
+              },
+              "description": "Lines the title may take before it ends in an ellipsis (default: it wraps freely).",
+              "attribute": "title-lines"
+            },
+            {
+              "kind": "field",
+              "name": "subtitleLines",
+              "type": {
+                "text": "number"
+              },
+              "description": "Lines the subtitle may take (default 1); badges and facts wrap within them.",
+              "attribute": "subtitle-lines"
             }
           ],
           "events": [
@@ -10473,6 +12913,10 @@
             {
               "name": "trailing",
               "description": "Content of the `trailing` prop."
+            },
+            {
+              "name": "actions",
+              "description": "Buttons of the row's own (rename, remove …), outside the clickable area so nothing interactive is nested. Without `onClick` and `href` the row is not interactive at all."
             }
           ]
         },
@@ -13066,6 +15510,22 @@
               },
               "description": "Virtual keyboard on touch devices (native `inputmode`), e.g. `\"numeric\"` or `\"decimal\"`."
             },
+            {
+              "name": "action",
+              "fieldName": "action",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "An interactive control at the end of the field (an `IconButton`: clear, copy, locate …). Unlike `suffix` it can be clicked, and it stays when the field shows an error or success mark."
+            },
+            {
+              "name": "reveal",
+              "fieldName": "reveal",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "For `type=\"password\"`: a button that shows and hides the password (default true)."
+            },
             {
               "name": "name",
               "fieldName": "name",
@@ -13262,6 +15722,24 @@
               "description": "Virtual keyboard on touch devices (native `inputmode`), e.g. `\"numeric\"` or `\"decimal\"`.",
               "attribute": "input-mode"
             },
+            {
+              "kind": "field",
+              "name": "action",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "An interactive control at the end of the field (an `IconButton`: clear, copy, locate …). Unlike `suffix` it can be clicked, and it stays when the field shows an error or success mark.",
+              "attribute": "action"
+            },
+            {
+              "kind": "field",
+              "name": "reveal",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "For `type=\"password\"`: a button that shows and hides the password (default true).",
+              "attribute": "reveal"
+            },
             {
               "kind": "field",
               "name": "name",
@@ -13334,6 +15812,13 @@
                 "text": "CustomEvent"
               },
               "description": "From `onBlur: (e: ChangeEvent<HTMLInputElement>) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "keydown",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void`; `event.detail` holds the argument."
             }
           ],
           "slots": [
@@ -13341,6 +15826,10 @@
               "name": "suffix",
               "description": "Content of the `suffix` prop."
             },
+            {
+              "name": "action",
+              "description": "An interactive control at the end of the field (an `IconButton`: clear, copy, locate …). Unlike `suffix` it can be clicked, and it stays when the field shows an error or success mark."
+            },
             {
               "name": "label",
               "description": "Content of the `label` prop."
@@ -14527,6 +17016,22 @@
                 "text": "boolean"
               }
             },
+            {
+              "name": "clear-on-error",
+              "fieldName": "clearOnError",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Empties the cells when `error` turns on, ready for the next try (default true)."
+            },
+            {
+              "name": "ref",
+              "fieldName": "ref",
+              "type": {
+                "text": "Ref<OtpInputHandle>"
+              },
+              "description": "`ref.current.reset()` empties the cells on demand."
+            },
             {
               "name": "label",
               "fieldName": "label",
@@ -14552,6 +17057,24 @@
               },
               "attribute": "error"
             },
+            {
+              "kind": "field",
+              "name": "clearOnError",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Empties the cells when `error` turns on, ready for the next try (default true).",
+              "attribute": "clear-on-error"
+            },
+            {
+              "kind": "field",
+              "name": "ref",
+              "type": {
+                "text": "Ref<OtpInputHandle>"
+              },
+              "description": "`ref.current.reset()` empties the cells on demand.",
+              "attribute": "ref"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -14624,8 +17147,24 @@
               "name": "multiple",
               "fieldName": "multiple",
               "type": {
-                "text": "boolean"
-              }
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "fieldName": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "No picking or dropping; the list stays visible."
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes part in a surrounding form under this name: the listed files are submitted with it."
             }
           ],
           "members": [
@@ -14679,6 +17218,24 @@
                 "text": "boolean"
               },
               "attribute": "multiple"
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "No picking or dropping; the list stays visible.",
+              "attribute": "disabled"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Takes part in a surrounding form under this name: the listed files are submitted with it.",
+              "attribute": "name"
             }
           ],
           "events": [
@@ -14694,7 +17251,7 @@
               "type": {
                 "text": "CustomEvent"
               },
-              "description": "The person picked or dropped files: the real `File` objects, after `accept` and `multiple`. Upload them yourself. To show progress, control `files` and set each `progress`; an uncontrolled list shows them with their size only. From `onFiles: (files: File[]) => void`; `event.detail` holds the argument."
+              "description": "The person picked or dropped files: the real `File` objects, after `accept` and `multiple`. Upload them yourself. To show progress, control `files` and set each `progress`; an uncontrolled list shows them with their size only. Return `false` to list none of them, or the files to list (for example after checking their size). From `onFiles: (files: File[]) => void | boolean | File[]`; `event.detail` holds the argument."
             },
             {
               "name": "reject",
@@ -16304,7 +18861,16 @@
               "fieldName": "shortcut",
               "type": {
                 "text": "string"
-              }
+              },
+              "description": "The key hint, e.g. \"⌘K\" (hidden on touch screens)."
+            },
+            {
+              "name": "bind-shortcut",
+              "fieldName": "bindShortcut",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "⌘/Ctrl + the hint's last key (K for \"⌘K\") focuses the field, except while typing elsewhere."
             },
             {
               "name": "value",
@@ -16312,6 +18878,35 @@
               "type": {
                 "text": "string"
               }
+            },
+            {
+              "name": "default-value",
+              "fieldName": "defaultValue",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "auto-focus",
+              "fieldName": "autoFocus",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "input-props",
+              "fieldName": "inputProps",
+              "type": {
+                "text": "InputHTMLAttributes<HTMLInputElement>"
+              },
+              "description": "For a search with suggestions (combobox): role, aria-controls, aria-activedescendant …"
             }
           ],
           "members": [
@@ -16338,8 +18933,18 @@
               "type": {
                 "text": "string"
               },
+              "description": "The key hint, e.g. \"⌘K\" (hidden on touch screens).",
               "attribute": "shortcut"
             },
+            {
+              "kind": "field",
+              "name": "bindShortcut",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "⌘/Ctrl + the hint's last key (K for \"⌘K\") focuses the field, except while typing elsewhere.",
+              "attribute": "bind-shortcut"
+            },
             {
               "kind": "field",
               "name": "value",
@@ -16347,6 +18952,39 @@
                 "text": "string"
               },
               "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "default-value"
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "autoFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "auto-focus"
+            },
+            {
+              "kind": "field",
+              "name": "inputProps",
+              "type": {
+                "text": "InputHTMLAttributes<HTMLInputElement>"
+              },
+              "description": "For a search with suggestions (combobox): role, aria-controls, aria-activedescendant …",
+              "attribute": "input-props"
             }
           ],
           "events": [
@@ -16356,6 +18994,27 @@
                 "text": "CustomEvent"
               },
               "description": "From `onChange: (e: ChangeEvent<HTMLInputElement>) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "keydown",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onKeyDown: (e: KeyboardEvent<HTMLInputElement>) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "focus",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onFocus: (e: FocusEvent<HTMLInputElement>) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "blur",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onBlur: (e: FocusEvent<HTMLInputElement>) => void`; `event.detail` holds the argument."
             }
           ],
           "slots": []
@@ -16728,6 +19387,14 @@
                 "text": "boolean"
               }
             },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "\"sm\" | \"md\""
+              },
+              "description": "`sm`: a compact trigger, e.g. a sort menu next to a heading."
+            },
             {
               "name": "label",
               "fieldName": "label",
@@ -16806,6 +19473,15 @@
               },
               "attribute": "disabled"
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"sm\" | \"md\""
+              },
+              "description": "`sm`: a compact trigger, e.g. a sort menu next to a heading.",
+              "attribute": "size"
+            },
             {
               "kind": "field",
               "name": "label",
@@ -17474,7 +20150,24 @@
               "fieldName": "start",
               "type": {
                 "text": "number"
-              }
+              },
+              "description": "First image when uncontrolled."
+            },
+            {
+              "name": "index",
+              "fieldName": "index",
+              "type": {
+                "text": "number"
+              },
+              "description": "The shown image (controlled, 0-based), with `onIndexChange`."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the gallery (default \"Images\"), e.g. the listing's title."
             },
             {
               "name": "ratio",
@@ -17538,8 +20231,27 @@
               "type": {
                 "text": "number"
               },
+              "description": "First image when uncontrolled.",
               "attribute": "start"
             },
+            {
+              "kind": "field",
+              "name": "index",
+              "type": {
+                "text": "number"
+              },
+              "description": "The shown image (controlled, 0-based), with `onIndexChange`.",
+              "attribute": "index"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the gallery (default \"Images\"), e.g. the listing's title.",
+              "attribute": "label"
+            },
             {
               "kind": "field",
               "name": "ratio",
@@ -17573,7 +20285,15 @@
               "attribute": "badge"
             }
           ],
-          "events": [],
+          "events": [
+            {
+              "name": "indexchange",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onIndexChange: (index: number) => void`; `event.detail` holds the argument."
+            }
+          ],
           "slots": [
             {
               "name": "badge",
@@ -17883,8 +20603,25 @@
               "name": "items",
               "fieldName": "items",
               "type": {
-                "text": "string[]"
-              }
+                "text": "(string | Crumb)[]"
+              },
+              "description": "The trail; the last one is the current page. Items with `href` are links, with `onClick` buttons."
+            },
+            {
+              "name": "link-as",
+              "fieldName": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element links render as (default `a`), e.g. Next.js `Link`."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the navigation (default \"Breadcrumb\")."
             }
           ],
           "members": [
@@ -17892,12 +20629,39 @@
               "kind": "field",
               "name": "items",
               "type": {
-                "text": "string[]"
+                "text": "(string | Crumb)[]"
               },
+              "description": "The trail; the last one is the current page. Items with `href` are links, with `onClick` buttons.",
               "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element links render as (default `a`), e.g. Next.js `Link`.",
+              "attribute": "link-as"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the navigation (default \"Breadcrumb\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "navigate",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Makes every crumb but the last a button; receives its index. From `onNavigate: (index: number) => void`; `event.detail` holds the argument."
             }
           ],
-          "events": [],
           "slots": []
         },
         {
@@ -17933,6 +20697,22 @@
                 "text": "number"
               },
               "description": "Start page when uncontrolled (default 1)."
+            },
+            {
+              "name": "link-as",
+              "fieldName": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element links render as (default `a`), e.g. Next.js `Link`."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the navigation (default \"Pagination\"), e.g. \"Search results pages\"."
             }
           ],
           "members": [
@@ -17962,6 +20742,32 @@
               },
               "description": "Start page when uncontrolled (default 1).",
               "attribute": "default-page"
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "(page: number) => string"
+              },
+              "description": "Link mode for server-rendered lists: the address of a page; pages become links."
+            },
+            {
+              "kind": "field",
+              "name": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element links render as (default `a`), e.g. Next.js `Link`.",
+              "attribute": "link-as"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the navigation (default \"Pagination\"), e.g. \"Search results pages\".",
+              "attribute": "label"
             }
           ],
           "events": [
@@ -18076,7 +20882,7 @@
           "customElement": true,
           "name": "TfSidebarElement",
           "tagName": "tf-sidebar",
-          "description": "App navigation down the side: groups with headings, counts, one level of nested pages and a collapsed mode with icons only.",
+          "description": "App navigation down the side: groups with headings, counts and badges, one level of nested pages, links, item menus and a collapsed mode with icons only.",
           "superclass": {
             "name": "HTMLElement"
           },
@@ -18096,36 +20902,92 @@
               },
               "description": "Id (or label) of the current page."
             },
+            {
+              "name": "variant",
+              "fieldName": "variant",
+              "type": {
+                "text": "\"floating\" | \"attached\" | \"shell\""
+              },
+              "description": "`floating` (default): a card with rounded corners and a shadow. `attached`: full height, flush with the edge of the screen, divided by a line. `shell`: on the dark frame of `AppShell`."
+            },
             {
               "name": "collapsed",
               "fieldName": "collapsed",
               "type": {
-                "text": "boolean"
+                "text": "boolean"
+              },
+              "description": "Icons only."
+            },
+            {
+              "name": "default-collapsed",
+              "fieldName": "defaultCollapsed",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "storage-key",
+              "fieldName": "storageKey",
+              "type": {
+                "text": "string"
+              },
+              "description": "Remember the collapsed state in the browser under this key."
+            },
+            {
+              "name": "shortcut",
+              "fieldName": "shortcut",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "⌘B (Ctrl+B) collapses and expands the sidebar, except while typing in a field."
+            },
+            {
+              "name": "link-as",
+              "fieldName": "linkAs",
+              "type": {
+                "text": "ElementType"
               },
-              "description": "Icons only."
+              "description": "The element items with an `href` render as (default `a`), e.g. Next.js `Link`."
             },
             {
-              "name": "default-collapsed",
-              "fieldName": "defaultCollapsed",
+              "name": "mobile-open",
+              "fieldName": "mobileOpen",
               "type": {
                 "text": "boolean"
-              }
+              },
+              "description": "On phones (up to 760px wide): whether the drawer is open (controlled)."
             },
             {
               "name": "header",
               "fieldName": "header",
               "type": {
-                "text": "ReactNode"
+                "text": "ReactNode | ((state: { collapsed: boolean }) => ReactNode)"
               },
-              "description": "Top of the sidebar (brand, workspace switcher)."
+              "description": "Top of the sidebar (brand, `WorkspaceSwitcher`); a function gets the collapsed state."
             },
             {
               "name": "footer",
               "fieldName": "footer",
               "type": {
-                "text": "ReactNode"
+                "text": "ReactNode | ((state: { collapsed: boolean }) => ReactNode)"
+              },
+              "description": "Bottom of the sidebar (`UserMenu`, settings); a function gets the collapsed state."
+            },
+            {
+              "name": "as",
+              "fieldName": "as",
+              "type": {
+                "text": "\"nav\" | \"aside\""
+              },
+              "description": "`nav` (default) for app navigation. `aside` for filters, settings or other tools beside the content: a complementary region instead of a navigation landmark."
+            },
+            {
+              "name": "collapsible",
+              "fieldName": "collapsible",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Bottom of the sidebar (account, settings)."
+              "description": "Offers the collapse button and the icons-only mode (default true; filters usually set false)."
             },
             {
               "name": "label",
@@ -18133,7 +20995,7 @@
               "type": {
                 "text": "string"
               },
-              "description": "Accessible name of the navigation."
+              "description": "Accessible name of the navigation (or the aside)."
             }
           ],
           "members": [
@@ -18154,6 +21016,15 @@
               "description": "Id (or label) of the current page.",
               "attribute": "current"
             },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "\"floating\" | \"attached\" | \"shell\""
+              },
+              "description": "`floating` (default): a card with rounded corners and a shadow. `attached`: full height, flush with the edge of the screen, divided by a line. `shell`: on the dark frame of `AppShell`.",
+              "attribute": "variant"
+            },
             {
               "kind": "field",
               "name": "collapsed",
@@ -18171,31 +21042,85 @@
               },
               "attribute": "default-collapsed"
             },
+            {
+              "kind": "field",
+              "name": "storageKey",
+              "type": {
+                "text": "string"
+              },
+              "description": "Remember the collapsed state in the browser under this key.",
+              "attribute": "storage-key"
+            },
+            {
+              "kind": "field",
+              "name": "shortcut",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "⌘B (Ctrl+B) collapses and expands the sidebar, except while typing in a field.",
+              "attribute": "shortcut"
+            },
+            {
+              "kind": "field",
+              "name": "linkAs",
+              "type": {
+                "text": "ElementType"
+              },
+              "description": "The element items with an `href` render as (default `a`), e.g. Next.js `Link`.",
+              "attribute": "link-as"
+            },
+            {
+              "kind": "field",
+              "name": "mobileOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "On phones (up to 760px wide): whether the drawer is open (controlled).",
+              "attribute": "mobile-open"
+            },
             {
               "kind": "field",
               "name": "header",
               "type": {
-                "text": "ReactNode"
+                "text": "ReactNode | ((state: { collapsed: boolean }) => ReactNode)"
               },
-              "description": "Top of the sidebar (brand, workspace switcher).",
+              "description": "Top of the sidebar (brand, `WorkspaceSwitcher`); a function gets the collapsed state.",
               "attribute": "header"
             },
             {
               "kind": "field",
               "name": "footer",
               "type": {
-                "text": "ReactNode"
+                "text": "ReactNode | ((state: { collapsed: boolean }) => ReactNode)"
               },
-              "description": "Bottom of the sidebar (account, settings).",
+              "description": "Bottom of the sidebar (`UserMenu`, settings); a function gets the collapsed state.",
               "attribute": "footer"
             },
+            {
+              "kind": "field",
+              "name": "as",
+              "type": {
+                "text": "\"nav\" | \"aside\""
+              },
+              "description": "`nav` (default) for app navigation. `aside` for filters, settings or other tools beside the content: a complementary region instead of a navigation landmark.",
+              "attribute": "as"
+            },
+            {
+              "kind": "field",
+              "name": "collapsible",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Offers the collapse button and the icons-only mode (default true; filters usually set false).",
+              "attribute": "collapsible"
+            },
             {
               "kind": "field",
               "name": "label",
               "type": {
                 "text": "string"
               },
-              "description": "Accessible name of the navigation.",
+              "description": "Accessible name of the navigation (or the aside).",
               "attribute": "label"
             }
           ],
@@ -18213,19 +21138,140 @@
                 "text": "CustomEvent"
               },
               "description": "From `onCollapsedChange: (collapsed: boolean) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "mobileopenchange",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onMobileOpenChange: (open: boolean) => void`; `event.detail` holds the argument."
             }
           ],
           "slots": [
             {
               "name": "header",
-              "description": "Top of the sidebar (brand, workspace switcher)."
+              "description": "Top of the sidebar (brand, `WorkspaceSwitcher`); a function gets the collapsed state."
             },
             {
               "name": "footer",
-              "description": "Bottom of the sidebar (account, settings)."
+              "description": "Bottom of the sidebar (`UserMenu`, settings); a function gets the collapsed state."
             }
           ]
         },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfUserMenuElement",
+          "tagName": "tf-user-menu",
+          "description": "The signed-in account at the foot of a sidebar: avatar, name and email, opening a menu with profile, settings and sign-out.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "email",
+              "fieldName": "email",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "avatar",
+              "fieldName": "avatar",
+              "type": {
+                "text": "string"
+              },
+              "description": "Picture URL; initials otherwise."
+            },
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "(MenuItem | \"-\")[]"
+              },
+              "description": "The menu: profile, settings, sign out …"
+            },
+            {
+              "name": "compact",
+              "fieldName": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Only the avatar (a collapsed sidebar)."
+            },
+            {
+              "name": "side",
+              "fieldName": "side",
+              "type": {
+                "text": "\"top\" | \"bottom\""
+              },
+              "description": "Where the menu opens (default `top`, for the foot of a sidebar)."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "email",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "email"
+            },
+            {
+              "kind": "field",
+              "name": "avatar",
+              "type": {
+                "text": "string"
+              },
+              "description": "Picture URL; initials otherwise.",
+              "attribute": "avatar"
+            },
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "(MenuItem | \"-\")[]"
+              },
+              "description": "The menu: profile, settings, sign out …",
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Only the avatar (a collapsed sidebar).",
+              "attribute": "compact"
+            },
+            {
+              "kind": "field",
+              "name": "side",
+              "type": {
+                "text": "\"top\" | \"bottom\""
+              },
+              "description": "Where the menu opens (default `top`, for the foot of a sidebar).",
+              "attribute": "side"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -20135,6 +23181,14 @@
               "type": {
                 "text": "\"sm\" | \"md\""
               }
+            },
+            {
+              "name": "block",
+              "fieldName": "block",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Fills the width and shares it evenly; labels end in an ellipsis when space runs short."
             }
           ],
           "members": [
@@ -20187,6 +23241,15 @@
                 "text": "\"sm\" | \"md\""
               },
               "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "block",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Fills the width and shares it evenly; labels end in an ellipsis when space runs short.",
+              "attribute": "block"
             }
           ],
           "events": [
@@ -21569,8 +24632,9 @@
               "name": "brand",
               "fieldName": "brand",
               "type": {
-                "text": "string"
-              }
+                "text": "ReactNode"
+              },
+              "description": "The product name, or a node (a logo mark with the name)."
             },
             {
               "name": "tag",
@@ -21620,8 +24684,9 @@
               "kind": "field",
               "name": "brand",
               "type": {
-                "text": "string"
+                "text": "ReactNode"
               },
+              "description": "The product name, or a node (a logo mark with the name).",
               "attribute": "brand"
             },
             {
@@ -21690,6 +24755,10 @@
             }
           ],
           "slots": [
+            {
+              "name": "brand",
+              "description": "The product name, or a node (a logo mark with the name)."
+            },
             {
               "name": "extra",
               "description": "Content of the `extra` prop."
@@ -21719,6 +24788,37 @@
               "type": {
                 "text": "RailItem[]"
               }
+            },
+            {
+              "name": "expanded",
+              "fieldName": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Names next to the icons (controlled); every button has a tooltip while collapsed."
+            },
+            {
+              "name": "default-expanded",
+              "fieldName": "defaultExpanded",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "toggle",
+              "fieldName": "toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A button at the foot that expands and collapses the rail."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the rail (default \"Tools\")."
             }
           ],
           "members": [
@@ -21736,10 +24836,53 @@
               "type": {
                 "text": "RailItem[]"
               },
-              "attribute": "bottom"
+              "attribute": "bottom"
+            },
+            {
+              "kind": "field",
+              "name": "expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Names next to the icons (controlled); every button has a tooltip while collapsed.",
+              "attribute": "expanded"
+            },
+            {
+              "kind": "field",
+              "name": "defaultExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "default-expanded"
+            },
+            {
+              "kind": "field",
+              "name": "toggle",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A button at the foot that expands and collapses the rail.",
+              "attribute": "toggle"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name of the rail (default \"Tools\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "expandedchange",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onExpandedChange: (expanded: boolean) => void`; `event.detail` holds the argument."
             }
           ],
-          "events": [],
           "slots": []
         },
         {
@@ -21855,13 +24998,52 @@
               },
               "description": "Bar along the bottom edge (dock, playback, a summary)."
             },
+            {
+              "name": "controls",
+              "fieldName": "controls",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Controls of the background (zoom, compass, locate) in the free corner above the bottom bar."
+            },
+            {
+              "name": "attribution",
+              "fieldName": "attribution",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Source notes of the background (map attribution), under `controls`, clear of every slot."
+            },
+            {
+              "name": "start-width",
+              "fieldName": "startWidth",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "Width of the start column (default 320px) and of the end column (default 340px)."
+            },
+            {
+              "name": "end-width",
+              "fieldName": "endWidth",
+              "type": {
+                "text": "number | string"
+              }
+            },
+            {
+              "name": "end-sheet",
+              "fieldName": "endSheet",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Below 720px of width the end slot becomes a bottom sheet over the background, with a handle that expands and collapses it (default true). `false` stacks it with the others."
+            },
             {
               "name": "height",
               "fieldName": "height",
               "type": {
                 "text": "number | string"
               },
-              "description": "Height of the layout (default 640). Below 720px of width the slots stack: top, start, end, bottom."
+              "description": "Height of the layout (default 640). Below 720px of width the slots stack: top, start, end, bottom. The layout sets `--floating-safe-top/-start/-end/-bottom` (px) to the space its slots take, so map libraries can keep their own controls clear of them."
             },
             {
               "name": "surface",
@@ -21926,13 +25108,57 @@
               "description": "Bar along the bottom edge (dock, playback, a summary).",
               "attribute": "bottom"
             },
+            {
+              "kind": "field",
+              "name": "controls",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Controls of the background (zoom, compass, locate) in the free corner above the bottom bar.",
+              "attribute": "controls"
+            },
+            {
+              "kind": "field",
+              "name": "attribution",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Source notes of the background (map attribution), under `controls`, clear of every slot.",
+              "attribute": "attribution"
+            },
+            {
+              "kind": "field",
+              "name": "startWidth",
+              "type": {
+                "text": "number | string"
+              },
+              "description": "Width of the start column (default 320px) and of the end column (default 340px).",
+              "attribute": "start-width"
+            },
+            {
+              "kind": "field",
+              "name": "endWidth",
+              "type": {
+                "text": "number | string"
+              },
+              "attribute": "end-width"
+            },
+            {
+              "kind": "field",
+              "name": "endSheet",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Below 720px of width the end slot becomes a bottom sheet over the background, with a handle that expands and collapses it (default true). `false` stacks it with the others.",
+              "attribute": "end-sheet"
+            },
             {
               "kind": "field",
               "name": "height",
               "type": {
                 "text": "number | string"
               },
-              "description": "Height of the layout (default 640). Below 720px of width the slots stack: top, start, end, bottom.",
+              "description": "Height of the layout (default 640). Below 720px of width the slots stack: top, start, end, bottom. The layout sets `--floating-safe-top/-start/-end/-bottom` (px) to the space its slots take, so map libraries can keep their own controls clear of them.",
               "attribute": "height"
             },
             {
@@ -21976,6 +25202,14 @@
               "name": "bottom",
               "description": "Bar along the bottom edge (dock, playback, a summary)."
             },
+            {
+              "name": "controls",
+              "description": "Controls of the background (zoom, compass, locate) in the free corner above the bottom bar."
+            },
+            {
+              "name": "attribution",
+              "description": "Source notes of the background (map attribution), under `controls`, clear of every slot."
+            },
             {
               "name": "",
               "description": "Content (any HTML or tf-* elements)."
@@ -22109,8 +25343,9 @@
               "name": "brand",
               "fieldName": "brand",
               "type": {
-                "text": "string"
-              }
+                "text": "ReactNode"
+              },
+              "description": "The product name, or a node (a logo mark with the name; collapsed sidebars show it whole)."
             },
             {
               "name": "tag",
@@ -22188,6 +25423,46 @@
               "type": {
                 "text": "RailItem[]"
               }
+            },
+            {
+              "name": "navigation",
+              "fieldName": "navigation",
+              "type": {
+                "text": "\"top\" | \"sidebar\""
+              },
+              "description": "`top` (default): navigation in the top bar, tools in the side rail. `sidebar`: a labelled sidebar on the frame, with groups, nesting and a drawer on phones."
+            },
+            {
+              "name": "sidebar-groups",
+              "fieldName": "sidebarGroups",
+              "type": {
+                "text": "SidebarGroup[]"
+              },
+              "description": "With `navigation=\"sidebar\"`: groups instead of the flat `nav` list."
+            },
+            {
+              "name": "sidebar",
+              "fieldName": "sidebar",
+              "type": {
+                "text": "Partial<Omit<SidebarProps, \"variant\" | \"groups\">>"
+              },
+              "description": "With `navigation=\"sidebar\"`: more sidebar props (collapsed, storageKey, shortcut, linkAs …)."
+            },
+            {
+              "name": "workspaces",
+              "fieldName": "workspaces",
+              "type": {
+                "text": "WorkspaceSwitcherProps"
+              },
+              "description": "With `navigation=\"sidebar\"`: the workspace switcher at the top instead of the brand."
+            },
+            {
+              "name": "user-menu",
+              "fieldName": "userMenu",
+              "type": {
+                "text": "(MenuItem | \"-\")[]"
+              },
+              "description": "The account menu's entries (with `navigation=\"sidebar\"` at the foot of the sidebar)."
             }
           ],
           "members": [
@@ -22203,8 +25478,9 @@
               "kind": "field",
               "name": "brand",
               "type": {
-                "text": "string"
+                "text": "ReactNode"
               },
+              "description": "The product name, or a node (a logo mark with the name; collapsed sidebars show it whole).",
               "attribute": "brand"
             },
             {
@@ -22294,6 +25570,51 @@
                 "text": "RailItem[]"
               },
               "attribute": "rail-bottom"
+            },
+            {
+              "kind": "field",
+              "name": "navigation",
+              "type": {
+                "text": "\"top\" | \"sidebar\""
+              },
+              "description": "`top` (default): navigation in the top bar, tools in the side rail. `sidebar`: a labelled sidebar on the frame, with groups, nesting and a drawer on phones.",
+              "attribute": "navigation"
+            },
+            {
+              "kind": "field",
+              "name": "sidebarGroups",
+              "type": {
+                "text": "SidebarGroup[]"
+              },
+              "description": "With `navigation=\"sidebar\"`: groups instead of the flat `nav` list.",
+              "attribute": "sidebar-groups"
+            },
+            {
+              "kind": "field",
+              "name": "sidebar",
+              "type": {
+                "text": "Partial<Omit<SidebarProps, \"variant\" | \"groups\">>"
+              },
+              "description": "With `navigation=\"sidebar\"`: more sidebar props (collapsed, storageKey, shortcut, linkAs …).",
+              "attribute": "sidebar"
+            },
+            {
+              "kind": "field",
+              "name": "workspaces",
+              "type": {
+                "text": "WorkspaceSwitcherProps"
+              },
+              "description": "With `navigation=\"sidebar\"`: the workspace switcher at the top instead of the brand.",
+              "attribute": "workspaces"
+            },
+            {
+              "kind": "field",
+              "name": "userMenu",
+              "type": {
+                "text": "(MenuItem | \"-\")[]"
+              },
+              "description": "The account menu's entries (with `navigation=\"sidebar\"` at the foot of the sidebar).",
+              "attribute": "user-menu"
             }
           ],
           "events": [
@@ -22306,6 +25627,10 @@
             }
           ],
           "slots": [
+            {
+              "name": "brand",
+              "description": "The product name, or a node (a logo mark with the name; collapsed sidebars show it whole)."
+            },
             {
               "name": "top-extra",
               "description": "Content of the `topExtra` prop."
@@ -22516,7 +25841,7 @@
               "name": "categories",
               "fieldName": "categories",
               "type": {
-                "text": "{ id: string; label: string; text?: string; required?: boolean; default?: boolean; }[]"
+                "text": "{ id: string; label: string; /** What the category covers; may hold a link to the details. */ text?: ReactNode; required?: boolean; default?: boolean; }[]"
               }
             },
             {
@@ -22532,6 +25857,14 @@
               "type": {
                 "text": "boolean"
               }
+            },
+            {
+              "name": "equal-choice",
+              "fieldName": "equalChoice",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "\"Only necessary\" and \"Accept all\" with the same weight (both secondary buttons), as German data protection authorities expect on the first layer."
             }
           ],
           "members": [
@@ -22563,7 +25896,7 @@
               "kind": "field",
               "name": "categories",
               "type": {
-                "text": "{ id: string; label: string; text?: string; required?: boolean; default?: boolean; }[]"
+                "text": "{ id: string; label: string; /** What the category covers; may hold a link to the details. */ text?: ReactNode; required?: boolean; default?: boolean; }[]"
               },
               "attribute": "categories"
             },
@@ -22582,6 +25915,15 @@
                 "text": "boolean"
               },
               "attribute": "inline"
+            },
+            {
+              "kind": "field",
+              "name": "equalChoice",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "\"Only necessary\" and \"Accept all\" with the same weight (both secondary buttons), as German data protection authorities expect on the first layer.",
+              "attribute": "equal-choice"
             }
           ],
           "events": [
@@ -24348,6 +27690,158 @@
             "module": "dist/elements.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-qr-code",
+          "declaration": {
+            "name": "TfQrCodeElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-habit-tracker",
+          "declaration": {
+            "name": "TfHabitTrackerElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-mood-picker",
+          "declaration": {
+            "name": "TfMoodPickerElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-vital-tile",
+          "declaration": {
+            "name": "TfVitalTileElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-activity-rings",
+          "declaration": {
+            "name": "TfActivityRingsElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-sleep-chart",
+          "declaration": {
+            "name": "TfSleepChartElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-medication-list",
+          "declaration": {
+            "name": "TfMedicationListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-journal-entry",
+          "declaration": {
+            "name": "TfJournalEntryElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-goal-card",
+          "declaration": {
+            "name": "TfGoalCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-insight-card",
+          "declaration": {
+            "name": "TfInsightCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-consent-list",
+          "declaration": {
+            "name": "TfConsentListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-budget-list",
+          "declaration": {
+            "name": "TfBudgetListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-subscription-list",
+          "declaration": {
+            "name": "TfSubscriptionListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-net-worth-card",
+          "declaration": {
+            "name": "TfNetWorthCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-deadline-list",
+          "declaration": {
+            "name": "TfDeadlineListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-policy-card",
+          "declaration": {
+            "name": "TfPolicyCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-coverage-matrix",
+          "declaration": {
+            "name": "TfCoverageMatrixElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-claim-timeline",
+          "declaration": {
+            "name": "TfClaimTimelineElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-document-list",
+          "declaration": {
+            "name": "TfDocumentListElement",
+            "module": "dist/elements.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "tf-agent-card",
@@ -25460,6 +28954,14 @@
             "module": "dist/elements.js"
           }
         },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-user-menu",
+          "declaration": {
+            "name": "TfUserMenuElement",
+            "module": "dist/elements.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "tf-connection-card",