@twentyfirstmedia/elements 0.6.0 → 0.8.0

package/dist/vscode.html-custom-data.json

@@ -1025,6 +1025,1310 @@
         }
       ]
     },
+    {
+      "name": "tf-habit-tracker",
+      "description": "Habits with their last days as a row of marks: done, missed or no entry, today's mark a toggle.",
+      "attributes": [
+        {
+          "name": "habits",
+          "description": "(Habit[])"
+        },
+        {
+          "name": "day-labels",
+          "description": "Labels of the day columns, oldest first (default: weekday initials ending today). (string[])"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name of the list (default \"Habits\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/HabitTracker/"
+        }
+      ]
+    },
+    {
+      "name": "tf-mood-picker",
+      "description": "A five-step mood scale with faces and words, as a radio group.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "(MoodLevel | null)"
+        },
+        {
+          "name": "default-value",
+          "description": "(MoodLevel | null)"
+        },
+        {
+          "name": "label",
+          "description": "The question (default \"How are you feeling?\"). (ReactNode)"
+        },
+        {
+          "name": "levels",
+          "description": "Words for the five levels, lowest first (default Awful, Low, Okay, Good, Great). ([string, string, string, string, string])"
+        },
+        {
+          "name": "compact",
+          "description": "Only the faces; the words stay as accessible names. (boolean)",
+          "valueSet": "v"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/MoodPicker/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "label",
+          "description": "(string)"
+        },
+        {
+          "name": "value",
+          "description": "(number)"
+        },
+        {
+          "name": "unit",
+          "description": "(string)"
+        },
+        {
+          "name": "icon",
+          "description": "(IconName)"
+        },
+        {
+          "name": "normal",
+          "description": "The healthy range [low, high]; the tile says whether the value is below, in or above it. ([number, number])"
+        },
+        {
+          "name": "scale",
+          "description": "The whole scale of the band [min, max] (default: the normal range with room on both sides). ([number, number])"
+        },
+        {
+          "name": "trend",
+          "description": "Recent values, oldest first, drawn as a sparkline. (number[])"
+        },
+        {
+          "name": "caption",
+          "description": "Under the value: when it was measured, the source … (ReactNode)"
+        },
+        {
+          "name": "digits",
+          "description": "Digits after the decimal point (default 0). (number)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/VitalTile/"
+        }
+      ]
+    },
+    {
+      "name": "tf-activity-rings",
+      "description": "Concentric progress rings for daily goals (move, exercise, stand, steps, water) with a legend.",
+      "attributes": [
+        {
+          "name": "rings",
+          "description": "Outer ring first. (ActivityRing[])"
+        },
+        {
+          "name": "size",
+          "description": "Diameter of the rings (default 132). (number)"
+        },
+        {
+          "name": "legend",
+          "description": "Hide the legend beside the rings. (boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Activity\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ActivityRings/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "segments",
+          "description": "The night in order, from falling asleep to getting up. (SleepSegment[])"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Sleep stages\"). (string)"
+        },
+        {
+          "name": "summary",
+          "description": "Hide the totals per stage under the chart. (boolean)",
+          "valueSet": "v"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/SleepChart/"
+        }
+      ]
+    },
+    {
+      "name": "tf-medication-list",
+      "description": "Today's doses in order, each with its time, name, dose, a status in words and a \"taken\" button.",
+      "attributes": [
+        {
+          "name": "items",
+          "description": "(MedicationItem[])"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Medication\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/MedicationList/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "date",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "mood",
+          "description": "(MoodLevel)"
+        },
+        {
+          "name": "tags",
+          "description": "(string[])"
+        },
+        {
+          "name": "actions",
+          "description": "Buttons at the end (edit, share …). (ReactNode)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/JournalEntry/"
+        }
+      ]
+    },
+    {
+      "name": "tf-goal-card",
+      "description": "A goal with its progress toward a target, a due date, milestones and a note.",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "value",
+          "description": "(number)"
+        },
+        {
+          "name": "target",
+          "description": "(number)"
+        },
+        {
+          "name": "format",
+          "description": "How to show value and target (default number). (\"number\" | \"money\" | \"percent\")",
+          "values": [
+            {
+              "name": "number"
+            },
+            {
+              "name": "money"
+            },
+            {
+              "name": "percent"
+            }
+          ]
+        },
+        {
+          "name": "unit",
+          "description": "Unit after numbers (\"km\", \"books\"). (string)"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "due",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "icon",
+          "description": "(IconName)"
+        },
+        {
+          "name": "tint",
+          "description": "(Tint)"
+        },
+        {
+          "name": "milestones",
+          "description": "({ label: string; done?: boolean }[])"
+        },
+        {
+          "name": "note",
+          "description": "A note under the progress (\"€250 a month keeps you on track\"). (ReactNode)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/GoalCard/"
+        }
+      ]
+    },
+    {
+      "name": "tf-insight-card",
+      "description": "Something the assistant noticed: what, where it comes from, why it is shown and what to do.",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "icon",
+          "description": "(IconName)"
+        },
+        {
+          "name": "tone",
+          "description": "(\"info\" | \"success\" | \"warning\" | \"highlight\")",
+          "values": [
+            {
+              "name": "info"
+            },
+            {
+              "name": "success"
+            },
+            {
+              "name": "warning"
+            },
+            {
+              "name": "highlight"
+            }
+          ]
+        },
+        {
+          "name": "meta",
+          "description": "Above the title: area and time (\"Money · 2 h ago\"). (ReactNode)"
+        },
+        {
+          "name": "sources",
+          "description": "Where the insight comes from, as chips (like chat sources). (Source[])"
+        },
+        {
+          "name": "why",
+          "description": "Why the assistant shows it; folded away behind \"Why am I seeing this?\". (ReactNode)"
+        },
+        {
+          "name": "accept-label",
+          "description": "(string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/InsightCard/"
+        }
+      ]
+    },
+    {
+      "name": "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\".",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "connectors",
+          "description": "(ConsentConnector[])"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Data access\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ConsentList/"
+        }
+      ]
+    },
+    {
+      "name": "tf-budget-list",
+      "description": "Spending per category against its limit: spent and limit, a bar, and what is left or over in words.",
+      "attributes": [
+        {
+          "name": "categories",
+          "description": "(BudgetCategory[])"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Budgets\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/BudgetList/"
+        }
+      ]
+    },
+    {
+      "name": "tf-subscription-list",
+      "description": "Recurring payments with their next charge, trial and cancelled states, and what they cost together a month and a year.",
+      "attributes": [
+        {
+          "name": "items",
+          "description": "(Subscription[])"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "totals",
+          "description": "Hide the monthly and yearly totals. (boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Subscriptions\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/SubscriptionList/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "assets",
+          "description": "({ label: string; value: number; icon?: IconName }[])"
+        },
+        {
+          "name": "liabilities",
+          "description": "({ label: string; value: number; icon?: IconName }[])"
+        },
+        {
+          "name": "history",
+          "description": "Net worth over time, oldest first. (number[])"
+        },
+        {
+          "name": "change",
+          "description": "Change over `changeLabel` (e.g. +1,240 \"since October\"). (number)"
+        },
+        {
+          "name": "change-label",
+          "description": "(string)"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/NetWorthCard/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "items",
+          "description": "(DeadlineItem[])"
+        },
+        {
+          "name": "today",
+          "description": "The day to count from (default: now). Set it for server rendering and stable output. (Date | string | number)"
+        },
+        {
+          "name": "soon",
+          "description": "Days ahead that count as soon (default 14). (number)"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Deadlines\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/DeadlineList/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "surface",
+          "description": "`\"glass\"`: translucent glass over a backdrop (`Ambient`, a photo, a map); `\"solid\"` opts out inside a glass `UIProvider`. (Surface)"
+        },
+        {
+          "name": "type",
+          "description": "The kind of insurance: \"Household contents\", \"Liability\" … (string)"
+        },
+        {
+          "name": "insurer",
+          "description": "(string)"
+        },
+        {
+          "name": "icon",
+          "description": "(IconName)"
+        },
+        {
+          "name": "tint",
+          "description": "(Tint)"
+        },
+        {
+          "name": "policy-number",
+          "description": "(string)"
+        },
+        {
+          "name": "mask-number",
+          "description": "Show only the last four characters of the policy number. (boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "coverage",
+          "description": "Sum insured: a number (money) or text (\"unlimited\"). (number | ReactNode)"
+        },
+        {
+          "name": "premium",
+          "description": "({ amount: number; period: \"month\" | \"quarter\" | \"year\" })"
+        },
+        {
+          "name": "deductible",
+          "description": "(number)"
+        },
+        {
+          "name": "renews",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "status",
+          "description": "(\"active\" | \"pending\" | \"expiring\" | \"lapsed\")",
+          "values": [
+            {
+              "name": "active"
+            },
+            {
+              "name": "pending"
+            },
+            {
+              "name": "expiring"
+            },
+            {
+              "name": "lapsed"
+            }
+          ]
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "actions",
+          "description": "Buttons at the foot (documents, report a claim …). (ReactNode)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/PolicyCard/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "rows",
+          "description": "(CoverageRow[])"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name and caption (default \"Coverage\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/CoverageMatrix/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "meta",
+          "description": "Reference and insurer under the title. (ReactNode)"
+        },
+        {
+          "name": "amount",
+          "description": "(number)"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "steps",
+          "description": "(ClaimStep[])"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ClaimTimeline/"
+        }
+      ]
+    },
+    {
+      "name": "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\".",
+      "attributes": [
+        {
+          "name": "documents",
+          "description": "(LifeDocument[])"
+        },
+        {
+          "name": "today",
+          "description": "The day to count expiry from (default: now). (Date | string | number)"
+        },
+        {
+          "name": "soon",
+          "description": "Days ahead that count as expiring soon (default 60). (number)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Documents\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/DocumentList/"
+        }
+      ]
+    },
+    {
+      "name": "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).",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The service's name: the accessible name, and the monogram when there is no icon or logo. (string)"
+        },
+        {
+          "name": "icon",
+          "description": "A brand logo (`brandGmail` …) or a line icon. (IconName)"
+        },
+        {
+          "name": "logo",
+          "description": "Your own logo (an `<img>` or `<svg>`) instead of the icon. (ReactNode)"
+        },
+        {
+          "name": "monogram",
+          "description": "Letters for the monogram (default: the initials of `name`). (string)"
+        },
+        {
+          "name": "size",
+          "description": "24, 36 (default) or 48 px. (\"sm\" | \"md\" | \"lg\")",
+          "values": [
+            {
+              "name": "sm"
+            },
+            {
+              "name": "md"
+            },
+            {
+              "name": "lg"
+            }
+          ]
+        },
+        {
+          "name": "tint",
+          "description": "(Tint | \"plain\")"
+        },
+        {
+          "name": "status",
+          "description": "A dot in the corner with the state in words for screen readers. (ServiceState)"
+        },
+        {
+          "name": "decorative",
+          "description": "Hidden from screen readers when the name is written next to it. (boolean)",
+          "valueSet": "v"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ServiceMark/"
+        }
+      ]
+    },
+    {
+      "name": "tf-connector-gallery",
+      "description": "Every service an assistant can connect to, grouped by category, with a search field and category chips.",
+      "attributes": [
+        {
+          "name": "connectors",
+          "description": "(Connector[])"
+        },
+        {
+          "name": "categories",
+          "description": "Order of the groups; categories not listed follow in the order they appear. (string[])"
+        },
+        {
+          "name": "filters",
+          "description": "A search field and category chips above the grid (default true). (boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Connectors\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ConnectorGallery/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "items",
+          "description": "(ConnectionItem[])"
+        },
+        {
+          "name": "now",
+          "description": "\"Now\" for the relative times; pass it so server and client render the same. (Date | string | number)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Connections\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ConnectionList/"
+        }
+      ]
+    },
+    {
+      "name": "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\".",
+      "attributes": [
+        {
+          "name": "state",
+          "description": "(\"synced\" | \"syncing\" | \"error\" | \"paused\" | \"never\")",
+          "values": [
+            {
+              "name": "synced"
+            },
+            {
+              "name": "syncing"
+            },
+            {
+              "name": "error"
+            },
+            {
+              "name": "paused"
+            },
+            {
+              "name": "never"
+            }
+          ]
+        },
+        {
+          "name": "last",
+          "description": "The last successful sync. (Date | string | number)"
+        },
+        {
+          "name": "next",
+          "description": "The next planned sync. (Date | string | number)"
+        },
+        {
+          "name": "now",
+          "description": "\"Now\" for the relative times; pass it so server and client render the same. (Date | string | number)"
+        },
+        {
+          "name": "counts",
+          "description": "What the last sync brought: `{ label: \"emails\", value: 1204 }`. ({ label: string; value: number }[])"
+        },
+        {
+          "name": "error",
+          "description": "Why the sync failed. (ReactNode)"
+        },
+        {
+          "name": "compact",
+          "description": "One line: state and time only. (boolean)",
+          "valueSet": "v"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/SyncStatus/"
+        }
+      ]
+    },
+    {
+      "name": "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",
+      "attributes": [
+        {
+          "name": "items",
+          "description": "(AgentAction[])"
+        },
+        {
+          "name": "now",
+          "description": "\"Now\" for the day headings; pass it so server and client render the same. (Date | string | number)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Agent activity\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/AgentActivity/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "(string)"
+        },
+        {
+          "name": "room",
+          "description": "(string)"
+        },
+        {
+          "name": "icon",
+          "description": "(IconName)"
+        },
+        {
+          "name": "kind",
+          "description": "The kind sets the default icon and which controls appear. (\"switch\" | \"light\" | \"thermostat\" | \"vacuum\" | \"purifier\" | \"camera\" | \"lock\" | \"sensor\")",
+          "values": [
+            {
+              "name": "switch"
+            },
+            {
+              "name": "light"
+            },
+            {
+              "name": "thermostat"
+            },
+            {
+              "name": "vacuum"
+            },
+            {
+              "name": "purifier"
+            },
+            {
+              "name": "camera"
+            },
+            {
+              "name": "lock"
+            },
+            {
+              "name": "sensor"
+            }
+          ]
+        },
+        {
+          "name": "on",
+          "description": "On or off; with `onToggle` a switch. (boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "value",
+          "description": "The main reading: \"21.5 °C\", \"Cleaning\", \"AQI 12\". (ReactNode)"
+        },
+        {
+          "name": "status",
+          "description": "A line under the value: \"Heating to 22 °C\", \"Kitchen · 18 m² left\". (ReactNode)"
+        },
+        {
+          "name": "target",
+          "description": "Thermostat target in °C; with `onTarget` a − / + stepper (steps of `step`, default 0.5). (number)"
+        },
+        {
+          "name": "step",
+          "description": "(number)"
+        },
+        {
+          "name": "battery",
+          "description": "Battery in percent (vacuums, sensors, locks). (number)"
+        },
+        {
+          "name": "actions",
+          "description": "Quick actions: \"Start\", \"Dock\", \"Boost\". ({ label: string; icon?: IconName; onClick?: () => void }[])"
+        },
+        {
+          "name": "offline",
+          "description": "The device does not answer. (boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "service",
+          "description": "(ServiceRef)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/DeviceTile/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "(string)"
+        },
+        {
+          "name": "model",
+          "description": "(string)"
+        },
+        {
+          "name": "battery",
+          "description": "Battery (or tank) in percent. (number)"
+        },
+        {
+          "name": "range",
+          "description": "Range in km. (number)"
+        },
+        {
+          "name": "limit",
+          "description": "The charge limit in percent, marked on the bar. (number)"
+        },
+        {
+          "name": "charging",
+          "description": "(\"charging\" | \"complete\" | \"plugged\" | \"unplugged\")",
+          "values": [
+            {
+              "name": "charging"
+            },
+            {
+              "name": "complete"
+            },
+            {
+              "name": "plugged"
+            },
+            {
+              "name": "unplugged"
+            }
+          ]
+        },
+        {
+          "name": "power",
+          "description": "Charging power in kW while charging. (number)"
+        },
+        {
+          "name": "until",
+          "description": "When charging reaches the limit. (Date | string | number)"
+        },
+        {
+          "name": "locked",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "inside",
+          "description": "Inside temperature in °C. (number)"
+        },
+        {
+          "name": "climate-on",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "location",
+          "description": "(ReactNode)"
+        },
+        {
+          "name": "service",
+          "description": "(ServiceRef)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/VehicleCard/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "artist",
+          "description": "(string)"
+        },
+        {
+          "name": "album",
+          "description": "(string)"
+        },
+        {
+          "name": "art",
+          "description": "Cover art: an `<img>`. (ReactNode)"
+        },
+        {
+          "name": "position",
+          "description": "Position and length in seconds. (number)"
+        },
+        {
+          "name": "duration",
+          "description": "(number)"
+        },
+        {
+          "name": "playing",
+          "description": "(boolean)",
+          "valueSet": "v"
+        },
+        {
+          "name": "device",
+          "description": "Where it plays: \"Living room speaker\". (string)"
+        },
+        {
+          "name": "service",
+          "description": "(ServiceRef)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/NowPlaying/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "\"Run\", \"Ride\", \"Strength\", \"Golf\" … (string)"
+        },
+        {
+          "name": "icon",
+          "description": "(IconName)"
+        },
+        {
+          "name": "date",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "duration",
+          "description": "Minutes. (number)"
+        },
+        {
+          "name": "distance",
+          "description": "Kilometres. (number)"
+        },
+        {
+          "name": "calories",
+          "description": "(number)"
+        },
+        {
+          "name": "heart-rate",
+          "description": "Average heart rate in bpm. (number)"
+        },
+        {
+          "name": "zones",
+          "description": "Minutes in heart-rate zones 1–5. (number[])"
+        },
+        {
+          "name": "service",
+          "description": "(ServiceRef)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/WorkoutCard/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "calls",
+          "description": "(CallItem[])"
+        },
+        {
+          "name": "now",
+          "description": "\"Now\" for the day headings. (Date | string | number)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Calls\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/CallLog/"
+        }
+      ]
+    },
+    {
+      "name": "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\".",
+      "attributes": [
+        {
+          "name": "kind",
+          "description": "(\"stay\" | \"flight\" | \"train\" | \"ride\" | \"order\" | \"event\")",
+          "values": [
+            {
+              "name": "stay"
+            },
+            {
+              "name": "flight"
+            },
+            {
+              "name": "train"
+            },
+            {
+              "name": "ride"
+            },
+            {
+              "name": "order"
+            },
+            {
+              "name": "event"
+            }
+          ]
+        },
+        {
+          "name": "title",
+          "description": "(string)"
+        },
+        {
+          "name": "subtitle",
+          "description": "\"Hotel Atlantic · 2 nights\", \"LH 2024 · Seat 14A\". (ReactNode)"
+        },
+        {
+          "name": "start",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "end",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "place",
+          "description": "Where: an address, airport codes, a restaurant. (ReactNode)"
+        },
+        {
+          "name": "code",
+          "description": "Booking or order number. (string)"
+        },
+        {
+          "name": "status",
+          "description": "(\"confirmed\" | \"pending\" | \"cancelled\" | \"delayed\" | \"onTheWay\" | \"delivered\")",
+          "values": [
+            {
+              "name": "confirmed"
+            },
+            {
+              "name": "pending"
+            },
+            {
+              "name": "cancelled"
+            },
+            {
+              "name": "delayed"
+            },
+            {
+              "name": "onTheWay"
+            },
+            {
+              "name": "delivered"
+            }
+          ]
+        },
+        {
+          "name": "status-text",
+          "description": "Extra words for the status: \"+25 min\", \"Arrives 19:40\". (string)"
+        },
+        {
+          "name": "service",
+          "description": "(ServiceRef)"
+        },
+        {
+          "name": "actions",
+          "description": "(ReactNode)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/ReservationCard/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "course",
+          "description": "(string)"
+        },
+        {
+          "name": "date",
+          "description": "(Date | string | number)"
+        },
+        {
+          "name": "holes",
+          "description": "9 or 18 holes. (GolfHole[])"
+        },
+        {
+          "name": "tee",
+          "description": "Tee and course rating: \"Yellow · CR 71.2 / SR 128\". (string)"
+        },
+        {
+          "name": "service",
+          "description": "(ServiceRef)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/Scorecard/"
+        }
+      ]
+    },
+    {
+      "name": "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.",
+      "attributes": [
+        {
+          "name": "holdings",
+          "description": "(Holding[])"
+        },
+        {
+          "name": "currency",
+          "description": "(string)"
+        },
+        {
+          "name": "period",
+          "description": "The period of `change` (\"today\", \"1 year\"). (string)"
+        },
+        {
+          "name": "label",
+          "description": "Accessible name (default \"Holdings\"). (string)"
+        }
+      ],
+      "references": [
+        {
+          "name": "Docs",
+          "url": "https://ui.twentyfirst.media/halo/components/HoldingsList/"
+        }
+      ]
+    },
     {
       "name": "tf-agent-card",
       "description": "One agent at a glance (AgentCard) and everything about it beside a chat (AgentDetails).",