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

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

@@ -7,16 +7,16 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "11.0.0",
-    builtAt: "2026-09-07T13:37:31.297Z",
+    version: "11.1.0",
+    builtAt: "2026-09-10T16:48:25.514Z",
     frameworks: [
       "angular"
     ],
     counts: {
-      components: 85,
-      tokens: 482,
+      components: 86,
+      tokens: 485,
       themes: 2,
-      examples: 233
+      examples: 238
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.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: "11.0.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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -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: "11.0.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: "11.0.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: "11.0.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: "11.0.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: "11.0.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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1027,7 +1027,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1187,7 +1187,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1219,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1460,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1680,7 +1680,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1742,7 +1742,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1783,7 +1783,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1840,7 +1840,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1895,7 +1895,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2079,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2365,7 +2365,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2412,7 +2412,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2511,7 +2511,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "data",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2751,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2982,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3175,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3323,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3476,7 +3476,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3580,7 +3580,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3621,7 +3621,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3677,7 +3677,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "directives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3709,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3900,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3997,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4045,7 +4045,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "components",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4179,7 +4179,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4283,7 +4283,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4354,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4439,7 +4439,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4597,7 +4597,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4694,7 +4694,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4726,7 +4726,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4786,7 +4786,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4889,7 +4889,7 @@ initialFocus="input"
       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.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5004,7 +5004,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5289,7 +5289,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5410,7 +5410,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "components",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5480,7 +5480,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5584,7 +5584,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5666,7 +5666,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5760,7 +5760,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5939,7 +5939,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6199,7 +6199,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6223,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6649,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6940,7 +6940,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "data",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7041,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7233,7 +7233,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7297,7 +7297,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7369,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7572,7 +7572,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7770,7 +7770,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "directives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7794,7 +7794,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7849,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7996,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8123,7 +8123,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8293,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8444,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8718,7 +8718,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8830,7 +8830,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "data",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8889,7 +8889,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8944,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9062,7 +9062,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9151,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9191,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9270,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9304,7 +9304,7 @@ initialFocus="input"
             {
               name: "value",
               kind: "input",
-              type: "string | number",
+              type: "T",
               required: false,
               description: ""
             },
@@ -9404,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: ""
             },
@@ -9519,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' }
 -->`
         },
         {
@@ -9610,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."
         ]
@@ -9620,9 +9639,208 @@ initialFocus="input"
         "tag.behavior.gap",
         "tag.behavior.removeIcon",
         "tag.behavior.selectedIcon",
-        "tag.behavior.motion"
+        "tag.behavior.motion",
+        "tag.behavior.endInset"
       ]
     },
+    {
+      id: "tag-group",
+      name: "TagGroup",
+      status: "stable",
+      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-group",
+          api: [
+            {
+              name: "items",
+              kind: "input",
+              type: "readonly UniTagGroupItem<T>[]",
+              required: false,
+              default: "[]",
+              description: ""
+            },
+            {
+              name: "layout",
+              kind: "input",
+              type: "'wrap' | 'justify'",
+              required: false,
+              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: "multiple",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: "Allow more than one chip at a time. Single select replaces instead."
+            },
+            {
+              name: "value",
+              kind: "model",
+              type: "T[]",
+              required: false,
+              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: "activated",
+              kind: "output",
+              type: "T | undefined",
+              required: false,
+              description: "The chip the user just activated, selected or deselected."
+            },
+            {
+              name: "removed",
+              kind: "output",
+              type: "T | undefined",
+              required: false,
+              description: ""
+            },
+            {
+              name: "chipTone",
+              kind: "input",
+              type: "TagTone | undefined",
+              required: false,
+              default: "undefined",
+              description: ""
+            },
+            {
+              name: "chipSize",
+              kind: "input",
+              type: "Size | undefined",
+              required: false,
+              default: "undefined",
+              description: ""
+            },
+            {
+              name: "chipVariant",
+              kind: "input",
+              type: "Variant | undefined",
+              required: false,
+              default: "undefined",
+              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: "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",
@@ -9630,7 +9848,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9971,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10073,7 +10291,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10280,7 +10498,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10310,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10368,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10583,7 +10801,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10813,7 +11031,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10901,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: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11028,7 +11246,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.0.0",
+      version: "11.1.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -12590,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}'
       }
     },
     {
@@ -14938,6 +15156,42 @@ placeholder="Name or address\u2026"
         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",
@@ -16859,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: {
@@ -17117,7 +17371,12 @@ placeholder="Name or address\u2026"
           gap: "xs",
           removeIcon: "close",
           selectedIcon: "check",
-          motion: "control"
+          motion: "control",
+          endInset: "auto"
+        },
+        tagGroup: {
+          gap: "xs",
+          rowGap: "xs"
         },
         tagInput: {
           chipGap: "xs",
@@ -17459,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: {
@@ -17717,7 +17976,12 @@ placeholder="Name or address\u2026"
           gap: "xs",
           removeIcon: "close",
           selectedIcon: "check",
-          motion: "control"
+          motion: "control",
+          endInset: "auto"
+        },
+        tagGroup: {
+          gap: "xs",
+          rowGap: "xs"
         },
         tagInput: {
           chipGap: "xs",
@@ -17921,6 +18185,18 @@ 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: [
@@ -18753,6 +19029,18 @@ 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: [
@@ -19361,6 +19649,11 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-react",
       releases: [
+        {
+          version: "11.1.0",
+          entries: [],
+          dependencyBumps: []
+        },
         {
           version: "11.0.0",
           entries: [
@@ -19632,6 +19925,11 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-mcp",
       releases: [
+        {
+          version: "11.1.0",
+          entries: [],
+          dependencyBumps: []
+        },
         {
           version: "11.0.0",
           entries: [
@@ -20870,7 +21168,7 @@ var BaseTypography = {
     fontFamily: "Red Hat Display",
     fontSize: 15,
     lineHeight: 20,
-    fontWeight: 600
+    fontWeight: 500
   },
   input: {
     fontFamily: "Red Hat Display",
@@ -20965,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) => ({
@@ -21313,7 +21623,8 @@ var buildComponents = (c) => ({
       gap: "xs",
       removeIcon: "close",
       selectedIcon: "check",
-      motion: "control"
+      motion: "control",
+      endInset: "auto"
     },
     fixed: {
       display: "inline-flex",
@@ -21330,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: {
@@ -21356,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",
@@ -23212,4 +23546,4 @@ export {
   buildStoredTheme,
   createUniServer
 };
-//# sourceMappingURL=chunk-RAD6CBGV.js.map
+//# sourceMappingURL=chunk-G5LYVS3L.js.map