@twentyfirstmedia/elements 0.6.0 → 0.7.0

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

@@ -1025,6 +1025,670 @@
         }
       ]
     },
+    {
+      "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-agent-card",
       "description": "One agent at a glance (AgentCard) and everything about it beside a chat (AgentDetails).",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@twentyfirstmedia/elements",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "Every Twentyfirst UI component as a custom element: <tf-button>, <tf-data-table> … for plain HTML, Vue, Svelte, Angular, Astro and server templates.",
   "license": "MIT",
   "author": "Twentyfirst Media (https://twentyfirst.media)",
@@ -54,7 +54,7 @@
     "dist"
   ],
   "devDependencies": {
-    "@twentyfirstmedia/ui-core": "0.6.0",
+    "@twentyfirstmedia/ui-core": "0.7.0",
     "@types/node": "26.6.6",
     "@types/react": "19.3.0",
     "@types/react-dom": "19.3.0",