@twentyfirstmedia/elements 0.6.0 → 0.8.0

package/dist/custom-elements.json

@@ -3272,6 +3272,3915 @@
           "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"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Buttons at the foot (documents, report a claim …).",
+              "attribute": "actions"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "coverage",
+              "description": "Sum insured: a number (money) or text (\"unlimited\")."
+            },
+            {
+              "name": "actions",
+              "description": "Buttons at the foot (documents, report a claim …)."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "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": "rows",
+              "fieldName": "rows",
+              "type": {
+                "text": "CoverageRow[]"
+              }
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name and caption (default \"Coverage\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "rows",
+              "type": {
+                "text": "CoverageRow[]"
+              },
+              "attribute": "rows"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "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": "meta",
+              "fieldName": "meta",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Reference and insurer under the title."
+            },
+            {
+              "name": "amount",
+              "fieldName": "amount",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "steps",
+              "fieldName": "steps",
+              "type": {
+                "text": "ClaimStep[]"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "meta",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Reference and insurer under the title.",
+              "attribute": "meta"
+            },
+            {
+              "kind": "field",
+              "name": "amount",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "amount"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "steps",
+              "type": {
+                "text": "ClaimStep[]"
+              },
+              "attribute": "steps"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "meta",
+              "description": "Reference and insurer under the title."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "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": "documents",
+              "fieldName": "documents",
+              "type": {
+                "text": "LifeDocument[]"
+              }
+            },
+            {
+              "name": "today",
+              "fieldName": "today",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The day to count expiry from (default: now)."
+            },
+            {
+              "name": "soon",
+              "fieldName": "soon",
+              "type": {
+                "text": "number"
+              },
+              "description": "Days ahead that count as expiring soon (default 60)."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Documents\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "documents",
+              "type": {
+                "text": "LifeDocument[]"
+              },
+              "attribute": "documents"
+            },
+            {
+              "kind": "field",
+              "name": "today",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The day to count expiry from (default: now).",
+              "attribute": "today"
+            },
+            {
+              "kind": "field",
+              "name": "soon",
+              "type": {
+                "text": "number"
+              },
+              "description": "Days ahead that count as expiring soon (default 60).",
+              "attribute": "soon"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Documents\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onOpen: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfServiceMarkElement",
+          "tagName": "tf-service-mark",
+          "description": "A connected service's mark: its brand logo from the icon library (brandGmail, brandTesla …), your own logo, or a monogram for a service without a logo (\"KS\" for a local nursery).",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The service's name: the accessible name, and the monogram when there is no icon or logo."
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "A brand logo (`brandGmail` …) or a line icon."
+            },
+            {
+              "name": "logo",
+              "fieldName": "logo",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon."
+            },
+            {
+              "name": "monogram",
+              "fieldName": "monogram",
+              "type": {
+                "text": "string"
+              },
+              "description": "Letters for the monogram (default: the initials of `name`)."
+            },
+            {
+              "name": "size",
+              "fieldName": "size",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\""
+              },
+              "description": "24, 36 (default) or 48 px."
+            },
+            {
+              "name": "tint",
+              "fieldName": "tint",
+              "type": {
+                "text": "Tint | \"plain\""
+              }
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "ServiceState"
+              },
+              "description": "A dot in the corner with the state in words for screen readers."
+            },
+            {
+              "name": "decorative",
+              "fieldName": "decorative",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hidden from screen readers when the name is written next to it."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "description": "The service's name: the accessible name, and the monogram when there is no icon or logo.",
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "description": "A brand logo (`brandGmail` …) or a line icon.",
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "logo",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon.",
+              "attribute": "logo"
+            },
+            {
+              "kind": "field",
+              "name": "monogram",
+              "type": {
+                "text": "string"
+              },
+              "description": "Letters for the monogram (default: the initials of `name`).",
+              "attribute": "monogram"
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "\"sm\" | \"md\" | \"lg\""
+              },
+              "description": "24, 36 (default) or 48 px.",
+              "attribute": "size"
+            },
+            {
+              "kind": "field",
+              "name": "tint",
+              "type": {
+                "text": "Tint | \"plain\""
+              },
+              "attribute": "tint"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "ServiceState"
+              },
+              "description": "A dot in the corner with the state in words for screen readers.",
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "decorative",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Hidden from screen readers when the name is written next to it.",
+              "attribute": "decorative"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "logo",
+              "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfConnectorGalleryElement",
+          "tagName": "tf-connector-gallery",
+          "description": "Every service an assistant can connect to, grouped by category, with a search field and category chips.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "connectors",
+              "fieldName": "connectors",
+              "type": {
+                "text": "Connector[]"
+              }
+            },
+            {
+              "name": "categories",
+              "fieldName": "categories",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Order of the groups; categories not listed follow in the order they appear."
+            },
+            {
+              "name": "filters",
+              "fieldName": "filters",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A search field and category chips above the grid (default true)."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connectors\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "connectors",
+              "type": {
+                "text": "Connector[]"
+              },
+              "attribute": "connectors"
+            },
+            {
+              "kind": "field",
+              "name": "categories",
+              "type": {
+                "text": "string[]"
+              },
+              "description": "Order of the groups; categories not listed follow in the order they appear.",
+              "attribute": "categories"
+            },
+            {
+              "kind": "field",
+              "name": "filters",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "A search field and category chips above the grid (default true).",
+              "attribute": "filters"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connectors\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "connect",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onConnect: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Opens a connected (or failing) connector. From `onOpen: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfConnectionListElement",
+          "tagName": "tf-connection-list",
+          "description": "The services you are connected to: mark with state dot, the connected account, how fresh the data is (a compact SyncStatus) and Manage, or Reconnect for a connection that needs attention.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "ConnectionItem[]"
+              }
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connections\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "ConnectionItem[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Connections\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "manage",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onManage: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "reconnect",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Shown instead of \"Manage\" on connections in the `error` state. From `onReconnect: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfSyncStatusElement",
+          "tagName": "tf-sync-status",
+          "description": "When a connected service last synced, in words (\"Synced 6 minutes ago\"), when it syncs next, what the last sync brought (\"1,204 emails\") and why a sync failed, with \"Sync now\".",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "state",
+              "fieldName": "state",
+              "type": {
+                "text": "\"synced\" | \"syncing\" | \"error\" | \"paused\" | \"never\""
+              }
+            },
+            {
+              "name": "last",
+              "fieldName": "last",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The last successful sync."
+            },
+            {
+              "name": "next",
+              "fieldName": "next",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The next planned sync."
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same."
+            },
+            {
+              "name": "counts",
+              "fieldName": "counts",
+              "type": {
+                "text": "{ label: string; value: number }[]"
+              },
+              "description": "What the last sync brought: `{ label: \"emails\", value: 1204 }`."
+            },
+            {
+              "name": "error",
+              "fieldName": "error",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Why the sync failed."
+            },
+            {
+              "name": "compact",
+              "fieldName": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "One line: state and time only."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "state",
+              "type": {
+                "text": "\"synced\" | \"syncing\" | \"error\" | \"paused\" | \"never\""
+              },
+              "attribute": "state"
+            },
+            {
+              "kind": "field",
+              "name": "last",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The last successful sync.",
+              "attribute": "last"
+            },
+            {
+              "kind": "field",
+              "name": "next",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "The next planned sync.",
+              "attribute": "next"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the relative times; pass it so server and client render the same.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "counts",
+              "type": {
+                "text": "{ label: string; value: number }[]"
+              },
+              "description": "What the last sync brought: `{ label: \"emails\", value: 1204 }`.",
+              "attribute": "counts"
+            },
+            {
+              "kind": "field",
+              "name": "error",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Why the sync failed.",
+              "attribute": "error"
+            },
+            {
+              "kind": "field",
+              "name": "compact",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "One line: state and time only.",
+              "attribute": "compact"
+            }
+          ],
+          "events": [
+            {
+              "name": "sync",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onSync: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "error",
+              "description": "Why the sync failed."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfAgentActivityElement",
+          "tagName": "tf-agent-activity",
+          "description": "What agents did with your connected services, newest first and grouped by day: each action with its service, agent and time, whether it read something, changed something or touched money, and its state (waiting for you, declined, undone, fa",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "items",
+              "fieldName": "items",
+              "type": {
+                "text": "AgentAction[]"
+              }
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings; pass it so server and client render the same."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Agent activity\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "items",
+              "type": {
+                "text": "AgentAction[]"
+              },
+              "attribute": "items"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings; pass it so server and client render the same.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Agent activity\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "undo",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Offers \"Undo\" on finished actions that changed something. From `onUndo: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "review",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "Opens an action that waits for your approval. From `onReview: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfDeviceTileElement",
+          "tagName": "tf-device-tile",
+          "description": "A smart-home device (from Google Home, Apple Home, SmartThings, tado°, Dyson, eufy, Dreame …): its reading, its state and the controls its kind needs.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "room",
+              "fieldName": "room",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "kind",
+              "fieldName": "kind",
+              "type": {
+                "text": "\"switch\" | \"light\" | \"thermostat\" | \"vacuum\" | \"purifier\" | \"camera\" | \"lock\" | \"sensor\""
+              },
+              "description": "The kind sets the default icon and which controls appear."
+            },
+            {
+              "name": "on",
+              "fieldName": "on",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "On or off; with `onToggle` a switch."
+            },
+            {
+              "name": "value",
+              "fieldName": "value",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\"."
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\"."
+            },
+            {
+              "name": "target",
+              "fieldName": "target",
+              "type": {
+                "text": "number"
+              },
+              "description": "Thermostat target in °C; with `onTarget` a − / + stepper (steps of `step`, default 0.5)."
+            },
+            {
+              "name": "step",
+              "fieldName": "step",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "battery",
+              "fieldName": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery in percent (vacuums, sensors, locks)."
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "{ label: string; icon?: IconName; onClick?: () => void }[]"
+              },
+              "description": "Quick actions: \"Start\", \"Dock\", \"Boost\"."
+            },
+            {
+              "name": "offline",
+              "fieldName": "offline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The device does not answer."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "room",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "room"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "kind",
+              "type": {
+                "text": "\"switch\" | \"light\" | \"thermostat\" | \"vacuum\" | \"purifier\" | \"camera\" | \"lock\" | \"sensor\""
+              },
+              "description": "The kind sets the default icon and which controls appear.",
+              "attribute": "kind"
+            },
+            {
+              "kind": "field",
+              "name": "on",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "On or off; with `onToggle` a switch.",
+              "attribute": "on"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\".",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\".",
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "number"
+              },
+              "description": "Thermostat target in °C; with `onTarget` a − / + stepper (steps of `step`, default 0.5).",
+              "attribute": "target"
+            },
+            {
+              "kind": "field",
+              "name": "step",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "step"
+            },
+            {
+              "kind": "field",
+              "name": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery in percent (vacuums, sensors, locks).",
+              "attribute": "battery"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "{ label: string; icon?: IconName; onClick?: () => void }[]"
+              },
+              "description": "Quick actions: \"Start\", \"Dock\", \"Boost\".",
+              "attribute": "actions"
+            },
+            {
+              "kind": "field",
+              "name": "offline",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "The device does not answer.",
+              "attribute": "offline"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [
+            {
+              "name": "toggle",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onToggle: (on: boolean) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onTarget: (value: number) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": [
+            {
+              "name": "value",
+              "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\"."
+            },
+            {
+              "name": "status",
+              "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\"."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfVehicleCardElement",
+          "tagName": "tf-vehicle-card",
+          "description": "An electric car: charge in percent with the limit marked on the bar, range, charging state with power and when it is done, lock and climate as buttons, the inside temperature and where it is.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "fieldName": "name",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "model",
+              "fieldName": "model",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "battery",
+              "fieldName": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery (or tank) in percent."
+            },
+            {
+              "name": "range",
+              "fieldName": "range",
+              "type": {
+                "text": "number"
+              },
+              "description": "Range in km."
+            },
+            {
+              "name": "limit",
+              "fieldName": "limit",
+              "type": {
+                "text": "number"
+              },
+              "description": "The charge limit in percent, marked on the bar."
+            },
+            {
+              "name": "charging",
+              "fieldName": "charging",
+              "type": {
+                "text": "\"charging\" | \"complete\" | \"plugged\" | \"unplugged\""
+              }
+            },
+            {
+              "name": "power",
+              "fieldName": "power",
+              "type": {
+                "text": "number"
+              },
+              "description": "Charging power in kW while charging."
+            },
+            {
+              "name": "until",
+              "fieldName": "until",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "When charging reaches the limit."
+            },
+            {
+              "name": "locked",
+              "fieldName": "locked",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "inside",
+              "fieldName": "inside",
+              "type": {
+                "text": "number"
+              },
+              "description": "Inside temperature in °C."
+            },
+            {
+              "name": "climate-on",
+              "fieldName": "climateOn",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "location",
+              "fieldName": "location",
+              "type": {
+                "text": "ReactNode"
+              }
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "name"
+            },
+            {
+              "kind": "field",
+              "name": "model",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "model"
+            },
+            {
+              "kind": "field",
+              "name": "battery",
+              "type": {
+                "text": "number"
+              },
+              "description": "Battery (or tank) in percent.",
+              "attribute": "battery"
+            },
+            {
+              "kind": "field",
+              "name": "range",
+              "type": {
+                "text": "number"
+              },
+              "description": "Range in km.",
+              "attribute": "range"
+            },
+            {
+              "kind": "field",
+              "name": "limit",
+              "type": {
+                "text": "number"
+              },
+              "description": "The charge limit in percent, marked on the bar.",
+              "attribute": "limit"
+            },
+            {
+              "kind": "field",
+              "name": "charging",
+              "type": {
+                "text": "\"charging\" | \"complete\" | \"plugged\" | \"unplugged\""
+              },
+              "attribute": "charging"
+            },
+            {
+              "kind": "field",
+              "name": "power",
+              "type": {
+                "text": "number"
+              },
+              "description": "Charging power in kW while charging.",
+              "attribute": "power"
+            },
+            {
+              "kind": "field",
+              "name": "until",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "When charging reaches the limit.",
+              "attribute": "until"
+            },
+            {
+              "kind": "field",
+              "name": "locked",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "locked"
+            },
+            {
+              "kind": "field",
+              "name": "inside",
+              "type": {
+                "text": "number"
+              },
+              "description": "Inside temperature in °C.",
+              "attribute": "inside"
+            },
+            {
+              "kind": "field",
+              "name": "climateOn",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "climate-on"
+            },
+            {
+              "kind": "field",
+              "name": "location",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "location"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [
+            {
+              "name": "lock",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onLock: (locked: boolean) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "climate",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onClimate: (on: boolean) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": [
+            {
+              "name": "location",
+              "description": "Content of the `location` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfNowPlayingElement",
+          "tagName": "tf-now-playing",
+          "description": "What is playing (Spotify, a speaker, a podcast app): cover, title and artist, the device, progress with times and previous / play-pause / next.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "artist",
+              "fieldName": "artist",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "album",
+              "fieldName": "album",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "art",
+              "fieldName": "art",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Cover art: an `<img>`."
+            },
+            {
+              "name": "position",
+              "fieldName": "position",
+              "type": {
+                "text": "number"
+              },
+              "description": "Position and length in seconds."
+            },
+            {
+              "name": "duration",
+              "fieldName": "duration",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "playing",
+              "fieldName": "playing",
+              "type": {
+                "text": "boolean"
+              }
+            },
+            {
+              "name": "device",
+              "fieldName": "device",
+              "type": {
+                "text": "string"
+              },
+              "description": "Where it plays: \"Living room speaker\"."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "artist",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "artist"
+            },
+            {
+              "kind": "field",
+              "name": "album",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "album"
+            },
+            {
+              "kind": "field",
+              "name": "art",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Cover art: an `<img>`.",
+              "attribute": "art"
+            },
+            {
+              "kind": "field",
+              "name": "position",
+              "type": {
+                "text": "number"
+              },
+              "description": "Position and length in seconds.",
+              "attribute": "position"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "playing",
+              "type": {
+                "text": "boolean"
+              },
+              "attribute": "playing"
+            },
+            {
+              "kind": "field",
+              "name": "device",
+              "type": {
+                "text": "string"
+              },
+              "description": "Where it plays: \"Living room speaker\".",
+              "attribute": "device"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [
+            {
+              "name": "playpause",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onPlayPause: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "next",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onNext: () => void`; `event.detail` holds null."
+            },
+            {
+              "name": "previous",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onPrevious: () => void`; `event.detail` holds null."
+            }
+          ],
+          "slots": [
+            {
+              "name": "art",
+              "description": "Cover art: an `<img>`."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfWorkoutCardElement",
+          "tagName": "tf-workout-card",
+          "description": "One workout from Apple Fitness, Strava, Garmin or a golf app: type, time, duration, distance, calories, average heart rate and minutes in each heart-rate zone as a bar with a legend in words.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "type",
+              "fieldName": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "\"Run\", \"Ride\", \"Strength\", \"Golf\" …"
+            },
+            {
+              "name": "icon",
+              "fieldName": "icon",
+              "type": {
+                "text": "IconName"
+              }
+            },
+            {
+              "name": "date",
+              "fieldName": "date",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "duration",
+              "fieldName": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "Minutes."
+            },
+            {
+              "name": "distance",
+              "fieldName": "distance",
+              "type": {
+                "text": "number"
+              },
+              "description": "Kilometres."
+            },
+            {
+              "name": "calories",
+              "fieldName": "calories",
+              "type": {
+                "text": "number"
+              }
+            },
+            {
+              "name": "heart-rate",
+              "fieldName": "heartRate",
+              "type": {
+                "text": "number"
+              },
+              "description": "Average heart rate in bpm."
+            },
+            {
+              "name": "zones",
+              "fieldName": "zones",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Minutes in heart-rate zones 1–5."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "type",
+              "type": {
+                "text": "string"
+              },
+              "description": "\"Run\", \"Ride\", \"Strength\", \"Golf\" …",
+              "attribute": "type"
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "IconName"
+              },
+              "attribute": "icon"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "duration",
+              "type": {
+                "text": "number"
+              },
+              "description": "Minutes.",
+              "attribute": "duration"
+            },
+            {
+              "kind": "field",
+              "name": "distance",
+              "type": {
+                "text": "number"
+              },
+              "description": "Kilometres.",
+              "attribute": "distance"
+            },
+            {
+              "kind": "field",
+              "name": "calories",
+              "type": {
+                "text": "number"
+              },
+              "attribute": "calories"
+            },
+            {
+              "kind": "field",
+              "name": "heartRate",
+              "type": {
+                "text": "number"
+              },
+              "description": "Average heart rate in bpm.",
+              "attribute": "heart-rate"
+            },
+            {
+              "kind": "field",
+              "name": "zones",
+              "type": {
+                "text": "number[]"
+              },
+              "description": "Minutes in heart-rate zones 1–5.",
+              "attribute": "zones"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfCallLogElement",
+          "tagName": "tf-call-log",
+          "description": "Your calls grouped by day: incoming, outgoing and missed with time and length, and what the call was about when an assistant summarised it.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "calls",
+              "fieldName": "calls",
+              "type": {
+                "text": "CallItem[]"
+              }
+            },
+            {
+              "name": "now",
+              "fieldName": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Calls\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "calls",
+              "type": {
+                "text": "CallItem[]"
+              },
+              "attribute": "calls"
+            },
+            {
+              "kind": "field",
+              "name": "now",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "description": "\"Now\" for the day headings.",
+              "attribute": "now"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Calls\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "call",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onCall: (id: string) => void`; `event.detail` holds the argument."
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onOpen: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfReservationCardElement",
+          "tagName": "tf-reservation-card",
+          "description": "A booking or order: a stay, flight, train, ride, delivery or ticket with its dates, place, booking number and status (confirmed, pending, delayed, on the way, delivered, cancelled) plus a note like \"+25 min\".",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "kind",
+              "fieldName": "kind",
+              "type": {
+                "text": "\"stay\" | \"flight\" | \"train\" | \"ride\" | \"order\" | \"event\""
+              }
+            },
+            {
+              "name": "title",
+              "fieldName": "title",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "subtitle",
+              "fieldName": "subtitle",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\"."
+            },
+            {
+              "name": "start",
+              "fieldName": "start",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "end",
+              "fieldName": "end",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "place",
+              "fieldName": "place",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Where: an address, airport codes, a restaurant."
+            },
+            {
+              "name": "code",
+              "fieldName": "code",
+              "type": {
+                "text": "string"
+              },
+              "description": "Booking or order number."
+            },
+            {
+              "name": "status",
+              "fieldName": "status",
+              "type": {
+                "text": "\"confirmed\" | \"pending\" | \"cancelled\" | \"delayed\" | \"onTheWay\" | \"delivered\""
+              }
+            },
+            {
+              "name": "status-text",
+              "fieldName": "statusText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Extra words for the status: \"+25 min\", \"Arrives 19:40\"."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            },
+            {
+              "name": "actions",
+              "fieldName": "actions",
+              "type": {
+                "text": "ReactNode"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "kind",
+              "type": {
+                "text": "\"stay\" | \"flight\" | \"train\" | \"ride\" | \"order\" | \"event\""
+              },
+              "attribute": "kind"
+            },
+            {
+              "kind": "field",
+              "name": "title",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "title"
+            },
+            {
+              "kind": "field",
+              "name": "subtitle",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\".",
+              "attribute": "subtitle"
+            },
+            {
+              "kind": "field",
+              "name": "start",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "start"
+            },
+            {
+              "kind": "field",
+              "name": "end",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "end"
+            },
+            {
+              "kind": "field",
+              "name": "place",
+              "type": {
+                "text": "ReactNode"
+              },
+              "description": "Where: an address, airport codes, a restaurant.",
+              "attribute": "place"
+            },
+            {
+              "kind": "field",
+              "name": "code",
+              "type": {
+                "text": "string"
+              },
+              "description": "Booking or order number.",
+              "attribute": "code"
+            },
+            {
+              "kind": "field",
+              "name": "status",
+              "type": {
+                "text": "\"confirmed\" | \"pending\" | \"cancelled\" | \"delayed\" | \"onTheWay\" | \"delivered\""
+              },
+              "attribute": "status"
+            },
+            {
+              "kind": "field",
+              "name": "statusText",
+              "type": {
+                "text": "string"
+              },
+              "description": "Extra words for the status: \"+25 min\", \"Arrives 19:40\".",
+              "attribute": "status-text"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            },
+            {
+              "kind": "field",
+              "name": "actions",
+              "type": {
+                "text": "ReactNode"
+              },
+              "attribute": "actions"
+            }
+          ],
+          "events": [],
+          "slots": [
+            {
+              "name": "subtitle",
+              "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\"."
+            },
+            {
+              "name": "place",
+              "description": "Where: an address, airport codes, a restaurant."
+            },
+            {
+              "name": "actions",
+              "description": "Content of the `actions` prop."
+            }
+          ]
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfScorecardElement",
+          "tagName": "tf-scorecard",
+          "description": "A round of golf: par and strokes for each hole in the usual marks (circle for a birdie, double circle for an eagle, square for a bogey, double square for worse), putts, Out, In and the total against par.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "course",
+              "fieldName": "course",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "date",
+              "fieldName": "date",
+              "type": {
+                "text": "Date | string | number"
+              }
+            },
+            {
+              "name": "holes",
+              "fieldName": "holes",
+              "type": {
+                "text": "GolfHole[]"
+              },
+              "description": "9 or 18 holes."
+            },
+            {
+              "name": "tee",
+              "fieldName": "tee",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tee and course rating: \"Yellow · CR 71.2 / SR 128\"."
+            },
+            {
+              "name": "service",
+              "fieldName": "service",
+              "type": {
+                "text": "ServiceRef"
+              }
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "course",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "course"
+            },
+            {
+              "kind": "field",
+              "name": "date",
+              "type": {
+                "text": "Date | string | number"
+              },
+              "attribute": "date"
+            },
+            {
+              "kind": "field",
+              "name": "holes",
+              "type": {
+                "text": "GolfHole[]"
+              },
+              "description": "9 or 18 holes.",
+              "attribute": "holes"
+            },
+            {
+              "kind": "field",
+              "name": "tee",
+              "type": {
+                "text": "string"
+              },
+              "description": "Tee and course rating: \"Yellow · CR 71.2 / SR 128\".",
+              "attribute": "tee"
+            },
+            {
+              "kind": "field",
+              "name": "service",
+              "type": {
+                "text": "ServiceRef"
+              },
+              "attribute": "service"
+            }
+          ],
+          "events": [],
+          "slots": []
+        },
+        {
+          "kind": "class",
+          "customElement": true,
+          "name": "TfHoldingsListElement",
+          "tagName": "tf-holdings-list",
+          "description": "Positions in a portfolio: name and ISIN or ticker, value, change over a period (arrow, sign and colour) and the share of the portfolio as a bar.",
+          "superclass": {
+            "name": "HTMLElement"
+          },
+          "attributes": [
+            {
+              "name": "holdings",
+              "fieldName": "holdings",
+              "type": {
+                "text": "Holding[]"
+              }
+            },
+            {
+              "name": "currency",
+              "fieldName": "currency",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "period",
+              "fieldName": "period",
+              "type": {
+                "text": "string"
+              },
+              "description": "The period of `change` (\"today\", \"1 year\")."
+            },
+            {
+              "name": "label",
+              "fieldName": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Holdings\")."
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "holdings",
+              "type": {
+                "text": "Holding[]"
+              },
+              "attribute": "holdings"
+            },
+            {
+              "kind": "field",
+              "name": "currency",
+              "type": {
+                "text": "string"
+              },
+              "attribute": "currency"
+            },
+            {
+              "kind": "field",
+              "name": "period",
+              "type": {
+                "text": "string"
+              },
+              "description": "The period of `change` (\"today\", \"1 year\").",
+              "attribute": "period"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Accessible name (default \"Holdings\").",
+              "attribute": "label"
+            }
+          ],
+          "events": [
+            {
+              "name": "select",
+              "type": {
+                "text": "CustomEvent"
+              },
+              "description": "From `onSelect: (id: string) => void`; `event.detail` holds the argument."
+            }
+          ],
+          "slots": []
+        },
         {
           "kind": "class",
           "customElement": true,
@@ -25651,6 +29560,254 @@
             "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-service-mark",
+          "declaration": {
+            "name": "TfServiceMarkElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-connector-gallery",
+          "declaration": {
+            "name": "TfConnectorGalleryElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-connection-list",
+          "declaration": {
+            "name": "TfConnectionListElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-sync-status",
+          "declaration": {
+            "name": "TfSyncStatusElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-agent-activity",
+          "declaration": {
+            "name": "TfAgentActivityElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-device-tile",
+          "declaration": {
+            "name": "TfDeviceTileElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-vehicle-card",
+          "declaration": {
+            "name": "TfVehicleCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-now-playing",
+          "declaration": {
+            "name": "TfNowPlayingElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-workout-card",
+          "declaration": {
+            "name": "TfWorkoutCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-call-log",
+          "declaration": {
+            "name": "TfCallLogElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-reservation-card",
+          "declaration": {
+            "name": "TfReservationCardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-scorecard",
+          "declaration": {
+            "name": "TfScorecardElement",
+            "module": "dist/elements.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "tf-holdings-list",
+          "declaration": {
+            "name": "TfHoldingsListElement",
+            "module": "dist/elements.js"
+          }
+        },
         {
           "kind": "custom-element-definition",
           "name": "tf-agent-card",