@uni-design-system/uni-mcp 10.4.0 → 11.1.0

package/dist/{chunk-QZ5TESCY.js → chunk-G5LYVS3L.js}

@@ -7,16 +7,16 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "10.4.0",
-    builtAt: "2026-09-04T18:00:08.990Z",
+    version: "11.1.0",
+    builtAt: "2026-09-10T16:48:25.514Z",
     frameworks: [
       "angular"
     ],
     counts: {
-      components: 84,
-      tokens: 458,
+      components: 86,
+      tokens: 485,
       themes: 2,
-      examples: 229
+      examples: 238
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -117,7 +117,7 @@ var uni_index_default = {
       summary: "Horizontal application bar: project leading controls (menu button, logo) with the `leading` attribute, actions with `trailing` (pushed to the far edge), and either pass `title` or project custom center content.",
       description: "Horizontal application bar: project leading controls (menu button, logo) with the `leading` attribute, actions with `trailing` (pushed to the far edge), and either pass `title` or project custom center content. Surface, divider, height, typography and spacing all resolve from `appBar` tokens. Place it inside your page's `<header>` landmark.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -190,7 +190,7 @@ var uni_index_default = {
       summary: "Identity avatar with a graceful fallback chain: image \u2192 initials from `name` \u2192 themed symbol.",
       description: "Identity avatar with a graceful fallback chain: image \u2192 initials from `name` \u2192 themed symbol. Coloring, radius, typeface and sizes all resolve from `avatar` theme tokens; `variant` picks the container palette.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -275,7 +275,7 @@ var uni_index_default = {
       relatedTokens: [
         "avatar.behavior.borderRadius",
         "avatar.behavior.typeface",
-        "avatar.behavior.fallbackSymbol"
+        "avatar.behavior.fallbackIcon"
       ]
     },
     {
@@ -285,7 +285,7 @@ var uni_index_default = {
       summary: "Overlapping stack of avatars.",
       description: "Overlapping stack of avatars. `max` collapses the overflow into a themed \u201C+N\u201D chip (itself a `uni-avatar`). Overlap and separator ring resolve from `avatarGroup` theme tokens.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -334,7 +334,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -415,7 +415,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -512,7 +512,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -536,7 +536,7 @@ var uni_index_default = {
       summary: 'The base layout primitive, applied as an attribute to any element so semantics stay yours: `<main box-layout [grow]="1" padding="md">`.',
       description: 'The base layout primitive, applied as an attribute to any element so semantics stay yours: `<main box-layout [grow]="1" padding="md">`. It is a directive, so it composes freely \u2014 with another layout attribute (`<div stack-layout uni-text="body-1-long">`) and with a component\'s own host element (`<uni-card box-layout padding="lg">`); Angular merges the host `class` bindings rather than letting one win. Sizing convention (height/width/min/max/inset): a **number is px and needs a binding** \u2014 `[height]="420"`; a **plain attribute is a CSS length string** \u2014 `height="420px"`. Spacing/radius/color inputs take theme tokens.',
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -942,7 +942,7 @@ var uni_index_default = {
       summary: 'WAI-ARIA breadcrumb: a `nav` landmark wrapping an ordered list; the last item is the current page (`aria-current="page"`), separators are decorative.',
       description: 'WAI-ARIA breadcrumb: a `nav` landmark wrapping an ordered list; the last item is the current page (`aria-current="page"`), separators are decorative. Items with `href` render as real links; without one they render as link-styled buttons emitting `itemClicked` \u2014 wire that to your router.',
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1016,7 +1016,7 @@ var uni_index_default = {
         "breadcrumb.behavior.typeface",
         "breadcrumb.behavior.color",
         "breadcrumb.behavior.currentColor",
-        "breadcrumb.behavior.separatorSymbol",
+        "breadcrumb.behavior.separatorIcon",
         "breadcrumb.behavior.gap"
       ]
     },
@@ -1027,7 +1027,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1176,7 +1176,8 @@ var uni_index_default = {
       },
       relatedTokens: [
         "button.behavior.borderRadius",
-        "button.behavior.typeface"
+        "button.behavior.typeface",
+        "button.behavior.motion"
       ]
     },
     {
@@ -1186,7 +1187,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1218,7 +1219,7 @@ var uni_index_default = {
       summary: "Inline month calendar: single-date or start\u2013end range selection, day markers (availability dots), min/max fences and disabled dates.",
       description: "Inline month calendar: single-date or start\u2013end range selection, day markers (availability dots), min/max fences and disabled dates. One tab stop with a roving-tabindex `role=\"grid\"`; every day is a real button named with its full date. Values are plain ISO strings (`'YYYY-MM-DD'`), never `Date` objects, so bindings are timezone-free and serializable. Selection and today colours come from the theme's `primary` role pair; geometry and glyphs come from the `calendar` theme entry.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1247,6 +1248,13 @@ var uni_index_default = {
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -1438,8 +1446,8 @@ var uni_index_default = {
         "calendar.behavior.dayBorderRadius",
         "calendar.behavior.typeface",
         "calendar.behavior.gap",
-        "calendar.behavior.navPrevSymbol",
-        "calendar.behavior.navNextSymbol",
+        "calendar.behavior.navPrevIcon",
+        "calendar.behavior.navNextIcon",
         "calendar.behavior.weekdayFormat",
         "calendar.behavior.showOutsideDays",
         "calendar.behavior.todayStyle"
@@ -1452,7 +1460,7 @@ var uni_index_default = {
       summary: "Anchored coach-mark panel that dims the page and cuts a spotlight hole around its target.",
       description: 'Anchored coach-mark panel that dims the page and cuts a spotlight hole around its target. Both the scrim and the panel are `popover="manual"` elements shown in order, so they stack deterministically in the top layer above every app z-index, and every scrim piece is CSS-anchor-positioned to the target \u2014 the hole tracks scroll/resize/layout with zero listeners. The panel is a non-modal `role="dialog"` (deliberately no `aria-modal`): focus moves into it on open, Tab runs a "duet loop" over the panel\'s focusables plus the spotlit target while it stays interactive, and on close focus returns to the pre-open element \u2014 unless the user moved into the target, where it stays. Storage-free by rule: `key` and the `dismissed` output are the "don\'t show again" hooks; persistence is the app\'s business (e.g. cdk local-storage).',
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1655,7 +1663,7 @@ var uni_index_default = {
         "callout.behavior.padding",
         "callout.behavior.headerTypeface",
         "callout.behavior.typeface",
-        "callout.behavior.closeSymbol",
+        "callout.behavior.closeIcon",
         "callout.behavior.arrowSize",
         "callout.behavior.offset",
         "callout.behavior.scrimColor",
@@ -1672,7 +1680,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1734,7 +1742,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1775,7 +1783,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1832,7 +1840,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1887,7 +1895,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1917,6 +1925,13 @@ var uni_index_default = {
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -2050,6 +2065,7 @@ var uni_index_default = {
         ]
       },
       relatedTokens: [
+        "checkbox.behavior.motion",
         "checkbox.behavior.size",
         "checkbox.behavior.boxColor",
         "checkbox.behavior.borderRadius",
@@ -2063,7 +2079,7 @@ var uni_index_default = {
       summary: "Form-bound, closed-set, single-select autocomplete: `FormValueControl<T | null>` over object `Options<T>`, type-to-filter, commit-on-select.",
       description: "Form-bound, closed-set, single-select autocomplete: `FormValueControl<T | null>` over object `Options<T>`, type-to-filter, commit-on-select. Typing produces a draft \u2014 a filter, never a value; the value changes only when an option commits, `clear()` runs, or the model is written from outside. Select semantics, not search: a real label, a chevron, no magnifier, nothing submits. For short lists with no need to type, prefer `uni-select` \u2014 the value contract is identical, so swapping is a template-only change.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2093,6 +2109,13 @@ var uni_index_default = {
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -2342,7 +2365,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2389,7 +2412,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2488,7 +2511,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "data",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2728,7 +2751,7 @@ emptyText="No countries found"
       summary: "Date field with free-typed parsing and a popup calendar.",
       description: "Date field with free-typed parsing and a popup calendar. Type `aug 20`, `8/20/2026` or `2026-08-20`, or pick from the grid \u2014 the form gets the same canonical `'YYYY-MM-DD'` string either way. Parsing is `Intl`-driven (locale digit order and month names, never hardcoded); unreadable text stays in the field, flagged, with a `rejected` event. The popup is a native popover hosting the same `uni-calendar` an app could render inline.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2757,6 +2780,13 @@ emptyText="No countries found"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -2952,7 +2982,7 @@ emptyText="No countries found"
       summary: "One field for a date and a time: a thin composer seating a uni-date-input and a uni-time-input in one input-box chrome under one label, yielding one combined `'YYYY-MM-DDTHH:mm'` value.",
       description: "One field for a date and a time: a thin composer seating a uni-date-input and a uni-time-input in one input-box chrome under one label, yielding one combined `'YYYY-MM-DDTHH:mm'` value. The value emits only when both parts are set \u2014 a time without a day is not an answer \u2014 and clearing the date clears it. With `slotsFor`, the time part stays disabled until a day is chosen and offers exactly that day's slots: the scheduling flow in one attribute. Two honest tab stops (it is two questions); apps needing a different arrangement compose the primitives directly.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2981,6 +3011,13 @@ emptyText="No countries found"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -3138,7 +3175,7 @@ emptyText="No countries found"
       summary: "Text input that emits `change` only after the user pauses typing.",
       description: "Text input that emits `change` only after the user pauses typing. Wears the shared input chrome (themed color, border, typeface, focus ring) via `uni-input-box`; project adornments with the `pre-input` / `post-input` slots, matching `uni-input`'s convention. The ARIA passthrough inputs let a wrapping composite (e.g. SearchInput's combobox) annotate the real input element.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3286,7 +3323,7 @@ emptyText="No countries found"
       summary: "Modal dialog on the native `<dialog>` element, laid out as three rows: an optional `[dialog-header]`, the projected body, an optional `[dialog-buttons]`.",
       description: "Modal dialog on the native `<dialog>` element, laid out as three rows: an optional `[dialog-header]`, the projected body, an optional `[dialog-buttons]`. **The surface is never the scroll container.** It is a flex column that is `overflow: clip` on both axes; the header and buttons pin while only the body row scrolls. Unlike the drawer, which is deliberately viewport-tall, the dialog stays content-sized: it has no `height`, and grows until it hits `calc(100dvh - 2 x inset)` \u2014 the point at which the body starts to scroll. The theme's `padding` insets all three rows (which is what makes the default header read as a pill floating inside the surface); `bodyPadding` pads the scrolling row alone.",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3439,7 +3476,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3543,7 +3580,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3584,7 +3621,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3640,7 +3677,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "directives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3672,7 +3709,7 @@ uni-dialog
       summary: "Drawer with two modes sharing one three-row layout: - `side` \u2014 an in-flow `<aside>` that pushes content (dashboard sidenav); opening/closing animates its width, and the divider border primitive separates it from the page.",
       description: "Drawer with two modes sharing one three-row layout: - `side` \u2014 an in-flow `<aside>` that pushes content (dashboard sidenav); opening/closing animates its width, and the divider border primitive separates it from the page. - `over` \u2014 a native `<dialog>` in the top layer: focus trap, Escape and scrim backdrop come from the platform (same machinery as `uni-dialog`), sliding in from its edge. **The panel is never the scroll container.** It is a flex column of three rows \u2014 an optional `[uni-drawer-header]`, the projected body, an optional `[uni-drawer-buttons]` \u2014 and only the body scrolls. The panel itself is `overflow: clip` on both axes. That is what lets a header and a save bar pin while a long form scrolls between them, and it is why the theme's `padding` option lands on the body row rather than the panel: padding on a scrolling box scrolls away with its content. Surface, width, divider, elevation, padding, backdrop, scrim and background all resolve from `drawer` theme tokens.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3863,7 +3900,7 @@ initialFocus="input"
       summary: "The drawer's pinned footer action row \u2014 the save bar of an editor panel.",
       description: "The drawer's pinned footer action row \u2014 the save bar of an editor panel. Sits outside the scrolling body, so the actions stay reachable however long the form is. Mirrors `[dialog-buttons]`; the difference is posture, which lives in the `drawerButtons` theme options rather than here.",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3960,7 +3997,7 @@ initialFocus="input"
       summary: "The drawer's pinned header row: a title, and optionally a close button.",
       description: "The drawer's pinned header row: a title, and optionally a close button. Sits outside the scrolling body, so it stays put while the form beneath it moves. Reached either by projecting it \u2014 `<div uni-drawer-header>` \u2014 or implicitly, by giving `uni-drawer` a `headline`, in which case the drawer renders one of these itself.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4008,7 +4045,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4142,7 +4179,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4246,7 +4283,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4317,7 +4354,7 @@ initialFocus="input"
       summary: "Trigger for a {@link UniExpandComponent} region.",
       description: "Trigger for a {@link UniExpandComponent} region. Two shapes, chosen by whether `label` is set: - **Icon only** (default) \u2014 the bare chevron, sized for a Card Header. - **Labelled** \u2014 chevron plus a label and optional muted sublabel, as a single full-width button. Most real disclosures need a name for the section, and building that row by hand is the thing this saves; it also makes the label the button's accessible name rather than adjacent text.",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4402,7 +4439,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4560,7 +4597,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4657,7 +4694,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4689,7 +4726,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4749,7 +4786,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4845,6 +4882,121 @@ initialFocus="input"
       },
       relatedTokens: []
     },
+    {
+      id: "inline-button",
+      name: "InlineButton",
+      status: "stable",
+      summary: "A button that lives inside a sentence.",
+      description: "A button that lives inside a sentence. Every other button in the library owns a box. Even `ghost` is a flex box with a hit area, horizontal padding and a type scale of its own, so dropping one into a sentence takes it out of the run of text entirely. This one inherits that type \u2014 family, size, weight, line height and colour \u2014 and adds no padding, so a paragraph reads as one continuous run with an action in the middle of it. It is always a real `<button>`: it can *look* like a link (`underline`, `link`) without claiming to be navigation, so Enter and Space activate it and assistive tech announces a button rather than an unfollowable link. A glyph may sit alongside the label without disturbing that: it is sized in `em`, so it scales with the type it lands in rather than pinning a px size into someone else's paragraph. One limit comes from the element itself. Browsers blockify a `<button>` to `inline-block` whatever `display` it asks for, so the control is an atomic inline box: its own label wraps inside it, but the run cannot split across a line break the way the words around it do. `display: contents` would buy that at the cost of the button being focusable at all, which is not a trade worth making \u2014 keep labels to a few words, which is what an inline action wants anyway.",
+      category: "primitives",
+      version: "11.1.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "button[uni-inline-button], button[inline-button]",
+          api: [
+            {
+              name: "iconName",
+              kind: "input",
+              type: "IconName",
+              required: false,
+              description: "Theme icon token rendered beside the label. Prefer this over `symbolName`."
+            },
+            {
+              name: "symbolName",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "Material Symbols ligature, for glyphs the theme's icon set doesn't carry."
+            },
+            {
+              name: "iconPosition",
+              kind: "input",
+              type: "'start' | 'end'",
+              required: false,
+              default: "'start'",
+              description: "Which side of the label the glyph sits on."
+            },
+            {
+              name: "link",
+              kind: "input",
+              type: "unknown",
+              required: false,
+              default: "false, { transform: booleanAttribute }",
+              description: "Paint the label with the theme's link colour instead of inheriting the ink."
+            },
+            {
+              name: "disable",
+              kind: "input",
+              type: "unknown",
+              required: false,
+              default: "false, { transform: booleanAttribute }",
+              description: ""
+            },
+            {
+              name: "variant",
+              kind: "input",
+              type: "Variant",
+              required: false,
+              default: "'primary'",
+              description: "Style archetype from the theme. Inherited from BaseComponent."
+            },
+            {
+              name: "size",
+              kind: "input",
+              type: "Size",
+              required: false,
+              default: "'lg'",
+              description: "Size token from the theme. Inherited from BaseComponent. Only has an effect where the component theme defines a `sizes` block."
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "In Prose",
+          framework: "angular",
+          code: '<!-- Storybook story: In Prose -->\n<p uni-text="body-1-long" style="max-width: 46ch">\nYour data is processed under the terms you accepted at sign-up. You can\n<button inline-button [underline]="underline" [link]="link" [disable]="disable"\n  [iconName]="iconName" [symbolName]="symbolName" [iconPosition]="iconPosition">review them</button>\nat any time, or\n<button inline-button [underline]="underline" [link]="link">export everything</button>\nas a single archive.\n</p>\n<!-- args:\n{ underline: true, link: true }\n-->'
+        },
+        {
+          title: "Against A Ghost Button",
+          framework: "angular",
+          code: '<!-- Storybook story: Against A Ghost Button -->\n<div style="display: grid; gap: 16px; max-width: 46ch">\n<p uni-text="body-1-long">\n  Inline button: read the <button inline-button underline>privacy policy</button> before continuing.\n</p>\n<p uni-text="body-1-long">\n  Ghost button: read the <button text-button variant="ghost">privacy policy</button> before continuing.\n</p>\n</div>'
+        },
+        {
+          title: "With A Glyph",
+          framework: "angular",
+          code: '<!-- Storybook story: With A Glyph -->\n<div style="display: grid; gap: 16px; max-width: 46ch">\n<p uni-text="body-1-long">\n  Opens elsewhere:\n  <button inline-button link underline iconName="externalLink" iconPosition="end">the full report</button>.\n</p>\n<p uni-text="caption">\n  Same control at caption size:\n  <button inline-button link underline iconName="externalLink" iconPosition="end">the full report</button>.\n</p>\n<p uni-text="headline-small">\n  And in a headline:\n  <button inline-button link underline iconName="externalLink" iconPosition="end">the full report</button>.\n</p>\n</div>'
+        },
+        {
+          title: "Long Labels Stay Whole",
+          framework: "angular",
+          code: '<!-- Storybook story: Long Labels Stay Whole -->\n<div style="display: grid; gap: 16px; max-width: 20ch">\n<p uni-text="body-1-long">\n  Short label: <button inline-button underline>review terms</button> whenever you like.\n</p>\n<p uni-text="body-1-long">\n  Long label: <button inline-button underline>review the terms of processing</button> whenever you like.\n</p>\n</div>'
+        }
+      ],
+      guidelines: {
+        whenToUse: "An action that lives **inside a sentence**.\nEvery other button in the library owns a box. Even `ghost` is a flex box with a\nhit area, horizontal padding and its own type scale, so dropping one into a\nparagraph takes it out of the run of text and onto a line of its own. This one\nadds no box at all: it inherits the surrounding type \u2014 family, size, weight,\nline height, letter spacing and colour \u2014 and renders as part of the sentence.",
+        dos: [
+          "Use it for actions inside running text: opening a dialog, revealing a section, undoing the last change",
+          "Keep the label to a few words, so it never has to wrap",
+          "Pair `link` with `underline`, so the action is not marked by colour alone",
+          "Write a label that says what the action does on its own \u2014 it is the accessible name"
+        ],
+        donts: [
+          "Reach for it where a link belongs; if the thing goes somewhere, use an `<a>`",
+          "Set a px size on the glyph \u2014 the `em` sizing is what lets one markup read correctly from caption to headline",
+          "Leave it undecorated *and* turn `underlineOnHover` off, which hides the action entirely",
+          "Use it as a primary action; a paragraph is not where a form's Submit lives"
+        ],
+        accessibility: [
+          "A real `<button>`: native focus, Enter/Space activation and `disabled` semantics, so nothing has to be re-implemented with key handlers",
+          "The focus ring is the library's shared ring, drawn on the control rather than on the paragraph, and `focusColor` retunes it per theme",
+          "The glyph is decorative and hidden from assistive tech; the label carries the accessible name",
+          "Underlining is a visual affordance only \u2014 do not rely on colour alone to mark the action"
+        ]
+      },
+      relatedTokens: []
+    },
     {
       id: "input",
       name: "Input",
@@ -4852,7 +5004,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4882,6 +5034,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -4953,19 +5112,19 @@ initialFocus="input"
               description: ""
             },
             {
-              name: "min",
+              name: "minAttr",
               kind: "input",
               type: "number | undefined",
               required: false,
-              default: "undefined",
+              default: "undefined, { alias: 'min' }",
               description: ""
             },
             {
-              name: "max",
+              name: "maxAttr",
               kind: "input",
               type: "number | undefined",
               required: false,
-              default: "undefined",
+              default: "undefined, { alias: 'max' }",
               description: ""
             },
             {
@@ -5130,7 +5289,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5251,7 +5410,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5321,7 +5480,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5425,7 +5584,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5507,7 +5666,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5601,7 +5760,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5631,6 +5790,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -5773,7 +5939,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6033,7 +6199,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6057,7 +6223,7 @@ initialFocus="input"
       summary: "Numeric field with locale-aware parsing, `Intl` formatting on commit, prefix/suffix adornments and steppers that hold to repeat.",
       description: 'Numeric field with locale-aware parsing, `Intl` formatting on commit, prefix/suffix adornments and steppers that hold to repeat. Not `<input type="number">`, and the first reason is a data-loss bug: per the HTML value sanitization algorithm, a number input whose text is not a valid floating-point number reports `value === \'\'`. Type `12,50` as most of Europe does, or paste `1,234.56` from a spreadsheet, and the app reads an empty field. This is `type="text"` with `role="spinbutton"`, which is the only way to keep the user\'s malformed text on screen and tell them about it. Chrome comes from `uni-input-box`, so error, disabled and focus states match every other field. All arithmetic runs on the cdk\'s exact decimal helpers.',
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6087,6 +6253,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -6476,7 +6649,7 @@ initialFocus="input"
       summary: "Two linked numeric fields in one chrome, with one `{ start, end }` value \u2014 price filters, thresholds, tolerances.",
       description: "Two linked numeric fields in one chrome, with one `{ start, end }` value \u2014 price filters, thresholds, tolerances. `start`/`end` deliberately match `UniDateRange`, so the library has one range vocabulary, and they avoid colliding with the `min`/`max` **inputs**, which mean the fence rather than the value. It owns its commit path rather than nesting two `uni-number-input`s, because the two behaviours the spec asks for need *different* bounds: a stepper must be fenced at the other end, while a typed commit must reach the parent un-clamped so a backwards range can be swapped instead of destroyed. A child field applies one bound pair to both. The arithmetic, parsing and formatting are still the cdk's, shared with every other numeric control.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6506,6 +6679,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -6633,17 +6813,19 @@ initialFocus="input"
               description: ""
             },
             {
-              name: "min",
+              name: "minValue",
               kind: "input",
               type: "number | undefined",
               required: false,
+              default: "undefined, { alias: 'min' }",
               description: ""
             },
             {
-              name: "max",
+              name: "maxValue",
               kind: "input",
               type: "number | undefined",
               required: false,
+              default: "undefined, { alias: 'max' }",
               description: ""
             },
             {
@@ -6698,17 +6880,17 @@ initialFocus="input"
         {
           title: "Primary",
           framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    label: 'Price range',\n    currency: 'USD',\n    min: 0,\n    max: 5000,\n    step: 10,\n    value: { start: 200, end: 1500 },\n  }\n-->"
+          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    label: 'Price range',\n    currency: 'USD',\n    minValue: 0,\n    maxValue: 5000,\n    step: 10,\n    value: { start: 200, end: 1500 },\n  }\n-->"
         },
         {
           title: "Price Filter",
           framework: "angular",
-          code: "<!-- Storybook story: Price Filter -->\n<!-- args:\n{\n    label: 'Price range',\n    currency: 'USD',\n    min: 0,\n    max: 5000,\n    step: 10,\n    value: { start: 200, end: 1500 },\n  }\n-->"
+          code: "<!-- Storybook story: Price Filter -->\n<!-- args:\n{\n    label: 'Price range',\n    currency: 'USD',\n    minValue: 0,\n    maxValue: 5000,\n    step: 10,\n    value: { start: 200, end: 1500 },\n  }\n-->"
         },
         {
           title: "Minimum Gap",
           framework: "angular",
-          code: "<!-- Storybook story: Minimum Gap -->\n<!-- args:\n{ label: 'Temperature tolerance', suffix: '\xB0C', min: -20, max: 40, minGap: 5, value: { start: 5, end: 20 } }\n-->"
+          code: "<!-- Storybook story: Minimum Gap -->\n<!-- args:\n{ label: 'Temperature tolerance', suffix: '\xB0C', minValue: -20, maxValue: 40, minGap: 5, value: { start: 5, end: 20 } }\n-->"
         },
         {
           title: "Open Ended",
@@ -6718,7 +6900,7 @@ initialFocus="input"
         {
           title: "Custom End Labels",
           framework: "angular",
-          code: "<!-- Storybook story: Custom End Labels -->\n<!-- args:\n{ label: 'Delivery window', suffix: ' days', startLabel: 'From', endLabel: 'To', min: 0, value: { start: 2, end: 7 } }\n-->"
+          code: "<!-- Storybook story: Custom End Labels -->\n<!-- args:\n{ label: 'Delivery window', suffix: ' days', startLabel: 'From', endLabel: 'To', minValue: 0, value: { start: 2, end: 7 } }\n-->"
         },
         {
           title: "Disabled",
@@ -6758,7 +6940,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "data",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6859,7 +7041,7 @@ initialFocus="input"
       summary: "Anchored, top-layer panel on the native `popover` element \u2014 the browser owns positioning (CSS anchor positioning), stacking, and, in rich mode, light dismissal.",
       description: 'Anchored, top-layer panel on the native `popover` element \u2014 the browser owns positioning (CSS anchor positioning), stacking, and, in rich mode, light dismissal. Two modes share one implementation: - `rich` (default): a click-toggled disclosure. The projected `[trigger]` carries `aria-expanded`/`aria-controls`; with no trigger content the app drives `open` and no element claims controller ARIA. Focus stays on the trigger (APG disclosure) unless the panel marks an `[autofocus]` field, and returns to the trigger on close. - `tooltip`: hover/focus-triggered, `role="tooltip"` + `aria-describedby`, WCAG 1.4.13 dismissable/hoverable/persistent. Content must not contain focusable elements. Anchoring and control are separate: `anchor` re-anchors the panel to any element (or id) while the trigger keeps the disclosure semantics.',
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7036,7 +7218,7 @@ initialFocus="input"
         "popover.behavior.maxWidth",
         "popover.behavior.offset",
         "popover.behavior.arrowSize",
-        "popover.behavior.closeSymbol",
+        "popover.behavior.closeIcon",
         "popover.behavior.headerTypeface",
         "popover.behavior.tooltipPadding",
         "popover.behavior.tooltipOpenDelay",
@@ -7051,7 +7233,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7115,7 +7297,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7187,7 +7369,7 @@ initialFocus="input"
       summary: "`\u2212 3 +` for cart lines, table cells and seat counts: the numeric core with no field chrome, no label and no room for either.",
       description: '`\u2212 3 +` for cart lines, table cells and seat counts: the numeric core with no field chrome, no label and no room for either. A separate component rather than a `chrome="bare"` flag on `uni-number-input`, because this control is defined by what it does *not* have \u2014 presets, affixes, expressions, four stepper layouts \u2014 and eight inputs are easier to write correctly than forty with a list of which ones to leave alone. The arithmetic, parsing and hold-to-repeat are the cdk\'s, shared with the field, so `1,200` and the keyboard map behave identically in both. The middle stays a real input by default: typing `12` beats tapping `+` eleven times. `editable=false` is for read-mostly tables.',
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7217,6 +7399,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -7383,7 +7572,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7413,6 +7602,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -7574,7 +7770,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "directives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7598,7 +7794,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7653,7 +7849,7 @@ initialFocus="input"
       summary: "Native scroll area with theme-driven scrollbar styling.",
       description: "Native scroll area with theme-driven scrollbar styling. Scrollbars are styled entirely through Emotion-generated CSS: `::-webkit-scrollbar` rules cover Chromium/Safari, with a `scrollbar-width`/`scrollbar-color` fallback for Firefox.",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7800,7 +7996,7 @@ initialFocus="input"
       summary: "Generic search field: shared input chrome with a leading magnifier, a clear button while there's a query, Enter to submit, and optional type-ahead \u2014 pass `suggestions` (refresh them from `change`) and the field becomes an ARIA combobox with a keyboard-navigable listbox.",
       description: "Generic search field: shared input chrome with a leading magnifier, a clear button while there's a query, Enter to submit, and optional type-ahead \u2014 pass `suggestions` (refresh them from `change`) and the field becomes an ARIA combobox with a keyboard-navigable listbox. Escape closes the list first, then clears the query.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7927,7 +8123,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8084,7 +8280,11 @@ initialFocus="input"
           "Disabled options are rendered and announced, not hidden \u2014 removing them would"
         ]
       },
-      relatedTokens: []
+      relatedTokens: [
+        "select.behavior.toggleIcon",
+        "select.behavior.toggleColor",
+        "select.behavior.toggleSize"
+      ]
     },
     {
       id: "skeleton",
@@ -8093,7 +8293,7 @@ initialFocus="input"
       summary: "Loading placeholder painted with surface tokens.",
       description: "Loading placeholder painted with surface tokens. `text` renders one or more lines (the last line shortened, as real text would be), `rect` and `circle` render fixed shapes. The shimmer only animates when the user allows motion; it degrades to static blocks under `prefers-reduced-motion`. Color and radius are theme options with per-instance overrides, because one app routinely needs several: skeletons on a card and on the page background want different tints, and a pill placeholder wants a different corner than the text bars beside it.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8244,7 +8444,7 @@ initialFocus="input"
       summary: "Bounded numeric input by pointer, for values where the *position* is the information: volume, opacity, weightings, price filters.",
       description: "Bounded numeric input by pointer, for values where the *position* is the information: volume, opacity, weightings, price filters. Custom thumbs rather than `<input type=\"range\">`, which the previous version used: one native range input cannot carry two thumbs, marks or a tooltip, and a second component for the range case would mean two keyboard maps to keep in step. The step model and the keyboard map are the cdk's, shared with the numeric fields, so nothing new is learned moving between them. All arithmetic on values runs through the cdk's exact decimal helpers \u2014 stepping `0.1` never yields `0.30000000000000004`. Only pointer *positions* use floats, and they are snapped to the grid before becoming a value.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8274,6 +8474,13 @@ initialFocus="input"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -8323,7 +8530,7 @@ initialFocus="input"
             {
               name: "min",
               kind: "input",
-              type: "number | undefined",
+              type: "number | UniNumberRange | undefined",
               required: false,
               default: "0",
               description: ""
@@ -8331,7 +8538,7 @@ initialFocus="input"
             {
               name: "max",
               kind: "input",
-              type: "number | undefined",
+              type: "number | UniNumberRange | undefined",
               required: false,
               default: "100",
               description: ""
@@ -8501,7 +8708,7 @@ initialFocus="input"
         "slider.behavior.tooltipTextColor",
         "slider.behavior.tooltipShadow",
         "slider.behavior.tooltipBorderRadius",
-        "slider.behavior.transitionMs"
+        "slider.behavior.motion"
       ]
     },
     {
@@ -8511,7 +8718,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8623,7 +8830,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "data",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8682,7 +8889,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8737,7 +8944,7 @@ initialFocus="input"
       summary: 'KPI stat tile: muted label, large value (numbers auto-compact: 48234 \u2192 "48.2K"), an optional delta whose ink is decided by *direction \xD7 whether up is good* (never direction alone \u2014 churn going down is good news), and an optional decorative sparkline.',
       description: 'KPI stat tile: muted label, large value (numbers auto-compact: 48234 \u2192 "48.2K"), an optional delta whose ink is decided by *direction \xD7 whether up is good* (never direction alone \u2014 churn going down is good news), and an optional decorative sparkline. Frame, typography and inks are all `stat` theme tokens.',
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8855,7 +9062,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8944,7 +9151,7 @@ initialFocus="input"
       summary: "One tab inside `uni-tabs`: a label for the tablist plus projected panel content.",
       description: "One tab inside `uni-tabs`: a label for the tablist plus projected panel content. Content is captured in a template and only instantiated while the tab is selected, so inactive panels cost nothing.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8984,7 +9191,7 @@ initialFocus="input"
       summary: "WAI-ARIA tabs: roving tabindex, automatic activation (arrow keys move focus and select), Home/End, disabled tabs skipped.",
       description: "WAI-ARIA tabs: roving tabindex, automatic activation (arrow keys move focus and select), Home/End, disabled tabs skipped. Only the selected panel is instantiated. All styling resolves from `tabs` theme option tokens.",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9046,6 +9253,7 @@ initialFocus="input"
         ]
       },
       relatedTokens: [
+        "tabs.behavior.motion",
         "tabs.behavior.typeface",
         "tabs.behavior.textColor",
         "tabs.behavior.activeTextColor",
@@ -9062,9 +9270,9 @@ initialFocus="input"
       name: "Tag",
       status: "stable",
       summary: "Compact chip for categories, states, filters and tokens.",
-      description: "Compact chip for categories, states, filters and tokens. Two orthogonal style axes: `variant` picks the colour role and `tone` picks the archetype (soft / solid / outline). Both live in the theme's `tag` entry, so a theme restyles every chip in the app without touching markup. Structurally a chip is **body + trailing action as siblings**, never nested buttons: an interactive chip whose body is a `<button>` cannot contain the remove `<button>` (invalid HTML, and the inner control becomes unreachable for keyboard users). Both stay independently operable.",
+      description: "Compact chip for categories, states, filters and tokens. Two orthogonal style axes: `variant` picks the colour role and `tone` picks the archetype (soft / solid / outline). Both live in the theme's `tag` entry, so a theme restyles every chip in the app without touching markup. Two state classes ride alongside the tone class for the same reason: `tag-selected` and `tag-interactive` let the theme paint selection and hover beside the colours they belong to, instead of an app swapping `tone` by hand on every chip. Structurally a chip is **body + trailing action as siblings**, never nested buttons: an interactive chip whose body is a `<button>` cannot contain the remove `<button>` (invalid HTML, and the inner control becomes unreachable for keyboard users). Both stay independently operable.",
       category: "data",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9096,7 +9304,7 @@ initialFocus="input"
             {
               name: "value",
               kind: "input",
-              type: "string | number",
+              type: "T",
               required: false,
               description: ""
             },
@@ -9196,19 +9404,19 @@ initialFocus="input"
               type: "number",
               required: false,
               default: "0",
-              description: "Tab position of the chip's controls. A composite that owns its own roving focus \u2014 `uni-tag-input`, where the whole field is one tab stop \u2014 passes `-1` so Tab does not walk through every chip to reach the next control."
+              description: "Tab position of the chip's controls. A composite that owns its own roving focus \u2014 `uni-tag-input` or `uni-tag-group`, where the whole thing is one tab stop \u2014 passes `-1` so Tab does not walk through every chip to reach the next control."
             },
             {
               name: "removed",
               kind: "output",
-              type: "UniTagValue",
+              type: "T | undefined",
               required: false,
               description: ""
             },
             {
               name: "activated",
               kind: "output",
-              type: "UniTagValue",
+              type: "T | undefined",
               required: false,
               description: ""
             },
@@ -9311,7 +9519,25 @@ initialFocus="input"
 }
 </div>
 <!-- args:
-{ interactive: true, selected: true, tone: 'solid' }
+{ interactive: true, selected: true }
+-->`
+        },
+        {
+          title: "Toggles",
+          framework: "angular",
+          code: `<!-- Storybook story: Toggles -->
+<div row-layout gap="sm" alignItems="center" style="flex-wrap:wrap">
+@for (facet of ['Design', 'Engineering', 'Legal', 'Finance']; track facet) {
+  <uni-tag
+    [interactive]="true"
+    [label]="facet"
+    [selected]="picked.includes(facet)"
+    (activated)="toggle(facet)"
+  />
+}
+</div>
+<!-- args:
+{ label: 'nope@@x', invalid: true, removable: true, variant: 'warn' }
 -->`
         },
         {
@@ -9402,6 +9628,7 @@ initialFocus="input"
           "A static tag is **text, not a widget**: no role, no tab stop. Screen readers",
           "`removable` adds one real `<button>` named `Remove {label}`, overridable with",
           '`interactive` makes the body a `<button type="button">`; `selected` maps to',
+          "`controlTabIndex` lets a composite that owns its own roving focus \u2014",
           "Icons, avatars, initials and dots are `aria-hidden` \u2014 the chip's text is its",
           "`invalid` sets `aria-invalid` and adds a non-colour cue."
         ]
@@ -9411,134 +9638,342 @@ initialFocus="input"
         "tag.behavior.typeface",
         "tag.behavior.gap",
         "tag.behavior.removeIcon",
-        "tag.behavior.selectedIcon"
+        "tag.behavior.selectedIcon",
+        "tag.behavior.motion",
+        "tag.behavior.endInset"
       ]
     },
     {
-      id: "tag-input",
-      name: "TagInput",
+      id: "tag-group",
+      name: "TagGroup",
       status: "stable",
-      summary: "",
-      description: "",
-      category: "forms",
-      version: "10.4.0",
+      summary: "A row of chips the user picks from: filters, facets, a set of labels.",
+      description: "A row of chips the user picks from: filters, facets, a set of labels. The group **renders its own chips** from `items` rather than projecting them. That is what lets it own the things an app was otherwise wiring per chip \u2014 which one is selected, which one holds the tab stop \u2014 since a parent cannot write a projected child's inputs. `uni-tag` is unchanged by this component; `controlTabIndex` was already its hook for a composite that manages focus. Keyboard model is the toolbar pattern: one tab stop for the whole group, and the arrow keys move within it. Twelve filter chips should cost one Tab to pass, not twelve.",
+      category: "data",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
-          selectorOrTag: "uni-tag-input",
+          selectorOrTag: "uni-tag-group",
           api: [
             {
-              name: "value",
-              kind: "model",
-              type: "UniTagItem[]",
+              name: "items",
+              kind: "input",
+              type: "readonly UniTagGroupItem<T>[]",
               required: false,
               default: "[]",
               description: ""
             },
             {
-              name: "disabled",
+              name: "layout",
               kind: "input",
-              type: "boolean",
-              required: false,
-              default: "false",
-              description: ""
-            },
-            {
-              name: "touched",
-              kind: "model",
-              type: "boolean",
+              type: "'wrap' | 'justify'",
               required: false,
-              default: "false",
-              description: ""
+              default: "'wrap'",
+              description: "`wrap` lets chips keep their natural widths. `justify` stretches each filled row flush to both edges, leaving the last row ragged; chips put the extra width around their labels, so tucked leads and remove controls stay tucked."
             },
             {
-              name: "invalid",
+              name: "multiple",
               kind: "input",
               type: "boolean",
               required: false,
               default: "false",
-              description: ""
+              description: "Allow more than one chip at a time. Single select replaces instead."
             },
             {
-              name: "dirty",
-              kind: "input",
-              type: "boolean",
+              name: "value",
+              kind: "model",
+              type: "T[]",
               required: false,
-              default: "false",
-              description: ""
+              default: "[]",
+              description: "The selected values \u2014 one array in both modes, as `uni-tag-input` keeps one array for its items. Single select simply never holds more than one, which spares callers a `T[] | T | null` union at every call site."
             },
             {
-              name: "required",
-              kind: "input",
-              type: "boolean",
+              name: "activated",
+              kind: "output",
+              type: "T | undefined",
               required: false,
-              default: "false",
-              description: ""
+              description: "The chip the user just activated, selected or deselected."
             },
             {
-              name: "ariaDescribedBy",
-              kind: "input",
-              type: "string",
+              name: "removed",
+              kind: "output",
+              type: "T | undefined",
               required: false,
               description: ""
             },
             {
-              name: "label",
-              kind: "input",
-              type: "string",
-              required: true,
-              description: 'Accessible name for the field, e.g. "To".'
-            },
-            {
-              name: "placeholder",
+              name: "chipTone",
               kind: "input",
-              type: "string",
+              type: "TagTone | undefined",
               required: false,
+              default: "undefined",
               description: ""
             },
             {
-              name: "preset",
-              kind: "input",
-              type: "'text' | 'email'",
-              required: false,
-              default: "'text'",
-              description: "`email` wires an address validator, paste parser and space separator."
-            },
-            {
-              name: "separators",
+              name: "chipSize",
               kind: "input",
-              type: "string[]",
+              type: "Size | undefined",
               required: false,
-              default: "[',', ';']",
+              default: "undefined",
               description: ""
             },
             {
-              name: "commitOnBlur",
+              name: "chipVariant",
               kind: "input",
-              type: "boolean",
+              type: "Variant | undefined",
               required: false,
-              default: "true",
+              default: "undefined",
               description: ""
             },
             {
-              name: "allowDuplicates",
+              name: "variant",
               kind: "input",
-              type: "boolean",
+              type: "Variant",
               required: false,
-              default: "false",
-              description: ""
+              default: "'primary'",
+              description: "Style archetype from the theme. Inherited from BaseComponent."
             },
             {
-              name: "max",
+              name: "size",
               kind: "input",
-              type: "number",
+              type: "Size",
               required: false,
-              description: ""
-            },
-            {
-              name: "tagVariant",
-              kind: "input",
-              type: "Variant",
+              default: "'lg'",
+              description: "Size token from the theme. Inherited from BaseComponent. Only has an effect where the component theme defines a `sizes` block."
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Wrap",
+          framework: "angular",
+          code: `<!-- Storybook story: Wrap -->
+<div style="max-width: 520px">
+<uni-tag-group
+  [items]="items"
+  [value]="value"
+  [multiple]="multiple"
+  layout="justify"
+/>
+</div>
+<!-- args:
+{ value: ['engineering'] }
+-->`
+        },
+        {
+          title: "Justify",
+          framework: "angular",
+          code: `<!-- Storybook story: Justify -->
+<div style="max-width: 520px">
+<uni-tag-group
+  [items]="items"
+  [value]="value"
+  [multiple]="multiple"
+  layout="justify"
+/>
+</div>
+<!-- args:
+{ layout: 'justify', value: ['design', 'security'] }
+-->`
+        },
+        {
+          title: "Single Select",
+          framework: "angular",
+          code: `<!-- Storybook story: Single Select -->
+<div style="max-width: 520px">
+<uni-tag-group
+  [items]="items"
+  [value]="value"
+  [multiple]="multiple"
+  layout="justify"
+/>
+</div>
+<!-- args:
+{ multiple: false, value: ['legal'] }
+-->`
+        },
+        {
+          title: "Mixed Chips",
+          framework: "angular",
+          code: `<!-- Storybook story: Mixed Chips -->
+<div style="max-width: 520px">
+<uni-tag-group
+  [items]="items"
+  [value]="value"
+  [multiple]="multiple"
+  layout="justify"
+/>
+</div>
+<!-- args:
+{
+    items: [
+      { label: 'Starred', value: 'starred', iconName: 'star' },
+      { label: 'Live', value: 'live', dot: true, variant: 'success' },
+      { label: 'Alice Chen', value: 'alice', avatarName: 'Alice Chen' },
+      { label: 'Blocked', value: 'blocked', variant: 'warn', tone: 'outline' },
+      { label: 'Archived', value: 'archived', disabled: true },
+      { label: 'Custom', value: 'custom', removable: true },
+    ],
+  }
+-->`
+        }
+      ],
+      guidelines: {
+        whenToUse: "A row of chips the user picks from: filters, facets, a set of labels. The group\nowns the two things an app was otherwise wiring on every chip \u2014 **which one is\nselected** and **which one holds the tab stop**.",
+        dos: [
+          "Give the group `multiple` when the filters combine, and leave it off when they",
+          'Reach for `layout="justify"` when the row is long enough to wrap \u2014 a single',
+          "Put per-chip differences on the item (`variant`, `tone`, `iconName`)."
+        ],
+        donts: [
+          "Don't bind `[selected]` on chips inside a group \u2014 that is the thing the group",
+          "Don't use it for an open set the user types into; that is `uni-tag-input`.",
+          "Don't reach for it as a generic chip row. With no selection to own it is just"
+        ],
+        accessibility: [
+          '`role="toolbar"` with `aria-orientation="horizontal"`: one tab stop for the',
+          "Arrow keys move within the group. Both axes work, because the row wraps \u2014",
+          "The tab stop follows the last chip the user picked, so tabbing back into the",
+          "Each chip announces its own state through `aria-pressed`, since each one is an"
+        ]
+      },
+      relatedTokens: []
+    },
+    {
+      id: "tag-input",
+      name: "TagInput",
+      status: "stable",
+      summary: "",
+      description: "",
+      category: "forms",
+      version: "11.1.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-tag-input",
+          api: [
+            {
+              name: "value",
+              kind: "model",
+              type: "UniTagItem[]",
+              required: false,
+              default: "[]",
+              description: ""
+            },
+            {
+              name: "disabled",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "touched",
+              kind: "model",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
+            {
+              name: "invalid",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "dirty",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "required",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "ariaDescribedBy",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "label",
+              kind: "input",
+              type: "string",
+              required: true,
+              description: 'Accessible name for the field, e.g. "To".'
+            },
+            {
+              name: "placeholder",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "preset",
+              kind: "input",
+              type: "'text' | 'email'",
+              required: false,
+              default: "'text'",
+              description: "`email` wires an address validator, paste parser and space separator."
+            },
+            {
+              name: "separators",
+              kind: "input",
+              type: "string[]",
+              required: false,
+              default: "[',', ';']",
+              description: ""
+            },
+            {
+              name: "commitOnBlur",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: ""
+            },
+            {
+              name: "allowDuplicates",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "maxLength",
+              kind: "input",
+              type: "number | undefined",
+              required: false,
+              default: "undefined, { alias: 'max' }",
+              description: ""
+            },
+            {
+              name: "tagVariant",
+              kind: "input",
+              type: "Variant",
               required: false,
               default: "'primary'",
               description: ""
@@ -9710,7 +10145,7 @@ placeholder="Name or address\u2026"
 (query)="onQuery($event)"
 />
 <!-- args:
-{ max: 3, value: [{ value: 'alpha' }, { value: 'beta' }] }
+{ maxLength: 3, value: [{ value: 'alpha' }, { value: 'beta' }] }
 -->`
         },
         {
@@ -9754,7 +10189,7 @@ placeholder="Name or address\u2026"
       summary: "The typography primitive, applied as an attribute to any element so semantics stay yours.",
       description: 'The typography primitive, applied as an attribute to any element so semantics stay yours. The attribute value is the typeface: `<h1 uni-text="display-small">`, `<span uni-text="caption">`, dynamic via `[uni-text]="role()"`. With no value, the typeface is inferred from the host element (h1 \u2192 headline-large, p \u2192 body-1-long, \u2026), falling back to `title-small`; the `typeface` input remains as an explicit override. It is a directive, so it stacks with anything else on the element \u2014 a layout attribute (`<div stack-layout uni-text="title-small">`) or a component\'s own host \u2014 rather than colliding with it.',
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9856,7 +10291,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9886,6 +10321,13 @@ placeholder="Name or address\u2026"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -10056,7 +10498,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "primitives",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10086,7 +10528,7 @@ placeholder="Name or address\u2026"
       summary: "Drop-in switcher for the themes registered via `UNI_THEMES`: a select over `ThemeService.themeOptions` that applies the choice through `selectTheme` (so it persists across reloads like any other theme selection).",
       description: "Drop-in switcher for the themes registered via `UNI_THEMES`: a select over `ThemeService.themeOptions` that applies the choice through `selectTheme` (so it persists across reloads like any other theme selection).",
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10144,7 +10586,7 @@ placeholder="Name or address\u2026"
       summary: "Time field: a combobox over time options \u2014 the same listbox contract as uni-search-input and uni-tag-input.",
       description: "Time field: a combobox over time options \u2014 the same listbox contract as uni-search-input and uni-tag-input. Type `3p`, `930` or `15:00`, or pick `3:00 PM` from the list; the form always gets 24-hour `'HH:mm'` (`hour12` affects display only). The list is assistive, not exhaustive: any parseable time commits, unless `slots` pins the choices (a slot picker) \u2014 then a typed time must match one. Unreadable or unavailable text stays in the field, flagged, with a `rejected` event.",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10173,6 +10615,13 @@ placeholder="Name or address\u2026"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -10352,7 +10801,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10382,6 +10831,13 @@ placeholder="Name or address\u2026"
               default: "false",
               description: ""
             },
+            {
+              name: "touch",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "Angular 22 marks the bound field touched through this output; the `touched` model above is bound inward by the directive and no longer propagates back out. Emitted wherever this control already decided the user was done with it."
+            },
             {
               name: "invalid",
               kind: "input",
@@ -10575,7 +11031,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "feedback",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10649,6 +11105,7 @@ placeholder="Name or address\u2026"
         ]
       },
       relatedTokens: [
+        "tooltip.behavior.motion",
         "tooltip.behavior.borderRadius",
         "tooltip.behavior.shadow",
         "tooltip.behavior.color",
@@ -10662,7 +11119,7 @@ placeholder="Name or address\u2026"
       summary: 'A thin sequencer over one `uni-callout`: steps spotlight their targets, a footer walks Next/Back with dots-or-fraction progress, and `advanceOn` gates a step behind an interaction with its target (auto-advancing for clicks, unlocking Next otherwise \u2014 announced through one `role="status"` region).',
       description: 'A thin sequencer over one `uni-callout`: steps spotlight their targets, a footer walks Next/Back with dots-or-fraction progress, and `advanceOn` gates a step behind an interaction with its target (auto-advancing for clicks, unlocking Next otherwise \u2014 announced through one `role="status"` region). Escape or the close button skips the tour and reports the step. `active` is a two-way model, so a tour is deep-linkable and inspectable; steps whose declared target cannot be resolved are skipped (with a dev warning) in the direction of travel rather than erroring.',
       category: "components",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10789,7 +11246,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "layout",
-      version: "10.4.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11986,6 +12443,72 @@ placeholder="Name or address\u2026"
         DarkTheme: '{"background":"rgba(255, 255, 255, 0.6)","backdropFilter":"blur(2px)"}'
       }
     },
+    {
+      id: "motion.popup",
+      value: '{"duration":100,"easing":"linear","scale":0.8}',
+      type: "motion",
+      kind: "style",
+      target: "emotion-css",
+      themeValues: {
+        LightTheme: '{"duration":100,"easing":"linear","scale":0.8}',
+        DarkTheme: '{"duration":100,"easing":"linear","scale":0.8}'
+      }
+    },
+    {
+      id: "motion.panel",
+      value: '{"duration":250,"easing":"ease"}',
+      type: "motion",
+      kind: "style",
+      target: "emotion-css",
+      themeValues: {
+        LightTheme: '{"duration":250,"easing":"ease"}',
+        DarkTheme: '{"duration":250,"easing":"ease"}'
+      }
+    },
+    {
+      id: "motion.reveal",
+      value: '{"duration":350,"easing":"ease-in-out"}',
+      type: "motion",
+      kind: "style",
+      target: "emotion-css",
+      themeValues: {
+        LightTheme: '{"duration":350,"easing":"ease-in-out"}',
+        DarkTheme: '{"duration":350,"easing":"ease-in-out"}'
+      }
+    },
+    {
+      id: "motion.notification",
+      value: '{"duration":350,"easing":"ease-in-out"}',
+      type: "motion",
+      kind: "style",
+      target: "emotion-css",
+      themeValues: {
+        LightTheme: '{"duration":350,"easing":"ease-in-out"}',
+        DarkTheme: '{"duration":350,"easing":"ease-in-out"}'
+      }
+    },
+    {
+      id: "motion.control",
+      value: '{"duration":300,"easing":"ease"}',
+      type: "motion",
+      kind: "style",
+      target: "emotion-css",
+      themeValues: {
+        LightTheme: '{"duration":300,"easing":"ease"}',
+        DarkTheme: '{"duration":300,"easing":"ease"}'
+      }
+    },
+    {
+      id: "motion.snap",
+      value: '{"duration":120,"easing":"ease"}',
+      type: "motion",
+      kind: "style",
+      target: "emotion-css",
+      themeValues: {
+        LightTheme: '{"duration":120,"easing":"ease"}',
+        DarkTheme: '{"duration":120,"easing":"ease"}'
+      }
+    },
     {
       id: "thickness.thin",
       value: 1,
@@ -12285,13 +12808,13 @@ placeholder="Name or address\u2026"
     },
     {
       id: "typography.tag",
-      value: '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":600}',
+      value: '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":500}',
       type: "typography",
       kind: "style",
       target: "emotion-css",
       themeValues: {
-        LightTheme: '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":600}',
-        DarkTheme: '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":600}'
+        LightTheme: '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":500}',
+        DarkTheme: '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":500}'
       }
     },
     {
@@ -12390,15 +12913,15 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "breadcrumb.behavior.separatorSymbol",
-      value: "chevron_right",
+      id: "breadcrumb.behavior.separatorIcon",
+      value: "chevronRight",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "breadcrumb",
       themeValues: {
-        LightTheme: "chevron_right",
-        DarkTheme: "chevron_right"
+        LightTheme: "chevronRight",
+        DarkTheme: "chevronRight"
       }
     },
     {
@@ -12810,15 +13333,15 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "avatar.behavior.fallbackSymbol",
-      value: "person",
+      id: "avatar.behavior.fallbackIcon",
+      value: "profile",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "avatar",
       themeValues: {
-        LightTheme: "person",
-        DarkTheme: "person"
+        LightTheme: "profile",
+        DarkTheme: "profile"
       }
     },
     {
@@ -12858,7 +13381,7 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "searchInput.behavior.searchSymbol",
+      id: "searchInput.behavior.searchIcon",
       value: "search",
       type: "string",
       kind: "behavioral",
@@ -12870,7 +13393,7 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "searchInput.behavior.clearSymbol",
+      id: "searchInput.behavior.clearIcon",
       value: "close",
       type: "string",
       kind: "behavioral",
@@ -12941,6 +13464,18 @@ placeholder="Name or address\u2026"
         DarkTheme: 8
       }
     },
+    {
+      id: "checkbox.behavior.motion",
+      value: "control",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "checkbox",
+      themeValues: {
+        LightTheme: "control",
+        DarkTheme: "control"
+      }
+    },
     {
       id: "checkbox.behavior.size",
       value: 20,
@@ -13325,6 +13860,126 @@ placeholder="Name or address\u2026"
         DarkTheme: "md"
       }
     },
+    {
+      id: "select.behavior.toggleIcon",
+      value: "chevronDown",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "select",
+      themeValues: {
+        LightTheme: "chevronDown",
+        DarkTheme: "chevronDown"
+      }
+    },
+    {
+      id: "select.behavior.toggleColor",
+      value: "on-background-variant",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "select",
+      themeValues: {
+        LightTheme: "on-background-variant",
+        DarkTheme: "on-background-variant"
+      }
+    },
+    {
+      id: "select.behavior.toggleSize",
+      value: 20,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "select",
+      themeValues: {
+        LightTheme: 20,
+        DarkTheme: 20
+      }
+    },
+    {
+      id: "buttonGroup.behavior.border",
+      value: "quaternary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "buttonGroup",
+      themeValues: {
+        LightTheme: "quaternary",
+        DarkTheme: "quaternary"
+      }
+    },
+    {
+      id: "buttonGroup.behavior.borderRadius",
+      value: 4,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "buttonGroup",
+      themeValues: {
+        LightTheme: 4,
+        DarkTheme: 4
+      }
+    },
+    {
+      id: "progressBar.behavior.trackColor",
+      value: "primary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "progressBar",
+      themeValues: {
+        LightTheme: "primary-surface",
+        DarkTheme: "primary-surface"
+      }
+    },
+    {
+      id: "progressBar.behavior.fillColor",
+      value: "secondary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "progressBar",
+      themeValues: {
+        LightTheme: "secondary-surface",
+        DarkTheme: "secondary-surface"
+      }
+    },
+    {
+      id: "progressBar.behavior.completeColor",
+      value: "secondary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "progressBar",
+      themeValues: {
+        LightTheme: "secondary",
+        DarkTheme: "secondary"
+      }
+    },
+    {
+      id: "progressBar.behavior.borderColor",
+      value: "on-background-variant",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "progressBar",
+      themeValues: {
+        LightTheme: "on-background-variant",
+        DarkTheme: "on-background-variant"
+      }
+    },
+    {
+      id: "progressBar.behavior.strokeWidth",
+      value: 1,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "progressBar",
+      themeValues: {
+        LightTheme: 1,
+        DarkTheme: 1
+      }
+    },
     {
       id: "dropdown.behavior.border",
       value: "none",
@@ -13518,7 +14173,7 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "menuItem.behavior.activeSymbol",
+      id: "menuItem.behavior.activeIcon",
       value: "check",
       type: "string",
       kind: "behavioral",
@@ -13650,7 +14305,7 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "popover.behavior.closeSymbol",
+      id: "popover.behavior.closeIcon",
       value: "close",
       type: "string",
       kind: "behavioral",
@@ -13733,54 +14388,6 @@ placeholder="Name or address\u2026"
         DarkTheme: "reveal"
       }
     },
-    {
-      id: "footer.behavior.height",
-      value: 52,
-      type: "number",
-      kind: "behavioral",
-      target: "component-prop",
-      appliesTo: "footer",
-      themeValues: {
-        LightTheme: 52,
-        DarkTheme: 52
-      }
-    },
-    {
-      id: "footer.behavior.color",
-      value: "primary",
-      type: "string",
-      kind: "behavioral",
-      target: "component-prop",
-      appliesTo: "footer",
-      themeValues: {
-        LightTheme: "primary",
-        DarkTheme: "primary"
-      }
-    },
-    {
-      id: "footer.behavior.logoHeight",
-      value: 18.6,
-      type: "number",
-      kind: "behavioral",
-      target: "component-prop",
-      appliesTo: "footer",
-      themeValues: {
-        LightTheme: 18.6,
-        DarkTheme: 18.6
-      }
-    },
-    {
-      id: "footer.behavior.logoPadding",
-      value: "md",
-      type: "string",
-      kind: "behavioral",
-      target: "component-prop",
-      appliesTo: "footer",
-      themeValues: {
-        LightTheme: "md",
-        DarkTheme: "md"
-      }
-    },
     {
       id: "input.behavior.typeface",
       value: "input",
@@ -14261,6 +14868,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "3ch"
       }
     },
+    {
+      id: "tabs.behavior.motion",
+      value: "snap",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tabs",
+      themeValues: {
+        LightTheme: "snap",
+        DarkTheme: "snap"
+      }
+    },
     {
       id: "tabs.behavior.typeface",
       value: "title-small",
@@ -14525,6 +15144,54 @@ placeholder="Name or address\u2026"
         DarkTheme: "check"
       }
     },
+    {
+      id: "tag.behavior.motion",
+      value: "control",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tag",
+      themeValues: {
+        LightTheme: "control",
+        DarkTheme: "control"
+      }
+    },
+    {
+      id: "tag.behavior.endInset",
+      value: "auto",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tag",
+      themeValues: {
+        LightTheme: "auto",
+        DarkTheme: "auto"
+      }
+    },
+    {
+      id: "tagGroup.behavior.gap",
+      value: "xs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tagGroup",
+      themeValues: {
+        LightTheme: "xs",
+        DarkTheme: "xs"
+      }
+    },
+    {
+      id: "tagGroup.behavior.rowGap",
+      value: "xs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tagGroup",
+      themeValues: {
+        LightTheme: "xs",
+        DarkTheme: "xs"
+      }
+    },
     {
       id: "tagInput.behavior.chipGap",
       value: "xs",
@@ -14658,27 +15325,27 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "calendar.behavior.navPrevSymbol",
-      value: "chevron_left",
+      id: "calendar.behavior.navPrevIcon",
+      value: "chevronLeft",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "calendar",
       themeValues: {
-        LightTheme: "chevron_left",
-        DarkTheme: "chevron_left"
+        LightTheme: "chevronLeft",
+        DarkTheme: "chevronLeft"
       }
     },
     {
-      id: "calendar.behavior.navNextSymbol",
-      value: "chevron_right",
+      id: "calendar.behavior.navNextIcon",
+      value: "chevronRight",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "calendar",
       themeValues: {
-        LightTheme: "chevron_right",
-        DarkTheme: "chevron_right"
+        LightTheme: "chevronRight",
+        DarkTheme: "chevronRight"
       }
     },
     {
@@ -14826,15 +15493,15 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "dateInput.behavior.toggleSymbol",
-      value: "calendar_month",
+      id: "dateInput.behavior.toggleIcon",
+      value: "calendar",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "dateInput",
       themeValues: {
-        LightTheme: "calendar_month",
-        DarkTheme: "calendar_month"
+        LightTheme: "calendar",
+        DarkTheme: "calendar"
       }
     },
     {
@@ -14874,15 +15541,15 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "timeInput.behavior.toggleSymbol",
-      value: "schedule",
+      id: "timeInput.behavior.toggleIcon",
+      value: "clock",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "timeInput",
       themeValues: {
-        LightTheme: "schedule",
-        DarkTheme: "schedule"
+        LightTheme: "clock",
+        DarkTheme: "clock"
       }
     },
     {
@@ -14993,6 +15660,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "button"
       }
     },
+    {
+      id: "button.behavior.motion",
+      value: "control",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "button",
+      themeValues: {
+        LightTheme: "control",
+        DarkTheme: "control"
+      }
+    },
     {
       id: "iconButton.behavior.borderRadius",
       value: "max",
@@ -15005,6 +15684,78 @@ placeholder="Name or address\u2026"
         DarkTheme: "max"
       }
     },
+    {
+      id: "iconButton.behavior.motion",
+      value: "control",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "iconButton",
+      themeValues: {
+        LightTheme: "control",
+        DarkTheme: "control"
+      }
+    },
+    {
+      id: "inlineButton.behavior.linkColor",
+      value: "primary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "inlineButton",
+      themeValues: {
+        LightTheme: "primary",
+        DarkTheme: "primary"
+      }
+    },
+    {
+      id: "inlineButton.behavior.underline",
+      value: false,
+      type: "boolean",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "inlineButton",
+      themeValues: {
+        LightTheme: false,
+        DarkTheme: false
+      }
+    },
+    {
+      id: "inlineButton.behavior.underlineOnHover",
+      value: true,
+      type: "boolean",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "inlineButton",
+      themeValues: {
+        LightTheme: true,
+        DarkTheme: true
+      }
+    },
+    {
+      id: "inlineButton.behavior.underlineOffset",
+      value: "0.15em",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "inlineButton",
+      themeValues: {
+        LightTheme: "0.15em",
+        DarkTheme: "0.15em"
+      }
+    },
+    {
+      id: "inlineButton.behavior.gap",
+      value: "xxs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "inlineButton",
+      themeValues: {
+        LightTheme: "xxs",
+        DarkTheme: "xxs"
+      }
+    },
     {
       id: "card.behavior.borderRadius",
       value: "xs",
@@ -15065,6 +15816,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "disabled"
       }
     },
+    {
+      id: "dataTable.behavior.motion",
+      value: "control",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dataTable",
+      themeValues: {
+        LightTheme: "control",
+        DarkTheme: "control"
+      }
+    },
     {
       id: "dataTable.behavior.color",
       value: "primary-surface",
@@ -15714,15 +16477,15 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "slider.behavior.transitionMs",
-      value: 120,
-      type: "number",
+      id: "slider.behavior.motion",
+      value: "snap",
+      type: "string",
       kind: "behavioral",
       target: "component-prop",
       appliesTo: "slider",
       themeValues: {
-        LightTheme: 120,
-        DarkTheme: 120
+        LightTheme: "snap",
+        DarkTheme: "snap"
       }
     },
     {
@@ -15941,6 +16704,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "control"
       }
     },
+    {
+      id: "tooltip.behavior.motion",
+      value: "notification",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tooltip",
+      themeValues: {
+        LightTheme: "notification",
+        DarkTheme: "notification"
+      }
+    },
     {
       id: "tooltip.behavior.borderRadius",
       value: "xs",
@@ -16074,7 +16849,7 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "callout.behavior.closeSymbol",
+      id: "callout.behavior.closeIcon",
       value: "close",
       type: "string",
       kind: "behavioral",
@@ -16305,6 +17080,12 @@ placeholder="Name or address\u2026"
         "shadow.dialog": "rgba(23, 25, 43, 0.2) 0px 3px 5px -1px, rgba(23, 25, 43, 0.14) 0px 6px 10px 0px, rgba(23, 25, 43, 0.12) 0px 1px 18px 0px",
         "shadow.warn": "0 0 5px rgba(204, 40, 39, 0.5), inset 0 0 5px rgba(204, 40, 39, 0.3)",
         "backdrop.scrim": '{"background":"rgba(255, 255, 255, 0.6)","backdropFilter":"blur(2px)"}',
+        "motion.popup": '{"duration":100,"easing":"linear","scale":0.8}',
+        "motion.panel": '{"duration":250,"easing":"ease"}',
+        "motion.reveal": '{"duration":350,"easing":"ease-in-out"}',
+        "motion.notification": '{"duration":350,"easing":"ease-in-out"}',
+        "motion.control": '{"duration":300,"easing":"ease"}',
+        "motion.snap": '{"duration":120,"easing":"ease"}',
         "thickness.thin": 1,
         "thickness.standard": 2,
         "thickness.thick": 4,
@@ -16332,7 +17113,7 @@ placeholder="Name or address\u2026"
         "typography.note": '{"fontFamily":"Roboto","fontSize":14,"lineHeight":22,"fontStyle":"italic"}',
         "typography.badge": '{"fontFamily":"Red Hat Display","fontSize":16,"lineHeight":24}',
         "typography.stat": '{"fontFamily":"Red Hat Display","fontSize":32,"lineHeight":38,"fontWeight":600,"letterSpacing":-0.32}',
-        "typography.tag": '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":600}',
+        "typography.tag": '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":500}',
         "typography.input": '{"fontFamily":"Red Hat Display","fontSize":14,"lineHeight":24}'
       },
       componentOptions: {
@@ -16346,7 +17127,7 @@ placeholder="Name or address\u2026"
           typeface: "label",
           color: "on-background-variant",
           currentColor: "on-background",
-          separatorSymbol: "chevron_right",
+          separatorIcon: "chevronRight",
           gap: "xs"
         },
         appBar: {
@@ -16391,7 +17172,7 @@ placeholder="Name or address\u2026"
         avatar: {
           borderRadius: "max",
           typeface: "subtitle-2",
-          fallbackSymbol: "person"
+          fallbackIcon: "profile"
         },
         avatarGroup: {
           overlap: "sm",
@@ -16399,8 +17180,8 @@ placeholder="Name or address\u2026"
           ringWidth: 2
         },
         searchInput: {
-          searchSymbol: "search",
-          clearSymbol: "close",
+          searchIcon: "search",
+          clearIcon: "close",
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
@@ -16408,6 +17189,7 @@ placeholder="Name or address\u2026"
           maxSuggestions: 8
         },
         checkbox: {
+          motion: "control",
           size: 20,
           boxColor: "surface",
           borderRadius: 2,
@@ -16449,6 +17231,22 @@ placeholder="Name or address\u2026"
           closeButtonIcon: "close",
           closeButtonSize: "md"
         },
+        select: {
+          toggleIcon: "chevronDown",
+          toggleColor: "on-background-variant",
+          toggleSize: 20
+        },
+        buttonGroup: {
+          border: "quaternary",
+          borderRadius: 4
+        },
+        progressBar: {
+          trackColor: "primary-surface",
+          fillColor: "secondary-surface",
+          completeColor: "secondary",
+          borderColor: "on-background-variant",
+          strokeWidth: 1
+        },
         dropdown: {
           border: "none",
           borderRadius: "xxs",
@@ -16470,7 +17268,7 @@ placeholder="Name or address\u2026"
           borderRadius: "none",
           typeface: "label",
           hoverColor: "primary-container",
-          activeSymbol: "check",
+          activeIcon: "check",
           motion: "control"
         },
         popover: {
@@ -16483,7 +17281,7 @@ placeholder="Name or address\u2026"
           maxWidth: "38ch",
           offset: 7,
           arrowSize: 8,
-          closeSymbol: "close",
+          closeIcon: "close",
           headerTypeface: "title-small",
           tooltipPadding: "4px 8px",
           tooltipOpenDelay: 500,
@@ -16493,12 +17291,6 @@ placeholder="Name or address\u2026"
         expand: {
           motion: "reveal"
         },
-        footer: {
-          height: 52,
-          color: "primary",
-          logoHeight: 18.6,
-          logoPadding: "md"
-        },
         input: {
           typeface: "input",
           color: "primary-surface",
@@ -16550,6 +17342,7 @@ placeholder="Name or address\u2026"
           valueWidth: "3ch"
         },
         tabs: {
+          motion: "snap",
           typeface: "title-small",
           textColor: "on-surface-variant",
           activeTextColor: "primary",
@@ -16577,7 +17370,13 @@ placeholder="Name or address\u2026"
           typeface: "tag",
           gap: "xs",
           removeIcon: "close",
-          selectedIcon: "check"
+          selectedIcon: "check",
+          motion: "control",
+          endInset: "auto"
+        },
+        tagGroup: {
+          gap: "xs",
+          rowGap: "xs"
         },
         tagInput: {
           chipGap: "xs",
@@ -16593,8 +17392,8 @@ placeholder="Name or address\u2026"
           dayBorderRadius: "max",
           typeface: "label",
           gap: "xxs",
-          navPrevSymbol: "chevron_left",
-          navNextSymbol: "chevron_right",
+          navPrevIcon: "chevronLeft",
+          navNextIcon: "chevronRight",
           weekdayFormat: "short",
           showOutsideDays: false,
           todayStyle: "outline"
@@ -16611,13 +17410,13 @@ placeholder="Name or address\u2026"
           descriptionColor: "on-primary-surface-variant"
         },
         dateInput: {
-          toggleSymbol: "calendar_month",
+          toggleIcon: "calendar",
           popupShadow: "menu",
           popupBorderRadius: "xs",
           popupColor: "primary-surface"
         },
         timeInput: {
-          toggleSymbol: "schedule",
+          toggleIcon: "clock",
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
@@ -16630,10 +17429,19 @@ placeholder="Name or address\u2026"
         },
         button: {
           borderRadius: "max",
-          typeface: "button"
+          typeface: "button",
+          motion: "control"
         },
         iconButton: {
-          borderRadius: "max"
+          borderRadius: "max",
+          motion: "control"
+        },
+        inlineButton: {
+          linkColor: "primary",
+          underline: false,
+          underlineOnHover: true,
+          underlineOffset: "0.15em",
+          gap: "xxs"
         },
         card: {
           borderRadius: "xs"
@@ -16645,6 +17453,7 @@ placeholder="Name or address\u2026"
           placeholderColor: "disabled"
         },
         dataTable: {
+          motion: "control",
           color: "primary-surface",
           border: "light",
           borderRadius: "sm",
@@ -16707,7 +17516,7 @@ placeholder="Name or address\u2026"
           tooltipTextColor: "on-inverse-surface",
           tooltipShadow: "menu",
           tooltipBorderRadius: "xs",
-          transitionMs: 120
+          motion: "snap"
         },
         skeleton: {
           color: "surface-variant",
@@ -16736,6 +17545,7 @@ placeholder="Name or address\u2026"
           motion: "control"
         },
         tooltip: {
+          motion: "notification",
           borderRadius: "xs",
           shadow: "raised",
           color: "inverse-surface",
@@ -16749,7 +17559,7 @@ placeholder="Name or address\u2026"
           padding: "16px",
           headerTypeface: "title-small",
           typeface: "label",
-          closeSymbol: "close",
+          closeIcon: "close",
           arrowSize: 8,
           offset: 12,
           scrimColor: "rgba(0, 0, 0, 0.45)",
@@ -16875,6 +17685,12 @@ placeholder="Name or address\u2026"
         "shadow.dialog": "0px 8px 28px rgba(0, 0, 0, 0.55)",
         "shadow.warn": "0 0 5px rgba(255, 150, 138, 0.55), inset 0 0 5px rgba(255, 150, 138, 0.35)",
         "backdrop.scrim": '{"background":"rgba(255, 255, 255, 0.6)","backdropFilter":"blur(2px)"}',
+        "motion.popup": '{"duration":100,"easing":"linear","scale":0.8}',
+        "motion.panel": '{"duration":250,"easing":"ease"}',
+        "motion.reveal": '{"duration":350,"easing":"ease-in-out"}',
+        "motion.notification": '{"duration":350,"easing":"ease-in-out"}',
+        "motion.control": '{"duration":300,"easing":"ease"}',
+        "motion.snap": '{"duration":120,"easing":"ease"}',
         "thickness.thin": 1,
         "thickness.standard": 2,
         "thickness.thick": 4,
@@ -16902,7 +17718,7 @@ placeholder="Name or address\u2026"
         "typography.note": '{"fontFamily":"Roboto","fontSize":14,"lineHeight":22,"fontStyle":"italic"}',
         "typography.badge": '{"fontFamily":"Red Hat Display","fontSize":16,"lineHeight":24}',
         "typography.stat": '{"fontFamily":"Red Hat Display","fontSize":32,"lineHeight":38,"fontWeight":600,"letterSpacing":-0.32}',
-        "typography.tag": '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":600}',
+        "typography.tag": '{"fontFamily":"Red Hat Display","fontSize":15,"lineHeight":20,"fontWeight":500}',
         "typography.input": '{"fontFamily":"Red Hat Display","fontSize":14,"lineHeight":24}'
       },
       componentOptions: {
@@ -16916,7 +17732,7 @@ placeholder="Name or address\u2026"
           typeface: "label",
           color: "on-background-variant",
           currentColor: "on-background",
-          separatorSymbol: "chevron_right",
+          separatorIcon: "chevronRight",
           gap: "xs"
         },
         appBar: {
@@ -16961,7 +17777,7 @@ placeholder="Name or address\u2026"
         avatar: {
           borderRadius: "max",
           typeface: "subtitle-2",
-          fallbackSymbol: "person"
+          fallbackIcon: "profile"
         },
         avatarGroup: {
           overlap: "sm",
@@ -16969,8 +17785,8 @@ placeholder="Name or address\u2026"
           ringWidth: 2
         },
         searchInput: {
-          searchSymbol: "search",
-          clearSymbol: "close",
+          searchIcon: "search",
+          clearIcon: "close",
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
@@ -16978,6 +17794,7 @@ placeholder="Name or address\u2026"
           maxSuggestions: 8
         },
         checkbox: {
+          motion: "control",
           size: 20,
           boxColor: "surface",
           borderRadius: 2,
@@ -17019,6 +17836,22 @@ placeholder="Name or address\u2026"
           closeButtonIcon: "close",
           closeButtonSize: "md"
         },
+        select: {
+          toggleIcon: "chevronDown",
+          toggleColor: "on-background-variant",
+          toggleSize: 20
+        },
+        buttonGroup: {
+          border: "quaternary",
+          borderRadius: 4
+        },
+        progressBar: {
+          trackColor: "primary-surface",
+          fillColor: "secondary-surface",
+          completeColor: "secondary",
+          borderColor: "on-background-variant",
+          strokeWidth: 1
+        },
         dropdown: {
           border: "none",
           borderRadius: "xxs",
@@ -17040,7 +17873,7 @@ placeholder="Name or address\u2026"
           borderRadius: "none",
           typeface: "label",
           hoverColor: "primary-container",
-          activeSymbol: "check",
+          activeIcon: "check",
           motion: "control"
         },
         popover: {
@@ -17053,7 +17886,7 @@ placeholder="Name or address\u2026"
           maxWidth: "38ch",
           offset: 7,
           arrowSize: 8,
-          closeSymbol: "close",
+          closeIcon: "close",
           headerTypeface: "title-small",
           tooltipPadding: "4px 8px",
           tooltipOpenDelay: 500,
@@ -17063,12 +17896,6 @@ placeholder="Name or address\u2026"
         expand: {
           motion: "reveal"
         },
-        footer: {
-          height: 52,
-          color: "primary",
-          logoHeight: 18.6,
-          logoPadding: "md"
-        },
         input: {
           typeface: "input",
           color: "primary-surface",
@@ -17120,6 +17947,7 @@ placeholder="Name or address\u2026"
           valueWidth: "3ch"
         },
         tabs: {
+          motion: "snap",
           typeface: "title-small",
           textColor: "on-surface-variant",
           activeTextColor: "primary",
@@ -17147,7 +17975,13 @@ placeholder="Name or address\u2026"
           typeface: "tag",
           gap: "xs",
           removeIcon: "close",
-          selectedIcon: "check"
+          selectedIcon: "check",
+          motion: "control",
+          endInset: "auto"
+        },
+        tagGroup: {
+          gap: "xs",
+          rowGap: "xs"
         },
         tagInput: {
           chipGap: "xs",
@@ -17163,8 +17997,8 @@ placeholder="Name or address\u2026"
           dayBorderRadius: "max",
           typeface: "label",
           gap: "xxs",
-          navPrevSymbol: "chevron_left",
-          navNextSymbol: "chevron_right",
+          navPrevIcon: "chevronLeft",
+          navNextIcon: "chevronRight",
           weekdayFormat: "short",
           showOutsideDays: false,
           todayStyle: "outline"
@@ -17181,13 +18015,13 @@ placeholder="Name or address\u2026"
           descriptionColor: "on-primary-surface-variant"
         },
         dateInput: {
-          toggleSymbol: "calendar_month",
+          toggleIcon: "calendar",
           popupShadow: "menu",
           popupBorderRadius: "xs",
           popupColor: "primary-surface"
         },
         timeInput: {
-          toggleSymbol: "schedule",
+          toggleIcon: "clock",
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
@@ -17200,10 +18034,19 @@ placeholder="Name or address\u2026"
         },
         button: {
           borderRadius: "max",
-          typeface: "button"
+          typeface: "button",
+          motion: "control"
         },
         iconButton: {
-          borderRadius: "max"
+          borderRadius: "max",
+          motion: "control"
+        },
+        inlineButton: {
+          linkColor: "primary",
+          underline: false,
+          underlineOnHover: true,
+          underlineOffset: "0.15em",
+          gap: "xxs"
         },
         card: {
           borderRadius: "xs"
@@ -17215,6 +18058,7 @@ placeholder="Name or address\u2026"
           placeholderColor: "disabled"
         },
         dataTable: {
+          motion: "control",
           color: "primary-surface",
           border: "light",
           borderRadius: "sm",
@@ -17277,7 +18121,7 @@ placeholder="Name or address\u2026"
           tooltipTextColor: "on-inverse-surface",
           tooltipShadow: "menu",
           tooltipBorderRadius: "xs",
-          transitionMs: 120
+          motion: "snap"
         },
         skeleton: {
           color: "surface-variant",
@@ -17306,6 +18150,7 @@ placeholder="Name or address\u2026"
           motion: "control"
         },
         tooltip: {
+          motion: "notification",
           borderRadius: "xs",
           shadow: "raised",
           color: "inverse-surface",
@@ -17319,7 +18164,7 @@ placeholder="Name or address\u2026"
           padding: "16px",
           headerTypeface: "title-small",
           typeface: "label",
-          closeSymbol: "close",
+          closeIcon: "close",
           arrowSize: 8,
           offset: 12,
           scrimColor: "rgba(0, 0, 0, 0.45)",
@@ -17340,6 +18185,62 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-angular",
       releases: [
+        {
+          version: "11.1.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "Selection, hover and density become theme decisions on `uni-tag`, and add `uni-tag-group`.",
+              body: "`uni-tag` had the right axes but made the app do the work. `selected` painted nothing \u2014 it set `aria-pressed` and swapped the lead glyph \u2014 so every toggle chip in app markup carried a `[tone]=\"on() ? 'solid' : 'soft'\"` of its own. Interactive chips had no hover state at all. The selected check was added rather than reserved, so picking a chip reflowed the whole row.\n\n**Selection paints itself.** A selected chip adds a `tag-selected` class and an interactive one adds `tag-interactive`, both as much public theme contract as `&.tone-*` already was. The base theme's `tag` variants use them: selection promotes a chip to its role's solid pair at every tone (`solid` deepens instead of refilling), and `&.tag-interactive:hover` is a `brightness(0.95)` wash that darkens fill, ink and edge together. A theme restyling either writes the rules per variant, beside the colours they belong to.\n\n**A toggle chip holds the check's place.** Bind `selected` and the chip reserves the glyph's footprint while unselected, so picking one never resizes it. A chip that already has a lead needs no slot \u2014 the check replaces the avatar or icon at identical width.\n\n**`uni-tag-group`** is a row of chips the user picks from. It renders its own chips from `items` and owns the two things an app was otherwise wiring per chip: which one is selected (`value`, plus `multiple`) and which one holds the tab stop. Keyboard model is the toolbar pattern \u2014 one tab stop for the whole row, arrow keys within it, on both axes because the row wraps. `layout=\"justify\"` stretches each filled row flush to both edges and leaves the last row at its natural widths, the way justified text leaves its last line alone. It is themed as **`tagGroup`** (`gap`, `rowGap`, `chipSize`, `chipTone`, `chipVariant`), layout only \u2014 every colour decision stays on the chips, so a group restyles with them.\n\n**Visual changes to every existing chip**, including the chips inside `uni-tag-input`:\n- A lead element and the remove control now **tuck into the rounded end** instead of starting where the radius ends \u2014 each sits concentric with the curve it is in, so a small status dot sits further in than a full lead box. A lead is balanced against, so the **label sits centred**; the tuck costs less than the old gutter did, so that balance is largely paid for rather than added. A remove control is not balanced against on its own, since it reads as an affordance rather than as content \u2014 a chip with nothing but a remove button keeps its gutter and simply tucks the glyph. A chip whose ends are too square to flow into (`borderRadius: 'xs'`) keeps the size token's gutter at both ends.\n- The `tag` typeface drops from **weight 600 to 500**. Geometry is unchanged; what made these chips read louder than the ones they replaced was the weight, not the size.\n- `border-color` and `filter` join the transition list, so an outline\u2194solid change fades its edge instead of snapping while the fill animates, and the hover wash fades in.\n\nNew `tag` theme option **`endInset`** (`number | 'auto'`) sets how far that tuck goes; `auto` derives it from the chip so the lead sits concentric with the cap. The `tag` size tokens now state `paddingInline` rather than a `padding` shorthand, since the chip reads that number back to balance the label \u2014 a theme still stating the shorthand is parsed as before.\n\n`UniTagComponent` is now generic in its value (`UniTagComponent<T extends UniTagValue = UniTagValue>`), so `value`, `removed` and `activated` carry an app's own type and `$event` flows without a closure. The default type parameter leaves every existing use compiling unchanged.",
+              commit: "d00b2fe"
+            }
+          ],
+          dependencyBumps: []
+        },
+        {
+          version: "11.0.0",
+          entries: [
+            {
+              bump: "major",
+              title: "Require Angular 22. `@angular/common`, `@angular/core` and `@angular/forms` move from `^21.2.0` to `^22.0.0`, so 11.x tracks Angular 22 and 10.x remains the Angular 21 line \u2014 one major of this package per Angular major, as documented. The old range excluded v22 outright, so an app that had taken Angular 22 could not install this package without a peer override.",
+              body: "Two consequences of the framework's own changes:\n\n**`touch` output on every form control.** Angular 22 marks a bound field touched through a dedicated `touch` output rather than through the `touched` model, which the `Field` directive now binds inward only. All sixteen controls that track touched state (input, textarea, checkbox, radio, toggle, select, combobox, multi-select, tag-input, calendar, date/date-time/time inputs, number/number-range inputs, quantity-stepper, slider) emit it wherever they already considered the user done with the control. Without it, `touched()` never flips and error display gated on it never appears.\n\n**`min` / `max` typing.** The contract now types `min`/`max` as the control's own value type rather than as numbers. Where that still fits, the input was widened (`uni-slider`). Where it does not \u2014 a text control's native numeric attributes (`uni-input`), a range control's scalar bounds (`uni-number-range-input`), a tag limit (`uni-tag-input`) \u2014 the class member steps aside and the public binding name is preserved by an alias, so **templates are unchanged**. Only code reaching these through a `ViewChild` instance is affected: `min`/`max` are now `minAttr`/`maxAttr` on `uni-input`, `minValue`/`maxValue` on `uni-number-range-input`, and `max` is `maxLength` on `uni-tag-input`. `uni-number-range-input`'s protected `valueOf()` is renamed `partValue()`, since `valueOf` collides with `Object.valueOf`.\n\nAngular 22 also makes `OnPush` the default change detection; every component here already set it explicitly.",
+              commit: "8fef84f"
+            },
+            {
+              bump: "major",
+              title: "Add `uni-inline-button`, and remove the `footer` component name.",
+              body: "**`uni-inline-button`** is an action that lives inside a sentence. Every other button in the library owns a box \u2014 even `ghost` carries padding and a hit area, so dropping one into a paragraph pushes the words apart and breaks the line's rhythm. This one adds no box: it inherits the surrounding type (family, size, weight, line height, letter spacing and colour) and renders as part of the run of text.\n\n```html\nYour data is processed under the terms you accepted. You can\n<button inline-button underline link>review them</button> at any time.\n```\n\nIt is always a real `<button>`, so it can _look_ like a link without claiming to be navigation: Enter and Space activate it and assistive tech announces a button rather than an unfollowable link. Reach for an `<a>` when the thing actually goes somewhere.\n\nInputs: `underline` and `link` (both tri-state against the theme's defaults, and both readable as bare attributes), `iconName` / `symbolName` with `iconPosition`, and `disable`. A glyph is sized in `em` rather than px, so the same markup reads correctly in a caption and in a headline and never changes the line height of the paragraph it sits in.\n\nIt is themed as **`inlineButton`**, with `linkColor`, `underline`, `underlineOnHover`, `underlineOffset`, `gap` and `focusColor`. This replaces the `textButton` name that had sat in `ComponentName` since before there was anything to put behind it \u2014 **`ComponentName`'s `'textButton'` is renamed to `'inlineButton'`, and the exported options type `UniTextButtonOptions` to `UniInlineButtonOptions`.** Nothing shipped a `textButton` entry, so a theme only needs the rename if it had reached for the unbacked name.\n\nOne documented limit: browsers blockify every `<button>` to `inline-block` whatever `display` it asks for, so the control is an atomic inline box. A long label wraps inside it, but the run moves to the next line whole rather than splitting where the surrounding words would. `display: contents` would fix that and cost the button its focusability, so labels should stay to a few words.\n\n**`footer` is removed** from `ComponentName` and from the base theme. It was declared and themed but never built, so a theme could set options that reached nothing. Themes that state a `footer` entry now fail to type-check; delete the entry.",
+              commit: "403043a"
+            },
+            {
+              bump: "major",
+              title: "Put every remaining hardcoded animation duration on the `motion` scale. Seventeen sites across twelve components carried their own literal, so a theme could retime some of the library and not the rest.",
+              body: "New `motion` options, each defaulting to the token named: `button`, `iconButton`, `checkbox`, `tabs`, `tooltip`, `dataTable`, `tag`. `uni-sort-header` names `control` directly \u2014 it has no theme entry to hang an option on. `combobox`'s chevron now turns with the popup it opens, reading that component's existing `motion` option.\n\nTimings move where the literal and the token disagreed:\n\n|                                           | before            | after             | token          |\n| ----------------------------------------- | ----------------- | ----------------- | -------------- |\n| button, icon-button, data-table row hover | 280ms ease        | 300ms ease        | `control`      |\n| checkbox box and dash                     | 200ms ease        | 300ms ease        | `control`      |\n| checkbox tick (drawn, trails the box)     | 500ms ease        | 350ms ease-in-out | `reveal`       |\n| tabs ink and indicator                    | 150ms ease        | 120ms ease        | `snap`         |\n| combobox chevron                          | 150ms ease        | 100ms linear      | `popup`        |\n| tag fill and ink                          | 200ms ease        | 300ms ease        | `control`      |\n| sort-header arrow                         | 350ms ease-in-out | 300ms ease        | `control`      |\n| alert, snackbar dismiss                   | 300ms             | 350ms             | `notification` |\n| data-table detail expand                  | 300ms ease        | 350ms ease-in-out | `reveal`       |\n| tooltip fade, data-table loading overlay  | 350ms             | unchanged         | `notification` |\n\nTwo of these lived in the theme rather than in a component: `button.fixed` and `tag.fixed` each baked a `transition`, and the button's won over the component that had already been migrated \u2014 so the button kept its old timing regardless. Both are gone; the components own their transitions and follow the token at runtime. A spec now fails if any shipped theme states a duration in a style block.\n\n`uni-skeleton` still stays out: its shimmer is a loop, not a transition.",
+              commit: "2e4a6a4"
+            },
+            {
+              bump: "major",
+              title: "Move `uni-slider`'s click-to-jump timing onto the `motion` scale. The `slider.transitionMs` theme option is removed; use `slider.motion` \u2014 a token name \u2014 instead.",
+              body: "It was the last duration option outside the scale. The other eight went in 9.0.0, but the slider was rewritten for the numeric family afterwards and reintroduced its own, so a theme could retime every animated component except this one.\n\nThe scale gains a sixth token for it, `snap` (120ms `ease`), which is the slider's exact previous timing \u2014 nothing moves faster or slower than before. It is a separate token rather than a reuse of `control` because the two describe different motion: `control` times a state change in place (a hover fill, a check mark) and runs 300ms, where a slider thumb covers distance to a value the user just chose and at 300ms reads as lagging the input rather than answering it. A drag is still never animated.\n\nThemes setting `slider.transitionMs` should set `motion.snap` instead, which also retimes anything else pointed at that token.",
+              commit: "2dc4fb5"
+            },
+            {
+              bump: "major",
+              title: "Composite components now render their glyphs through `uni-icon` theme tokens instead of `uni-symbol` ligatures, completing the rule set in `AGENTS.md`. Thirteen theme options are renamed and retyped from `string` to `IconName`:",
+              body: "| Component              | before                            | after                                 |\n| ---------------------- | --------------------------------- | ------------------------------------- |\n| date-input, time-input | `toggleSymbol`                    | `toggleIcon` (`calendar`, `clock`)    |\n| calendar               | `navPrevSymbol` / `navNextSymbol` | `navPrevIcon` / `navNextIcon`         |\n| menu-item              | `activeSymbol`                    | `activeIcon`                          |\n| avatar                 | `fallbackSymbol`                  | `fallbackIcon` (`person` \u2192 `profile`) |\n| breadcrumb             | `separatorSymbol`                 | `separatorIcon`                       |\n| search-input           | `searchSymbol` / `clearSymbol`    | `searchIcon` / `clearIcon`            |\n| callout, popover       | `closeSymbol`                     | `closeIcon`                           |\n\n`drawer-header` and `dialog-header` shipped both `closeButtonIcon` and `closeButtonSymbol`; the `*Symbol` half is removed, and since `symbolName` outranked `iconName` inside the icon button, those two headers were still rendering the ligature path until now.\n\nFour glyphs join `BaseIcons` (65 total): `arrowUp`/`arrowDown` and `chevronsLeft`/`chevronsRight`, which is what unblocked `uni-sort-header` and `uni-paginator`. `select-input`, `multi-select-dropdown` and `data-search` also stopped hardcoding ligatures.\n\n**Migrating:** rename the option in your theme and swap the Material ligature for an icon token \u2014 `activeSymbol: 'check'` becomes `activeIcon: 'check'`, `toggleSymbol: 'calendar_month'` becomes `toggleIcon: 'calendar'`. Any glyph you need that `BaseIcons` lacks can be registered through `createTheme({ icons })`.\n\n`uni-symbol` is unchanged and still the right tool for app-facing inputs that take arbitrary ligature names \u2014 `symbolName` on icon-button, tag, alert, snackbar and menu-item, and `symbolLeft`/`symbolRight` on button. One consequence worth knowing: `uni-icon` has no variable-font axes, so a theme setting `symbol: { options: { weight } }` no longer affects these composites' glyphs \u2014 they take the icon set's weight (300). The Wellsourced theme, which sets weight 200, has accepted this.",
+              commit: "44feb5d"
+            },
+            {
+              bump: "major",
+              title: "Remove the deprecated `toggle.size` theme option and wire up three component names that were declared but unreachable.",
+              body: "`toggle.size` was the last `@deprecated` API in the library \u2014 the pre-`sizes` geometry (width 2x, knob 0.8x) that outranked the size block for every instance regardless of a toggle's own `size` input. No shipped theme set it. Use the `toggle.sizes` block, which gives each size token its own `width` / `height` / `padding`.\n\n`select`, `buttonGroup` and `progressBar` were listed in `ComponentName` with no theme entry and no `COMPONENT_NAME` provider behind them, so a theme could not dress them however it tried. Each now has an entry whose defaults are exactly what the component previously hardcoded, so nothing moves:\n- **`select`** \u2014 `toggleIcon`, `toggleColor`, `toggleSize` for the dropdown affordance, matching `uni-combobox`'s (`chevronDown`, `on-background-variant`, 20).\n- **`buttonGroup`** \u2014 `border` and `borderRadius` for the segmented frame, previously a literal `quaternary` border and 4px corners.\n- **`progressBar`** \u2014 `trackColor`, `fillColor`, `completeColor`, `borderColor` and `strokeWidth`, previously read straight off the palette.\n\nThe two remaining names are dealt with separately: `textButton` is renamed `inlineButton` and now backs the new `uni-inline-button`, and `footer` is removed from `ComponentName` altogether.",
+              commit: "0b1c528"
+            }
+          ],
+          dependencyBumps: [
+            "@uni-design-system/uni-core@11.0.0"
+          ]
+        },
         {
           version: "10.4.0",
           entries: [
@@ -18128,6 +19029,66 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-core",
       releases: [
+        {
+          version: "11.1.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "Selection, hover and density become theme decisions on `uni-tag`, and add `uni-tag-group`.",
+              body: "`uni-tag` had the right axes but made the app do the work. `selected` painted nothing \u2014 it set `aria-pressed` and swapped the lead glyph \u2014 so every toggle chip in app markup carried a `[tone]=\"on() ? 'solid' : 'soft'\"` of its own. Interactive chips had no hover state at all. The selected check was added rather than reserved, so picking a chip reflowed the whole row.\n\n**Selection paints itself.** A selected chip adds a `tag-selected` class and an interactive one adds `tag-interactive`, both as much public theme contract as `&.tone-*` already was. The base theme's `tag` variants use them: selection promotes a chip to its role's solid pair at every tone (`solid` deepens instead of refilling), and `&.tag-interactive:hover` is a `brightness(0.95)` wash that darkens fill, ink and edge together. A theme restyling either writes the rules per variant, beside the colours they belong to.\n\n**A toggle chip holds the check's place.** Bind `selected` and the chip reserves the glyph's footprint while unselected, so picking one never resizes it. A chip that already has a lead needs no slot \u2014 the check replaces the avatar or icon at identical width.\n\n**`uni-tag-group`** is a row of chips the user picks from. It renders its own chips from `items` and owns the two things an app was otherwise wiring per chip: which one is selected (`value`, plus `multiple`) and which one holds the tab stop. Keyboard model is the toolbar pattern \u2014 one tab stop for the whole row, arrow keys within it, on both axes because the row wraps. `layout=\"justify\"` stretches each filled row flush to both edges and leaves the last row at its natural widths, the way justified text leaves its last line alone. It is themed as **`tagGroup`** (`gap`, `rowGap`, `chipSize`, `chipTone`, `chipVariant`), layout only \u2014 every colour decision stays on the chips, so a group restyles with them.\n\n**Visual changes to every existing chip**, including the chips inside `uni-tag-input`:\n- A lead element and the remove control now **tuck into the rounded end** instead of starting where the radius ends \u2014 each sits concentric with the curve it is in, so a small status dot sits further in than a full lead box. A lead is balanced against, so the **label sits centred**; the tuck costs less than the old gutter did, so that balance is largely paid for rather than added. A remove control is not balanced against on its own, since it reads as an affordance rather than as content \u2014 a chip with nothing but a remove button keeps its gutter and simply tucks the glyph. A chip whose ends are too square to flow into (`borderRadius: 'xs'`) keeps the size token's gutter at both ends.\n- The `tag` typeface drops from **weight 600 to 500**. Geometry is unchanged; what made these chips read louder than the ones they replaced was the weight, not the size.\n- `border-color` and `filter` join the transition list, so an outline\u2194solid change fades its edge instead of snapping while the fill animates, and the hover wash fades in.\n\nNew `tag` theme option **`endInset`** (`number | 'auto'`) sets how far that tuck goes; `auto` derives it from the chip so the lead sits concentric with the cap. The `tag` size tokens now state `paddingInline` rather than a `padding` shorthand, since the chip reads that number back to balance the label \u2014 a theme still stating the shorthand is parsed as before.\n\n`UniTagComponent` is now generic in its value (`UniTagComponent<T extends UniTagValue = UniTagValue>`), so `value`, `removed` and `activated` carry an app's own type and `$event` flows without a closure. The default type parameter leaves every existing use compiling unchanged.",
+              commit: "d00b2fe"
+            }
+          ],
+          dependencyBumps: []
+        },
+        {
+          version: "11.0.0",
+          entries: [
+            {
+              bump: "major",
+              title: "Require Angular 22. `@angular/common`, `@angular/core` and `@angular/forms` move from `^21.2.0` to `^22.0.0`, so 11.x tracks Angular 22 and 10.x remains the Angular 21 line \u2014 one major of this package per Angular major, as documented. The old range excluded v22 outright, so an app that had taken Angular 22 could not install this package without a peer override.",
+              body: "Two consequences of the framework's own changes:\n\n**`touch` output on every form control.** Angular 22 marks a bound field touched through a dedicated `touch` output rather than through the `touched` model, which the `Field` directive now binds inward only. All sixteen controls that track touched state (input, textarea, checkbox, radio, toggle, select, combobox, multi-select, tag-input, calendar, date/date-time/time inputs, number/number-range inputs, quantity-stepper, slider) emit it wherever they already considered the user done with the control. Without it, `touched()` never flips and error display gated on it never appears.\n\n**`min` / `max` typing.** The contract now types `min`/`max` as the control's own value type rather than as numbers. Where that still fits, the input was widened (`uni-slider`). Where it does not \u2014 a text control's native numeric attributes (`uni-input`), a range control's scalar bounds (`uni-number-range-input`), a tag limit (`uni-tag-input`) \u2014 the class member steps aside and the public binding name is preserved by an alias, so **templates are unchanged**. Only code reaching these through a `ViewChild` instance is affected: `min`/`max` are now `minAttr`/`maxAttr` on `uni-input`, `minValue`/`maxValue` on `uni-number-range-input`, and `max` is `maxLength` on `uni-tag-input`. `uni-number-range-input`'s protected `valueOf()` is renamed `partValue()`, since `valueOf` collides with `Object.valueOf`.\n\nAngular 22 also makes `OnPush` the default change detection; every component here already set it explicitly.",
+              commit: "8fef84f"
+            },
+            {
+              bump: "major",
+              title: "Add `uni-inline-button`, and remove the `footer` component name.",
+              body: "**`uni-inline-button`** is an action that lives inside a sentence. Every other button in the library owns a box \u2014 even `ghost` carries padding and a hit area, so dropping one into a paragraph pushes the words apart and breaks the line's rhythm. This one adds no box: it inherits the surrounding type (family, size, weight, line height, letter spacing and colour) and renders as part of the run of text.\n\n```html\nYour data is processed under the terms you accepted. You can\n<button inline-button underline link>review them</button> at any time.\n```\n\nIt is always a real `<button>`, so it can _look_ like a link without claiming to be navigation: Enter and Space activate it and assistive tech announces a button rather than an unfollowable link. Reach for an `<a>` when the thing actually goes somewhere.\n\nInputs: `underline` and `link` (both tri-state against the theme's defaults, and both readable as bare attributes), `iconName` / `symbolName` with `iconPosition`, and `disable`. A glyph is sized in `em` rather than px, so the same markup reads correctly in a caption and in a headline and never changes the line height of the paragraph it sits in.\n\nIt is themed as **`inlineButton`**, with `linkColor`, `underline`, `underlineOnHover`, `underlineOffset`, `gap` and `focusColor`. This replaces the `textButton` name that had sat in `ComponentName` since before there was anything to put behind it \u2014 **`ComponentName`'s `'textButton'` is renamed to `'inlineButton'`, and the exported options type `UniTextButtonOptions` to `UniInlineButtonOptions`.** Nothing shipped a `textButton` entry, so a theme only needs the rename if it had reached for the unbacked name.\n\nOne documented limit: browsers blockify every `<button>` to `inline-block` whatever `display` it asks for, so the control is an atomic inline box. A long label wraps inside it, but the run moves to the next line whole rather than splitting where the surrounding words would. `display: contents` would fix that and cost the button its focusability, so labels should stay to a few words.\n\n**`footer` is removed** from `ComponentName` and from the base theme. It was declared and themed but never built, so a theme could set options that reached nothing. Themes that state a `footer` entry now fail to type-check; delete the entry.",
+              commit: "403043a"
+            },
+            {
+              bump: "major",
+              title: "Put every remaining hardcoded animation duration on the `motion` scale. Seventeen sites across twelve components carried their own literal, so a theme could retime some of the library and not the rest.",
+              body: "New `motion` options, each defaulting to the token named: `button`, `iconButton`, `checkbox`, `tabs`, `tooltip`, `dataTable`, `tag`. `uni-sort-header` names `control` directly \u2014 it has no theme entry to hang an option on. `combobox`'s chevron now turns with the popup it opens, reading that component's existing `motion` option.\n\nTimings move where the literal and the token disagreed:\n\n|                                           | before            | after             | token          |\n| ----------------------------------------- | ----------------- | ----------------- | -------------- |\n| button, icon-button, data-table row hover | 280ms ease        | 300ms ease        | `control`      |\n| checkbox box and dash                     | 200ms ease        | 300ms ease        | `control`      |\n| checkbox tick (drawn, trails the box)     | 500ms ease        | 350ms ease-in-out | `reveal`       |\n| tabs ink and indicator                    | 150ms ease        | 120ms ease        | `snap`         |\n| combobox chevron                          | 150ms ease        | 100ms linear      | `popup`        |\n| tag fill and ink                          | 200ms ease        | 300ms ease        | `control`      |\n| sort-header arrow                         | 350ms ease-in-out | 300ms ease        | `control`      |\n| alert, snackbar dismiss                   | 300ms             | 350ms             | `notification` |\n| data-table detail expand                  | 300ms ease        | 350ms ease-in-out | `reveal`       |\n| tooltip fade, data-table loading overlay  | 350ms             | unchanged         | `notification` |\n\nTwo of these lived in the theme rather than in a component: `button.fixed` and `tag.fixed` each baked a `transition`, and the button's won over the component that had already been migrated \u2014 so the button kept its old timing regardless. Both are gone; the components own their transitions and follow the token at runtime. A spec now fails if any shipped theme states a duration in a style block.\n\n`uni-skeleton` still stays out: its shimmer is a loop, not a transition.",
+              commit: "2e4a6a4"
+            },
+            {
+              bump: "major",
+              title: "Move `uni-slider`'s click-to-jump timing onto the `motion` scale. The `slider.transitionMs` theme option is removed; use `slider.motion` \u2014 a token name \u2014 instead.",
+              body: "It was the last duration option outside the scale. The other eight went in 9.0.0, but the slider was rewritten for the numeric family afterwards and reintroduced its own, so a theme could retime every animated component except this one.\n\nThe scale gains a sixth token for it, `snap` (120ms `ease`), which is the slider's exact previous timing \u2014 nothing moves faster or slower than before. It is a separate token rather than a reuse of `control` because the two describe different motion: `control` times a state change in place (a hover fill, a check mark) and runs 300ms, where a slider thumb covers distance to a value the user just chose and at 300ms reads as lagging the input rather than answering it. A drag is still never animated.\n\nThemes setting `slider.transitionMs` should set `motion.snap` instead, which also retimes anything else pointed at that token.",
+              commit: "2dc4fb5"
+            },
+            {
+              bump: "major",
+              title: "Composite components now render their glyphs through `uni-icon` theme tokens instead of `uni-symbol` ligatures, completing the rule set in `AGENTS.md`. Thirteen theme options are renamed and retyped from `string` to `IconName`:",
+              body: "| Component              | before                            | after                                 |\n| ---------------------- | --------------------------------- | ------------------------------------- |\n| date-input, time-input | `toggleSymbol`                    | `toggleIcon` (`calendar`, `clock`)    |\n| calendar               | `navPrevSymbol` / `navNextSymbol` | `navPrevIcon` / `navNextIcon`         |\n| menu-item              | `activeSymbol`                    | `activeIcon`                          |\n| avatar                 | `fallbackSymbol`                  | `fallbackIcon` (`person` \u2192 `profile`) |\n| breadcrumb             | `separatorSymbol`                 | `separatorIcon`                       |\n| search-input           | `searchSymbol` / `clearSymbol`    | `searchIcon` / `clearIcon`            |\n| callout, popover       | `closeSymbol`                     | `closeIcon`                           |\n\n`drawer-header` and `dialog-header` shipped both `closeButtonIcon` and `closeButtonSymbol`; the `*Symbol` half is removed, and since `symbolName` outranked `iconName` inside the icon button, those two headers were still rendering the ligature path until now.\n\nFour glyphs join `BaseIcons` (65 total): `arrowUp`/`arrowDown` and `chevronsLeft`/`chevronsRight`, which is what unblocked `uni-sort-header` and `uni-paginator`. `select-input`, `multi-select-dropdown` and `data-search` also stopped hardcoding ligatures.\n\n**Migrating:** rename the option in your theme and swap the Material ligature for an icon token \u2014 `activeSymbol: 'check'` becomes `activeIcon: 'check'`, `toggleSymbol: 'calendar_month'` becomes `toggleIcon: 'calendar'`. Any glyph you need that `BaseIcons` lacks can be registered through `createTheme({ icons })`.\n\n`uni-symbol` is unchanged and still the right tool for app-facing inputs that take arbitrary ligature names \u2014 `symbolName` on icon-button, tag, alert, snackbar and menu-item, and `symbolLeft`/`symbolRight` on button. One consequence worth knowing: `uni-icon` has no variable-font axes, so a theme setting `symbol: { options: { weight } }` no longer affects these composites' glyphs \u2014 they take the icon set's weight (300). The Wellsourced theme, which sets weight 200, has accepted this.",
+              commit: "44feb5d"
+            },
+            {
+              bump: "major",
+              title: "Remove the deprecated `toggle.size` theme option and wire up three component names that were declared but unreachable.",
+              body: "`toggle.size` was the last `@deprecated` API in the library \u2014 the pre-`sizes` geometry (width 2x, knob 0.8x) that outranked the size block for every instance regardless of a toggle's own `size` input. No shipped theme set it. Use the `toggle.sizes` block, which gives each size token its own `width` / `height` / `padding`.\n\n`select`, `buttonGroup` and `progressBar` were listed in `ComponentName` with no theme entry and no `COMPONENT_NAME` provider behind them, so a theme could not dress them however it tried. Each now has an entry whose defaults are exactly what the component previously hardcoded, so nothing moves:\n- **`select`** \u2014 `toggleIcon`, `toggleColor`, `toggleSize` for the dropdown affordance, matching `uni-combobox`'s (`chevronDown`, `on-background-variant`, 20).\n- **`buttonGroup`** \u2014 `border` and `borderRadius` for the segmented frame, previously a literal `quaternary` border and 4px corners.\n- **`progressBar`** \u2014 `trackColor`, `fillColor`, `completeColor`, `borderColor` and `strokeWidth`, previously read straight off the palette.\n\nThe two remaining names are dealt with separately: `textButton` is renamed `inlineButton` and now backs the new `uni-inline-button`, and `footer` is removed from `ComponentName` altogether.",
+              commit: "0b1c528"
+            },
+            {
+              bump: "patch",
+              title: "Fix unreadable text in `uni-card` under dark themes. The card's theme entry painted `backgroundColor` without the matching `color`, so any unstyled text inside it fell back to the user-agent default black. On a light theme that happened to read; on every dark theme it rendered black on a near-black surface \u2014 1.11:1 against a 4.5:1 AA requirement, reported from the theme switcher's preview card.",
+              body: "The card now states `on-background` alongside its background, as `cardHeader` already did for each of its variants. All six registered themes measure between 13.8:1 and 18.1:1 on that text.\n\nAdded with the fix: a spec asserting the invariant across every component entry in the shipped themes \u2014 anything that paints a `backgroundColor` must also state a `color` \u2014 so the next half-painted surface fails a test rather than reaching a consumer.",
+              commit: "85a1ec5"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "10.4.0",
           entries: [
@@ -18688,6 +19649,29 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-react",
       releases: [
+        {
+          version: "11.1.0",
+          entries: [],
+          dependencyBumps: []
+        },
+        {
+          version: "11.0.0",
+          entries: [
+            {
+              bump: "major",
+              title: "Require Angular 22. `@angular/common`, `@angular/core` and `@angular/forms` move from `^21.2.0` to `^22.0.0`, so 11.x tracks Angular 22 and 10.x remains the Angular 21 line \u2014 one major of this package per Angular major, as documented. The old range excluded v22 outright, so an app that had taken Angular 22 could not install this package without a peer override.",
+              body: "Two consequences of the framework's own changes:\n\n**`touch` output on every form control.** Angular 22 marks a bound field touched through a dedicated `touch` output rather than through the `touched` model, which the `Field` directive now binds inward only. All sixteen controls that track touched state (input, textarea, checkbox, radio, toggle, select, combobox, multi-select, tag-input, calendar, date/date-time/time inputs, number/number-range inputs, quantity-stepper, slider) emit it wherever they already considered the user done with the control. Without it, `touched()` never flips and error display gated on it never appears.\n\n**`min` / `max` typing.** The contract now types `min`/`max` as the control's own value type rather than as numbers. Where that still fits, the input was widened (`uni-slider`). Where it does not \u2014 a text control's native numeric attributes (`uni-input`), a range control's scalar bounds (`uni-number-range-input`), a tag limit (`uni-tag-input`) \u2014 the class member steps aside and the public binding name is preserved by an alias, so **templates are unchanged**. Only code reaching these through a `ViewChild` instance is affected: `min`/`max` are now `minAttr`/`maxAttr` on `uni-input`, `minValue`/`maxValue` on `uni-number-range-input`, and `max` is `maxLength` on `uni-tag-input`. `uni-number-range-input`'s protected `valueOf()` is renamed `partValue()`, since `valueOf` collides with `Object.valueOf`.\n\nAngular 22 also makes `OnPush` the default change detection; every component here already set it explicitly.",
+              commit: "8fef84f"
+            },
+            {
+              bump: "patch",
+              title: "Mark the React package experimental. It shares a version number with `@uni-design-system/uni-angular` because the packages release together as a fixed group, not because they are at parity \u2014 React implements roughly a sixth of the Angular library's components and carries a single spec file. The version was reading as a maturity signal it had not earned.",
+              body: "The package description and a README banner now say so; nothing about the code changes, and it stays published.",
+              commit: "0b1c528"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "10.4.0",
           entries: [],
@@ -18941,6 +19925,23 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-mcp",
       releases: [
+        {
+          version: "11.1.0",
+          entries: [],
+          dependencyBumps: []
+        },
+        {
+          version: "11.0.0",
+          entries: [
+            {
+              bump: "major",
+              title: "Require Angular 22. `@angular/common`, `@angular/core` and `@angular/forms` move from `^21.2.0` to `^22.0.0`, so 11.x tracks Angular 22 and 10.x remains the Angular 21 line \u2014 one major of this package per Angular major, as documented. The old range excluded v22 outright, so an app that had taken Angular 22 could not install this package without a peer override.",
+              body: "Two consequences of the framework's own changes:\n\n**`touch` output on every form control.** Angular 22 marks a bound field touched through a dedicated `touch` output rather than through the `touched` model, which the `Field` directive now binds inward only. All sixteen controls that track touched state (input, textarea, checkbox, radio, toggle, select, combobox, multi-select, tag-input, calendar, date/date-time/time inputs, number/number-range inputs, quantity-stepper, slider) emit it wherever they already considered the user done with the control. Without it, `touched()` never flips and error display gated on it never appears.\n\n**`min` / `max` typing.** The contract now types `min`/`max` as the control's own value type rather than as numbers. Where that still fits, the input was widened (`uni-slider`). Where it does not \u2014 a text control's native numeric attributes (`uni-input`), a range control's scalar bounds (`uni-number-range-input`), a tag limit (`uni-tag-input`) \u2014 the class member steps aside and the public binding name is preserved by an alias, so **templates are unchanged**. Only code reaching these through a `ViewChild` instance is affected: `min`/`max` are now `minAttr`/`maxAttr` on `uni-input`, `minValue`/`maxValue` on `uni-number-range-input`, and `max` is `maxLength` on `uni-tag-input`. `uni-number-range-input`'s protected `valueOf()` is renamed `partValue()`, since `valueOf` collides with `Object.valueOf`.\n\nAngular 22 also makes `OnPush` the default change detection; every component here already set it explicitly.",
+              commit: "8fef84f"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "10.4.0",
           entries: [],
@@ -19959,6 +20960,10 @@ var BaseIcons = {
   chevronRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m517.85-480-184-184L376-706.15 602.15-480 376-253.85 333.85-296l184-184Z'/%3e%3c/svg%3e",
   arrowLeft: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m294.92-450 227.85 227.85L480-180 180-480l300-300 42.77 42.15L294.92-510H780v60H294.92Z'/%3e%3c/svg%3e",
   arrowRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M665.08-450H180v-60h485.08L437.23-737.85 480-780l300 300-300 300-42.77-42.15L665.08-450Z'/%3e%3c/svg%3e",
+  arrowUp: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M450-180v-485.08L222.15-437.23 180-480l300-300 300 300-42.15 42.77L510-665.08V-180h-60Z'/%3e%3c/svg%3e",
+  arrowDown: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M450-780v485.08L222.15-522.77 180-480l300 300 300-300-42.15-42.77L510-294.92V-780h-60Z'/%3e%3c/svg%3e",
+  chevronsLeft: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M445-253.85 218.85-480 445-706.15 487.15-664 303.77-480l183.38 184L445-253.85Zm254 0L472.85-480 699-706.15 741.15-664 557.77-480l183.38 184L699-253.85Z'/%3e%3c/svg%3e",
+  chevronsRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M402.23-480 218.85-664 261-706.15 487.15-480 261-253.85 218.85-296l183.38-184Zm254 0L472.85-664 515-706.15 741.15-480 515-253.85 472.85-296l183.38-184Z'/%3e%3c/svg%3e",
   home: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M240-200h133.85v-237.69h212.3V-200H720v-360L480-740.77 240-560v360Zm-60 60v-450l300-225.77L780-590v450H526.15v-237.69h-92.3V-140H180Zm300-330.38Z'/%3e%3c/svg%3e",
   building: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M130-136.92v-540h160v-160h380v320h160v380H530v-160H430v160H130Zm60-60h100v-100H190v100Zm0-160h100v-100H190v100Zm0-160h100v-100H190v100Zm160 160h100v-100H350v100Zm0-160h100v-100H350v100Zm0-160h100v-100H350v100Zm160 320h100v-100H510v100Zm0-160h100v-100H510v100Zm0-160h100v-100H510v100Zm160 480h100v-100H670v100Zm0-160h100v-100H670v100Z'/%3e%3c/svg%3e",
   externalLink: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h252.3v60h-252.3q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-252.3h60v252.3Q820-182 799-161q-21 21-51.31 21H212.31Zm176.46-206.62-42.15-42.15L717.85-760H560v-60h260v260h-60v-157.85L388.77-346.62Z'/%3e%3c/svg%3e",
@@ -20163,7 +21168,7 @@ var BaseTypography = {
     fontFamily: "Red Hat Display",
     fontSize: 15,
     lineHeight: 20,
-    fontWeight: 600
+    fontWeight: 500
   },
   input: {
     fontFamily: "Red Hat Display",
@@ -20213,6 +21218,10 @@ var BaseMotion = {
   control: {
     duration: 300,
     easing: "ease"
+  },
+  snap: {
+    duration: 120,
+    easing: "ease"
   }
 };
 var BaseBackdrops = { scrim: {
@@ -20254,14 +21263,26 @@ var SELECTION_ACCENTS = {
 var tagVariant = (c, role) => ({ [role]: {
   backgroundColor: c[`${role}-container`],
   color: c[`on-${role}-container`],
-  "&.tone-solid": {
+  "&.tag-selected": {
     backgroundColor: c[role],
     color: c[`on-${role}`]
   },
+  "&.tag-interactive:hover": { filter: "brightness(0.95)" },
+  "&.tone-solid": {
+    backgroundColor: c[role],
+    color: c[`on-${role}`],
+    "&.tag-selected": { filter: "brightness(0.9)" },
+    "&.tag-selected.tag-interactive:hover": { filter: "brightness(0.85)" }
+  },
   "&.tone-outline": {
     backgroundColor: "transparent",
     color: c[role],
-    borderColor: c[`on-${role}-container-border`] ?? c[role]
+    borderColor: c[`on-${role}-container-border`] ?? c[role],
+    "&.tag-selected": {
+      backgroundColor: c[role],
+      color: c[`on-${role}`],
+      borderColor: c[role]
+    }
   }
 } });
 var buildComponents = (c) => ({
@@ -20275,7 +21296,7 @@ var buildComponents = (c) => ({
     typeface: "label",
     color: "on-background-variant",
     currentColor: "on-background",
-    separatorSymbol: "chevron_right",
+    separatorIcon: "chevronRight",
     gap: "xs"
   } },
   appBar: { options: {
@@ -20323,7 +21344,7 @@ var buildComponents = (c) => ({
     options: {
       borderRadius: "max",
       typeface: "subtitle-2",
-      fallbackSymbol: "person"
+      fallbackIcon: "profile"
     },
     variants: {
       primary: {
@@ -20380,8 +21401,8 @@ var buildComponents = (c) => ({
     ringWidth: 2
   } },
   searchInput: { options: {
-    searchSymbol: "search",
-    clearSymbol: "close",
+    searchIcon: "search",
+    clearIcon: "close",
     listColor: "primary-surface",
     listShadow: "menu",
     listBorderRadius: "xs",
@@ -20390,6 +21411,7 @@ var buildComponents = (c) => ({
   } },
   checkbox: {
     options: {
+      motion: "control",
       size: 20,
       boxColor: "surface",
       borderRadius: 2,
@@ -20439,6 +21461,22 @@ var buildComponents = (c) => ({
     closeButtonIcon: "close",
     closeButtonSize: "md"
   } },
+  select: { options: {
+    toggleIcon: "chevronDown",
+    toggleColor: "on-background-variant",
+    toggleSize: 20
+  } },
+  buttonGroup: { options: {
+    border: "quaternary",
+    borderRadius: 4
+  } },
+  progressBar: { options: {
+    trackColor: "primary-surface",
+    fillColor: "secondary-surface",
+    completeColor: "secondary",
+    borderColor: "on-background-variant",
+    strokeWidth: 1
+  } },
   dropdown: { options: {
     border: "none",
     borderRadius: "xxs",
@@ -20466,7 +21504,7 @@ var buildComponents = (c) => ({
       typeface: "label",
       textColor: void 0,
       hoverColor: "primary-container",
-      activeSymbol: "check",
+      activeIcon: "check",
       motion: "control"
     },
     variants: {
@@ -20490,7 +21528,7 @@ var buildComponents = (c) => ({
     maxWidth: "38ch",
     offset: 7,
     arrowSize: 8,
-    closeSymbol: "close",
+    closeIcon: "close",
     headerTypeface: "title-small",
     tooltipPadding: "4px 8px",
     tooltipOpenDelay: 500,
@@ -20498,12 +21536,6 @@ var buildComponents = (c) => ({
     motion: "panel"
   } },
   expand: { options: { motion: "reveal" } },
-  footer: { options: {
-    height: 52,
-    color: "primary",
-    logoHeight: 18.6,
-    logoPadding: "md"
-  } },
   input: { options: {
     typeface: "input",
     color: "primary-surface",
@@ -20562,6 +21594,7 @@ var buildComponents = (c) => ({
     }
   },
   tabs: { options: {
+    motion: "snap",
     typeface: "title-small",
     textColor: "on-surface-variant",
     activeTextColor: "primary",
@@ -20589,14 +21622,15 @@ var buildComponents = (c) => ({
       typeface: "tag",
       gap: "xs",
       removeIcon: "close",
-      selectedIcon: "check"
+      selectedIcon: "check",
+      motion: "control",
+      endInset: "auto"
     },
     fixed: {
       display: "inline-flex",
       alignItems: "center",
       maxWidth: "100%",
-      border: "1px solid transparent",
-      transition: "background-color .2s ease, color .2s ease"
+      border: "1px solid transparent"
     },
     variants: {
       ...tagVariant(c, "primary"),
@@ -20607,13 +21641,25 @@ var buildComponents = (c) => ({
       ghost: {
         backgroundColor: "transparent",
         color: c["on-background"],
-        "&.tone-solid": {
+        "&.tag-selected": {
           backgroundColor: c["surface-variant"],
           color: c["on-surface-variant"]
         },
+        "&.tag-interactive:hover": { filter: "brightness(0.95)" },
+        "&.tone-solid": {
+          backgroundColor: c["surface-variant"],
+          color: c["on-surface-variant"],
+          "&.tag-selected": { filter: "brightness(0.9)" },
+          "&.tag-selected.tag-interactive:hover": { filter: "brightness(0.85)" }
+        },
         "&.tone-outline": {
           backgroundColor: "transparent",
-          borderColor: c.outline
+          borderColor: c.outline,
+          "&.tag-selected": {
+            backgroundColor: c["surface-variant"],
+            color: c["on-surface-variant"],
+            borderColor: c.outline
+          }
         }
       },
       disabled: {
@@ -20633,20 +21679,31 @@ var buildComponents = (c) => ({
       sm: {
         height: 20,
         fontSize: 12,
-        padding: "0 8px"
+        paddingInline: 8
       },
       md: {
         height: 24,
         fontSize: 13,
-        padding: "0 10px"
+        paddingInline: 10
       },
       lg: {
         height: 32,
         fontSize: 15,
-        padding: "0 12px"
+        paddingInline: 12
       }
     }
   },
+  tagGroup: {
+    options: {
+      gap: "xs",
+      rowGap: "xs"
+    },
+    fixed: {
+      display: "flex",
+      flexWrap: "wrap",
+      alignItems: "center"
+    }
+  },
   tagInput: { options: {
     chipGap: "xs",
     chipSize: "md",
@@ -20662,8 +21719,8 @@ var buildComponents = (c) => ({
       dayBorderRadius: "max",
       typeface: "label",
       gap: "xxs",
-      navPrevSymbol: "chevron_left",
-      navNextSymbol: "chevron_right",
+      navPrevIcon: "chevronLeft",
+      navNextIcon: "chevronRight",
       weekdayFormat: "short",
       showOutsideDays: false,
       todayStyle: "outline"
@@ -20702,13 +21759,13 @@ var buildComponents = (c) => ({
     descriptionColor: "on-primary-surface-variant"
   } },
   dateInput: { options: {
-    toggleSymbol: "calendar_month",
+    toggleIcon: "calendar",
     popupShadow: "menu",
     popupBorderRadius: "xs",
     popupColor: "primary-surface"
   } },
   timeInput: { options: {
-    toggleSymbol: "schedule",
+    toggleIcon: "clock",
     listColor: "primary-surface",
     listShadow: "menu",
     listBorderRadius: "xs",
@@ -20722,15 +21779,15 @@ var buildComponents = (c) => ({
   button: {
     options: {
       borderRadius: "max",
-      typeface: "button"
+      typeface: "button",
+      motion: "control"
     },
     fixed: {
       position: "relative",
       overflow: "hidden",
       outline: "0",
       border: "0",
-      cursor: "pointer",
-      transition: "all 0.28s ease"
+      cursor: "pointer"
     },
     variantOptions: {
       primary: { focusColor: "primary" },
@@ -20811,7 +21868,10 @@ var buildComponents = (c) => ({
     }
   },
   iconButton: {
-    options: { borderRadius: "max" },
+    options: {
+      borderRadius: "max",
+      motion: "control"
+    },
     variantOptions: {
       primary: { focusColor: "primary" },
       secondary: { focusColor: "secondary" },
@@ -20888,6 +21948,13 @@ var buildComponents = (c) => ({
       }
     }
   },
+  inlineButton: { options: {
+    linkColor: "primary",
+    underline: false,
+    underlineOnHover: true,
+    underlineOffset: "0.15em",
+    gap: "xxs"
+  } },
   progressGauge: {
     fixed: { textFill: c["on-background"] },
     variants: {
@@ -20923,7 +21990,8 @@ var buildComponents = (c) => ({
     options: { borderRadius: "xs" },
     fixed: {
       overflow: "hidden",
-      backgroundColor: c.background
+      backgroundColor: c.background,
+      color: c["on-background"]
     }
   },
   cardHeader: {
@@ -20959,6 +22027,7 @@ var buildComponents = (c) => ({
     placeholderColor: "disabled"
   } },
   dataTable: { options: {
+    motion: "control",
     color: "primary-surface",
     border: "light",
     borderRadius: "sm",
@@ -21022,7 +22091,7 @@ var buildComponents = (c) => ({
     tooltipTextColor: "on-inverse-surface",
     tooltipShadow: "menu",
     tooltipBorderRadius: "xs",
-    transitionMs: 120
+    motion: "snap"
   } },
   skeleton: { options: {
     color: "surface-variant",
@@ -21071,6 +22140,7 @@ var buildComponents = (c) => ({
     }
   },
   tooltip: { options: {
+    motion: "notification",
     border: void 0,
     borderRadius: "xs",
     shadow: "raised",
@@ -21085,7 +22155,7 @@ var buildComponents = (c) => ({
     padding: "16px",
     headerTypeface: "title-small",
     typeface: "label",
-    closeSymbol: "close",
+    closeIcon: "close",
     arrowSize: 8,
     offset: 12,
     scrimColor: "rgba(0, 0, 0, 0.45)",
@@ -22156,7 +23226,7 @@ function createUniServer() {
     "list-tokens",
     {
       title: "List design tokens",
-      description: "Inventory of Uni design tokens. Filter by `type` (color, spacing, radius, shadow, border, backdrop, thickness, typography, ...), `kind` (style|behavioral), or `theme`.",
+      description: "Inventory of Uni design tokens. Filter by `type` (color, spacing, radius, shadow, border, backdrop, motion, thickness, typography, ...), `kind` (style|behavioral), or `theme`.",
       inputSchema: {
         type: z.string().optional(),
         kind: z.enum(["style", "behavioral"]).optional(),
@@ -22476,4 +23546,4 @@ export {
   buildStoredTheme,
   createUniServer
 };
-//# sourceMappingURL=chunk-QZ5TESCY.js.map
+//# sourceMappingURL=chunk-G5LYVS3L.js.map