@uni-design-system/uni-mcp 11.8.0 → 11.10.0

package/dist/{chunk-R4RLYWUY.js → chunk-G27EXV3Z.js}

@@ -7,17 +7,17 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "11.8.0",
-    builtAt: "2026-10-22T14:39:12.220Z",
+    version: "11.10.0",
+    builtAt: "2026-10-22T16:40:50.352Z",
     frameworks: [
       "angular"
     ],
     counts: {
-      components: 89,
-      tokens: 512,
+      components: 90,
+      tokens: 518,
       themes: 2,
-      examples: 261,
-      utilities: 122
+      examples: 265,
+      utilities: 124
     }
   },
   components: [
@@ -28,7 +28,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -118,7 +118,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -191,7 +191,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -286,7 +286,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -335,7 +335,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -416,7 +416,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -513,7 +513,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -537,7 +537,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -945,7 +945,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1030,7 +1030,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1198,7 +1198,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1230,7 +1230,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1471,7 +1471,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1688,15 +1688,53 @@ var uni_index_default = {
       id: "card",
       name: "Card",
       status: "stable",
-      summary: "",
-      description: "",
+      summary: "Content container with a themed frame \u2014 and, when asked, a state.",
+      description: "Content container with a themed frame \u2014 and, when asked, a state. `selected` and `interactive` add the `card-selected` and `card-interactive` classes to the frame, which the theme paints (the same contract `uni-tag` has had since 11.1): `selectedBorder`, `selectedColor`, `selectedElevation` and `hoverColor` cover the common case, and a variant's `&.card-selected` rule reaches it for anything else. Inside a `uni-card-group`, a card with a `value` is one of the group's options: a `role=\"radio\"` whose selection and tab stop the group drives. The frame is an Emotion class, not an inline style, because an inline style outranks every class and so no theme rule could ever express a state.",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
           selectorOrTag: "uni-card",
           api: [
+            {
+              name: "selected",
+              kind: "input",
+              type: "boolean | undefined",
+              required: false,
+              default: "undefined",
+              description: "Paint the selected state. Inside a group it is derived from the group's value and this input is ignored."
+            },
+            {
+              name: "interactive",
+              kind: "input",
+              type: "unknown",
+              required: false,
+              default: "false, { transform: booleanAttribute }",
+              description: "A card the user acts on: a pointer cursor, the theme's hover wash, and `activated` on click, Space or Enter. Always on for an option in a group."
+            },
+            {
+              name: "value",
+              kind: "input",
+              type: "T",
+              required: false,
+              description: "What this card stands for inside a `uni-card-group`."
+            },
+            {
+              name: "disabled",
+              kind: "input",
+              type: "unknown",
+              required: false,
+              default: "false, { transform: booleanAttribute }",
+              description: ""
+            },
+            {
+              name: "activated",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: "An interactive card was clicked or activated from the keyboard."
+            },
             {
               name: "variant",
               kind: "input",
@@ -1734,16 +1772,46 @@ var uni_index_default = {
     ngContent: 'Card content.',
   }
 -->`
+        },
+        {
+          title: "States",
+          framework: "angular",
+          code: '<!-- Storybook story: States -->\n<div stack-layout gap="md" [maxWidth]="320">\n<uni-card [interactive]="true" [selected]="picked" (activated)="picked = !picked">\n  <uni-card-content>\n    <span uni-text="title-small" display="block">Click to pick</span>\n    <span uni-text="body-2-long">Selected: {{ picked }}</span>\n  </uni-card-content>\n</uni-card>\n<uni-card [selected]="true">\n  <uni-card-content><span uni-text="title-small">Always selected</span></uni-card-content>\n</uni-card>\n</div>'
+        },
+        {
+          title: "Pick One",
+          framework: "angular",
+          code: `<!-- Storybook story: Pick One -->
+<h3 id="kind-heading" uni-text="title-small">Kind of work</h3>
+<uni-card-group ariaLabelledBy="kind-heading" [(value)]="kind">
+@for (option of kinds; track option.value) {
+  <uni-card [value]="option.value" [disabled]="option.disabled ?? false">
+    <div box-layout padding="md">
+      <span uni-text="title-small" display="block">{{ option.title }}</span>
+      <span uni-text="body-2-long" color="on-surface-variant">{{ option.blurb }}</span>
+    </div>
+  </uni-card>
+}
+</uni-card-group>
+<p uni-text="body-2">Value: {{ kind ?? 'none' }}</p>`
         }
       ],
       guidelines: {
         whenToUse: "Content container with a themed frame: the border resolves from the **border\nprimitive named by its variant** (`borders.primary` \u2026 `borders.success`), the corner\nradius from the `card` theme options, and an optional elevation shadow. Compose with\nCard Header and Card Content for the standard anatomy \u2014 or point `options.border` at\na custom primitive to restyle every card in the theme at once.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "A plain card is content: no role, no tab stop.",
+          'An option in a group is `role="radio"` with `aria-checked`; the group is `role="radiogroup"`, named by `ariaLabel` or `ariaLabelledBy`, with `aria-required` and an `aria-invalid` gated on touched or dirty.',
+          "One tab stop for the group; the arrow keys both move and select (the APG radio group), so a selection is never a two-step.",
+          "A disabled card is `aria-disabled`, skipped by the arrows and never selected.",
+          "The group is touched once focus leaves it, not while it moves within."
+        ]
       },
       relatedTokens: [
-        "card.behavior.borderRadius"
+        "card.behavior.borderRadius",
+        "card.behavior.selectedBorder",
+        "card.behavior.selectedColor"
       ]
     },
     {
@@ -1753,7 +1821,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1787,6 +1855,144 @@ var uni_index_default = {
       },
       relatedTokens: []
     },
+    {
+      id: "card-group",
+      name: "CardGroup",
+      status: "stable",
+      summary: "Pick-one group of cards: a grid of `uni-card`s with radio semantics.",
+      description: "Pick-one group of cards: a grid of `uni-card`s with radio semantics. The cards are projected, not rendered: a card's content is the point of a card, and a group that rendered its own would need a slot for every line. Each projected `uni-card` with a `value` registers as an option; the group owns which one is selected and which one holds the tab stop, and the card draws both. Keyboard model is the APG radio group: one tab stop for the group, the arrow keys move focus *and* select (wrapping at the ends), Home and End go to the first and last enabled card, Space or Enter selects the focused one. `FormValueControl<T | null>`, so `[formField]` binds it like every other control; `touched` is set when focus leaves the group.",
+      category: "layout",
+      version: "11.10.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-card-group",
+          api: [
+            {
+              name: "value",
+              kind: "model",
+              type: "T | null",
+              required: false,
+              default: "null",
+              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."
+            },
+            {
+              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: "ariaLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: 'Accessible name of the group, e.g. "Kind of work".'
+            },
+            {
+              name: "ariaLabelledBy",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "Id of the element naming the group, when a visible heading does."
+            },
+            {
+              name: "templateColumns",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "`grid-template-columns`, overriding the theme option per instance."
+            },
+            {
+              name: "gap",
+              kind: "input",
+              type: "NullableSize",
+              required: false,
+              description: "Space between cards, overriding the theme option per instance."
+            },
+            {
+              name: "activated",
+              kind: "output",
+              type: "T",
+              required: false,
+              description: "The card the user just picked."
+            },
+            {
+              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: [],
+      guidelines: {
+        whenToUse: "",
+        dos: [],
+        donts: [],
+        accessibility: []
+      },
+      relatedTokens: []
+    },
     {
       id: "card-header",
       name: "CardHeader",
@@ -1794,7 +2000,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1851,7 +2057,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1906,7 +2112,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2128,7 +2334,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2430,7 +2636,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2477,7 +2683,7 @@ emptyText="No countries found"
       summary: "Recipient field for picking people: removable chips, a text input, and a list of known contacts that opens on focus and narrows as the user types \u2014 each row drawn as a person (avatar, name, address, a trailing note).",
       description: "Recipient field for picking people: removable chips, a text input, and a list of known contacts that opens on focus and narrows as the user types \u2014 each row drawn as a person (avatar, name, address, a trailing note). A thin composition of `uni-tag-input` with a mail client's manners baked in: ArrowDown walks the matches and Enter picks the active one, Backspace in an empty field removes the last person, and text that is neither a known contact nor a valid address stays in the field to be fixed (`rejected` says why). Reach for `uni-tag-input` itself when the tokens are not people.",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2762,7 +2968,7 @@ emptyText="No countries found"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2858,10 +3064,10 @@ emptyText="No countries found"
       id: "data-table",
       name: "DataTable",
       status: "stable",
-      summary: "",
-      description: "",
+      summary: "Data grid over a `UniDatasource`: sortable headers, a leading selection column, and an expandable detail row per record.",
+      description: "Data grid over a `UniDatasource`: sortable headers, a leading selection column, and an expandable detail row per record. Rows are addressed by the datasource's `rowId` where it has one \u2014 so a selection survives a re-fetch that rebuilds the records, and the expanded row follows its record through a sort \u2014 and by reference (selection) or page index (expansion) where it has none.",
       category: "data",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2881,13 +3087,36 @@ emptyText="No countries found"
               required: true,
               description: ""
             },
+            {
+              name: "expanded",
+              kind: "model",
+              type: "RowKey | null",
+              required: false,
+              default: "null",
+              description: "The expanded row, two-way: its `rowId` when the datasource has one, else its index on the page. `null` collapses every row. Keyed by id, a deep link can open a row before the records arrive, and a sort or a realtime reorder keeps the same record open."
+            },
             {
               name: "useMultiSelect",
               kind: "input",
               type: "boolean",
               required: false,
               default: "false",
-              description: ""
+              description: "Draw a leading checkbox column over the datasource's `selections`: a header box that selects or clears every selectable row on the page (`indeterminate` while only some are), and a box per row."
+            },
+            {
+              name: "selectAllLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Select all rows'",
+              description: "Accessible name of the header checkbox."
+            },
+            {
+              name: "selectionChange",
+              kind: "output",
+              type: "T[]",
+              required: false,
+              description: "The datasource's selection after a checkbox changed it \u2014 the same array `selections()` holds."
             },
             {
               name: "useRowClick",
@@ -3097,6 +3326,44 @@ emptyText="No countries found"
   base[1]
 ]"
 />`
+        },
+        {
+          title: "Selection",
+          framework: "angular",
+          code: `<!-- Storybook story: Selection -->
+<uni-data-table
+[datasource]="datasource"
+[columns]="columns"
+[useMultiSelect]="true"
+[selectableWhen]="selectable"
+[useRowClick]="false"
+[selectLabel]="selectLabelOf"
+(selectionChange)="selected = $event"
+/>
+<p uni-text="body-2">Selected: {{ selected.length ? (selected | json) : 'nothing' }}</p>`
+        },
+        {
+          title: "Expanded Row",
+          framework: "angular",
+          code: `<!-- Storybook story: Expanded Row -->
+<div row-layout gap="sm" alignItems="center" paddingBottom="sm">
+<button text-button size="sm" variant="secondary" (click)="expanded = 'po-104'">Open po-104</button>
+<button text-button size="sm" variant="ghost" (click)="expanded = null">Collapse</button>
+<span uni-text="body-2">Expanded: {{ expanded ?? 'none' }}</span>
+</div>
+<uni-data-table
+[datasource]="datasource"
+[columns]="columns"
+[detailRowTemplate]="detail"
+[(expanded)]="expanded"
+[expandableWhen]="expandable"
+[rowClass]="dim"
+/>
+<ng-template #detail let-row>
+<div box-layout padding="md" uni-text="body-2-long">
+  {{ row.item }} from {{ row.vendor }} \u2014 tracking and notes would go here.
+</div>
+</ng-template>`
         }
       ],
       guidelines: {
@@ -3106,7 +3373,8 @@ emptyText="No countries found"
         accessibility: [
           'Column headers use `scope="col"`; sortable headers are real buttons with `aria-sort` on the `<th>`. A `sortable: false` column is a plain heading with neither.',
           'The loading overlay is a `role="status"` region and the table is `aria-busy` while loading.',
-          "Collapsed detail rows are `inert`, out of the accessibility tree until expanded."
+          "Collapsed detail rows are `inert`, out of the accessibility tree until expanded; a row with a detail carries `aria-expanded`.",
+          'Selection boxes are real `uni-checkbox`es named without drawing \u2014 "Select row" and "Select all rows" by default, or per row through `selectLabel` \u2014 and a box is its own control: a click or Space on it is never the row\'s click.'
         ]
       },
       relatedTokens: []
@@ -3118,7 +3386,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3349,7 +3617,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3542,7 +3810,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3690,7 +3958,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3860,7 +4128,7 @@ uni-dialog
       summary: "The dialog's pinned footer action row.",
       description: "The dialog's pinned footer action row. Empty, it renders a Confirm/Cancel pair wired to the dialog. Project your own buttons and they replace the pair while keeping the row's chrome \u2014 padding, gap, justification, divider, `stretch` and `reverseOrder`. A `[dialog-footnote]` projects on the leading edge, pushing the actions to the trailing one.",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3978,9 +4246,9 @@ uni-dialog
       name: "DialogHeader",
       status: "stable",
       summary: "The dialog's pinned header row, in one of two shapes: - **Title bar** (default): one line of text, set in the theme's `textRole` and aligned by `textAlign`, beside a close button.",
-      description: "The dialog's pinned header row, in one of two shapes: - **Title bar** (default): one line of text, set in the theme's `textRole` and aligned by `textAlign`, beside a close button. - **Rich** (`rich`): the projection is rendered as a block \u2014 an eyebrow, a headline, a blurb \u2014 beside the close button, in its own `richColor` and `richPadding`. Mark the headline `[dialog-title]` so it alone names the dialog.",
+      description: "The dialog's pinned header row, in one of two shapes: - **Title bar** (default): one line of text, set in the theme's `textRole` and aligned by `textAlign`, beside a close button. - **Rich** (`rich`): the projection is rendered as a block \u2014 an eyebrow, a headline, a blurb \u2014 beside the close button, in its own `richColor` and `richPadding`. Mark the headline `[dialog-title]` so it alone names the dialog. The close button follows the dialog's `defaultCloseButton`: a sheet that closes from its footer says `[defaultCloseButton]=\"false\"` once and gets no X here either.",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4027,9 +4295,9 @@ uni-dialog
       name: "DialogTitle",
       status: "stable",
       summary: "Marks the element that names the dialog inside a rich `[dialog-header]`.",
-      description: "Marks the element that names the dialog inside a rich `[dialog-header]`. A rich head projects an eyebrow, a headline and a blurb; the dialog should be labelled by the headline alone, not read all three as its name. Put this on the headline and it carries the id the dialog's `aria-labelledby` points at. Without one, the whole projected block is the label.",
+      description: "Marks the element that names the dialog inside a rich `[dialog-header]`. A rich head projects an eyebrow, a headline and a blurb; the dialog should be labelled by the headline alone, not read all three as its name. Put this on the headline and the dialog's `aria-labelledby` points at it \u2014 through the id it already has, or the dialog's title id when it has none. Projected through a wrapper component the directive cannot reach the dialog; the header then finds the marked element in the DOM instead.",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4053,7 +4321,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4109,7 +4377,7 @@ uni-dialog
       summary: "",
       description: "",
       category: "directives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4141,7 +4409,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. With `modal` off it is shown as a `popover="manual"` instead: still the top layer, but no focus trap, no inert page and no backdrop \u2014 a workbench beside a live document. **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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4371,7 +4639,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. Empty, it renders a Cancel/Save pair wired to the drawer. Project your own buttons and they replace the pair while keeping the row's chrome; a `[drawer-footnote]` projects on the leading edge.",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4476,7 +4744,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4524,7 +4792,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "components",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4658,7 +4926,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4765,7 +5033,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4836,7 +5104,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4921,7 +5189,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5079,7 +5347,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5176,7 +5444,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5208,7 +5476,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5268,7 +5536,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5381,7 +5649,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5496,7 +5764,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5796,7 +6064,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5925,7 +6193,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "components",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5995,7 +6263,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6099,7 +6367,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6181,7 +6449,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6275,7 +6543,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6454,7 +6722,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6714,7 +6982,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6738,7 +7006,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7172,7 +7440,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7463,7 +7731,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "data",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7564,7 +7832,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7756,7 +8024,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7820,7 +8088,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7892,7 +8160,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8095,7 +8363,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8324,7 +8592,7 @@ initialFocus="input"
       summary: "Content for each of a radio group's options, in place of the plain label string.",
       description: 'Content for each of a radio group\'s options, in place of the plain label string. A group renders N labels from an `options` array, so it cannot take `<ng-content />` the way `uni-checkbox` and `uni-toggle` do \u2014 there is no single slot to project into. A template is the shape that survives the repetition: it is instantiated once per option and handed that option, so a row can carry a description, a price or a badge and still be part of the `<label>` that drives the input. ```html <uni-radio [options]="plans"> <ng-template uniRadioOption let-option> <span uni-text="body-2-long">{{ option.label }}</span> </ng-template> </uni-radio> ```',
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8348,7 +8616,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "directives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8372,7 +8640,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8427,7 +8695,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8594,7 +8862,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8729,7 +8997,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8901,7 +9169,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9052,7 +9320,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9329,7 +9597,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9441,7 +9709,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "data",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9515,7 +9783,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9570,7 +9838,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9688,7 +9956,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9777,7 +10045,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9817,7 +10085,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. A tab switch is softened by the `panelMotion` option: the incoming content fades in while the panel animates from the outgoing content's height to its own. The new content is live from the first frame \u2014 nothing waits on the animation.",
       category: "components",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9905,7 +10173,7 @@ initialFocus="input"
       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. 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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10283,7 +10551,7 @@ initialFocus="input"
       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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10481,7 +10749,7 @@ initialFocus="input"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -10932,7 +11200,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11042,7 +11310,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11257,7 +11525,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "primitives",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11287,7 +11555,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11345,7 +11613,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11560,7 +11828,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11822,7 +12090,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "feedback",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -11910,7 +12178,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.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -12044,7 +12312,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "layout",
-      version: "11.8.0",
+      version: "11.10.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -16806,6 +17074,54 @@ placeholder="Name or address\u2026"
         DarkTheme: "xs"
       }
     },
+    {
+      id: "card.behavior.selectedBorder",
+      value: "primary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "card",
+      themeValues: {
+        LightTheme: "primary",
+        DarkTheme: "primary"
+      }
+    },
+    {
+      id: "card.behavior.selectedColor",
+      value: "primary-container",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "card",
+      themeValues: {
+        LightTheme: "primary-container",
+        DarkTheme: "primary-container"
+      }
+    },
+    {
+      id: "cardGroup.behavior.gap",
+      value: "md",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "cardGroup",
+      themeValues: {
+        LightTheme: "md",
+        DarkTheme: "md"
+      }
+    },
+    {
+      id: "cardGroup.behavior.templateColumns",
+      value: "repeat(auto-fit, minmax(160px, 1fr))",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "cardGroup",
+      themeValues: {
+        LightTheme: "repeat(auto-fit, minmax(160px, 1fr))",
+        DarkTheme: "repeat(auto-fit, minmax(160px, 1fr))"
+      }
+    },
     {
       id: "dataSearch.behavior.border",
       value: "light",
@@ -17118,6 +17434,30 @@ placeholder="Name or address\u2026"
         DarkTheme: 40
       }
     },
+    {
+      id: "dataTable.behavior.selectionColumnWidth",
+      value: 40,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dataTable",
+      themeValues: {
+        LightTheme: 40,
+        DarkTheme: 40
+      }
+    },
+    {
+      id: "dataTable.behavior.selectionCheckboxSize",
+      value: "sm",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dataTable",
+      themeValues: {
+        LightTheme: "sm",
+        DarkTheme: "sm"
+      }
+    },
     {
       id: "notificationBadge.behavior.borderRadius",
       value: "sm",
@@ -18588,7 +18928,13 @@ placeholder="Name or address\u2026"
           gap: "xxs"
         },
         card: {
-          borderRadius: "xs"
+          borderRadius: "xs",
+          selectedBorder: "primary",
+          selectedColor: "primary-container"
+        },
+        cardGroup: {
+          gap: "md",
+          templateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
         },
         dataSearch: {
           border: "light",
@@ -18618,7 +18964,9 @@ placeholder="Name or address\u2026"
           rowHoverColor: "primary-container",
           loadingOverlayColor: "scrim",
           loadingSpinnerColor: "primary",
-          loadingSpinnerSize: 40
+          loadingSpinnerSize: 40,
+          selectionColumnWidth: 40,
+          selectionCheckboxSize: "sm"
         },
         notificationBadge: {
           borderRadius: "sm",
@@ -19222,7 +19570,13 @@ placeholder="Name or address\u2026"
           gap: "xxs"
         },
         card: {
-          borderRadius: "xs"
+          borderRadius: "xs",
+          selectedBorder: "primary",
+          selectedColor: "primary-container"
+        },
+        cardGroup: {
+          gap: "md",
+          templateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
         },
         dataSearch: {
           border: "light",
@@ -19252,7 +19606,9 @@ placeholder="Name or address\u2026"
           rowHoverColor: "primary-container",
           loadingOverlayColor: "scrim",
           loadingSpinnerColor: "primary",
-          loadingSpinnerSize: 40
+          loadingSpinnerSize: 40,
+          selectionColumnWidth: 40,
+          selectionCheckboxSize: "sm"
         },
         notificationBadge: {
           borderRadius: "sm",
@@ -19365,6 +19721,30 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-angular",
       releases: [
+        {
+          version: "11.10.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "`uni-card` gains states a theme can paint, and `uni-card-group` makes a pick-one grid of them.",
+              body: "- **The frame is an Emotion class**, no longer an inline `[style]`. An inline style outranks every class, so no theme rule could express a state. One thing to know: a consumer stylesheet that was silently losing to the card's inline frame will start winning. Nothing in the base or storybook themes moves.\n- **`selected`** and **`interactive`** inputs add `card-selected` and `card-interactive` to the frame \u2014 the contract `uni-tag` has had since 11.1 \u2014 and the `card` theme entry gains `selectedBorder` (`primary` by default), `selectedColor` (`primary-container` by default \u2014 every card already wears the primary frame under the base theme, so the fill is what makes a pick visible), `selectedElevation`, `hoverColor` and `focusRingColor` for the common case; a variant's own `&.card-selected` rule reaches it for anything else. An interactive card emits `activated` on click, Space or Enter, and leaves clicks on its own content's controls alone. `disabled` is read.\n- **`[dialog-header]` follow-ups** (`dialog-rich-head-followups-2026-10-22.md`): a `rich` head finds its `[dialog-title]` in the DOM, so a title projected _through_ a wrapper component's template \u2014 invisible to a content query, and unable to inject the dialog \u2014 still names the dialog alone; and with no marked title it defers to the dialog's own `ariaLabel` rather than naming a wrapped sheet by its whole head. The header's close button, in both shapes, follows the dialog's `defaultCloseButton`, as the drawer header's follows the drawer's \u2014 a sheet that closes from its footer says `[defaultCloseButton]=\"false\"` once. **`[dialog-buttons]`, `[drawer-buttons]`**: an `alignItems` theme option, default `center`, so a one-line footnote sits on the buttons' centre line instead of stretched to the row's top edge; the pair renders as before.\n- **`uni-card-group`** (new): a `role=\"radiogroup\"` over the `uni-card`s projected into it. Each card with a `value` becomes a `role=\"radio\"` whose selection and tab stop the group drives; a card without one is plain content. `FormValueControl<T | null>` (`value`, `disabled`, `touched`/`touch`, `invalid`, `dirty`, `required`, `ariaDescribedBy`), named by `ariaLabel` or `ariaLabelledBy`, `activated` on a pick. APG radio keyboard model: one tab stop, arrows move and select (wrapping), Home/End, Space or Enter. Laid out as a grid from `templateColumns` and `gap`, with defaults in the new `cardGroup` theme entry. Single-select; `multiple` is deliberately not here until a case asks for it.",
+              commit: "c5ba475"
+            }
+          ],
+          dependencyBumps: []
+        },
+        {
+          version: "11.9.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "`uni-data-table` gains a real selection column and an id-keyed, bindable detail row; the datasources gain a row identity.",
+              body: "- **`rowId` on the datasources** (`new UniRecordDatasource(rows, { rowId: (row) => row.id })`, also a third argument on `UniServerSideDatasource`, and settable afterwards): a stable identity for a row. Without one, rows are compared by reference, which never matches a row rebuilt from a fresh fetch \u2014 a realtime update that replaced the records emptied the selection. With one, `isSelected`, `toggleSelection` and the new `setSelected(rows, selected)` key by it, and so do the table's expanded row and its row tracking.\n- **`useMultiSelect`** is read now (it was declared and wired to nothing): a leading checkbox column over the datasource's own `selections` \u2014 a header box that selects or clears every selectable row on the page, `indeterminate` while only some are, and a box per row. `selectableWhen` keeps rows out of it (a disabled box, skipped by select-all); `selectLabel` and `selectAllLabel` name the boxes; `selectionChange` reports the datasource's selection after a box changed it. A box is its own control: a click on it is never the row's click. Theme options `selectionColumnWidth` (40), `selectionCheckboxSize` (`sm`) and `selectedRowColor` (unset: no tint).\n- **`expanded`**, a two-way model: the expanded row's `rowId`, or its page index when the datasource has none; `null` collapses all. A deep link can open a row before the records arrive, and a sort or re-fetch that reorders them keeps the same record open. **`expandableWhen`** names the rows that have a detail \u2014 the rest take no hover affordance and no `aria-expanded`, and a click on them only emits `rowClick`. **`rowClass`** adds a class per row. Rows with a detail carry `aria-expanded`.\n- `expandedIndex` is now a read-only computed of the open row's page index, **deprecated** in favour of `expanded`; `toggleRow(index)` still works. Removed in 12.0.",
+              commit: "cfddc14"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "11.8.0",
           entries: [
@@ -20353,6 +20733,30 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-core",
       releases: [
+        {
+          version: "11.10.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "`uni-card` gains states a theme can paint, and `uni-card-group` makes a pick-one grid of them.",
+              body: "- **The frame is an Emotion class**, no longer an inline `[style]`. An inline style outranks every class, so no theme rule could express a state. One thing to know: a consumer stylesheet that was silently losing to the card's inline frame will start winning. Nothing in the base or storybook themes moves.\n- **`selected`** and **`interactive`** inputs add `card-selected` and `card-interactive` to the frame \u2014 the contract `uni-tag` has had since 11.1 \u2014 and the `card` theme entry gains `selectedBorder` (`primary` by default), `selectedColor` (`primary-container` by default \u2014 every card already wears the primary frame under the base theme, so the fill is what makes a pick visible), `selectedElevation`, `hoverColor` and `focusRingColor` for the common case; a variant's own `&.card-selected` rule reaches it for anything else. An interactive card emits `activated` on click, Space or Enter, and leaves clicks on its own content's controls alone. `disabled` is read.\n- **`[dialog-header]` follow-ups** (`dialog-rich-head-followups-2026-10-22.md`): a `rich` head finds its `[dialog-title]` in the DOM, so a title projected _through_ a wrapper component's template \u2014 invisible to a content query, and unable to inject the dialog \u2014 still names the dialog alone; and with no marked title it defers to the dialog's own `ariaLabel` rather than naming a wrapped sheet by its whole head. The header's close button, in both shapes, follows the dialog's `defaultCloseButton`, as the drawer header's follows the drawer's \u2014 a sheet that closes from its footer says `[defaultCloseButton]=\"false\"` once. **`[dialog-buttons]`, `[drawer-buttons]`**: an `alignItems` theme option, default `center`, so a one-line footnote sits on the buttons' centre line instead of stretched to the row's top edge; the pair renders as before.\n- **`uni-card-group`** (new): a `role=\"radiogroup\"` over the `uni-card`s projected into it. Each card with a `value` becomes a `role=\"radio\"` whose selection and tab stop the group drives; a card without one is plain content. `FormValueControl<T | null>` (`value`, `disabled`, `touched`/`touch`, `invalid`, `dirty`, `required`, `ariaDescribedBy`), named by `ariaLabel` or `ariaLabelledBy`, `activated` on a pick. APG radio keyboard model: one tab stop, arrows move and select (wrapping), Home/End, Space or Enter. Laid out as a grid from `templateColumns` and `gap`, with defaults in the new `cardGroup` theme entry. Single-select; `multiple` is deliberately not here until a case asks for it.",
+              commit: "c5ba475"
+            }
+          ],
+          dependencyBumps: []
+        },
+        {
+          version: "11.9.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "`uni-data-table` gains a real selection column and an id-keyed, bindable detail row; the datasources gain a row identity.",
+              body: "- **`rowId` on the datasources** (`new UniRecordDatasource(rows, { rowId: (row) => row.id })`, also a third argument on `UniServerSideDatasource`, and settable afterwards): a stable identity for a row. Without one, rows are compared by reference, which never matches a row rebuilt from a fresh fetch \u2014 a realtime update that replaced the records emptied the selection. With one, `isSelected`, `toggleSelection` and the new `setSelected(rows, selected)` key by it, and so do the table's expanded row and its row tracking.\n- **`useMultiSelect`** is read now (it was declared and wired to nothing): a leading checkbox column over the datasource's own `selections` \u2014 a header box that selects or clears every selectable row on the page, `indeterminate` while only some are, and a box per row. `selectableWhen` keeps rows out of it (a disabled box, skipped by select-all); `selectLabel` and `selectAllLabel` name the boxes; `selectionChange` reports the datasource's selection after a box changed it. A box is its own control: a click on it is never the row's click. Theme options `selectionColumnWidth` (40), `selectionCheckboxSize` (`sm`) and `selectedRowColor` (unset: no tint).\n- **`expanded`**, a two-way model: the expanded row's `rowId`, or its page index when the datasource has none; `null` collapses all. A deep link can open a row before the records arrive, and a sort or re-fetch that reorders them keeps the same record open. **`expandableWhen`** names the rows that have a detail \u2014 the rest take no hover affordance and no `aria-expanded`, and a click on them only emits `rowClick`. **`rowClass`** adds a class per row. Rows with a detail carry `aria-expanded`.\n- `expandedIndex` is now a read-only computed of the open row's page index, **deprecated** in favour of `expanded`; `toggleRow(index)` still works. Removed in 12.0.",
+              commit: "cfddc14"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "11.8.0",
           entries: [
@@ -21066,6 +21470,16 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-react",
       releases: [
+        {
+          version: "11.10.0",
+          entries: [],
+          dependencyBumps: []
+        },
+        {
+          version: "11.9.0",
+          entries: [],
+          dependencyBumps: []
+        },
         {
           version: "11.8.0",
           entries: [],
@@ -21387,6 +21801,16 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-mcp",
       releases: [
+        {
+          version: "11.10.0",
+          entries: [],
+          dependencyBumps: []
+        },
+        {
+          version: "11.9.0",
+          entries: [],
+          dependencyBumps: []
+        },
         {
           version: "11.8.0",
           entries: [],
@@ -21666,7 +22090,7 @@ placeholder="Name or address\u2026"
       summary: "Returns a document-unique id for wiring ARIA relationships (aria-controls, aria-describedby, aria-labelledby, ...).",
       description: "Returns a document-unique id for wiring ARIA relationships (aria-controls, aria-describedby, aria-labelledby, ...).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "focusable-selector",
@@ -21678,7 +22102,7 @@ placeholder="Name or address\u2026"
       summary: "Selector matching natively focusable elements.",
       description: "Selector matching natively focusable elements. Used to locate the interactive element inside a projected trigger so ARIA attributes land on the element that actually receives focus.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "resolve-focus-target",
@@ -21690,7 +22114,7 @@ placeholder="Name or address\u2026"
       summary: "Resolves the element that should carry ARIA state for a trigger: the element itself when focusable, otherwise its first focusable descendant.",
       description: "Resolves the element that should carry ARIA state for a trigger: the element itself when focusable, otherwise its first focusable descendant.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "visually-hidden",
@@ -21702,7 +22126,7 @@ placeholder="Name or address\u2026"
       summary: "Visually hides content while keeping it available to screen readers.",
       description: "Visually hides content while keeping it available to screen readers. Use for text alternatives (e.g. badge counts, icon-only affordances). `fixed`, not `absolute`, and that is load-bearing. An absolutely positioned box resolves its containing block to the nearest *positioned* ancestor \u2014 which, since the controls emitting these spans are `position: static`, is whatever positioned box happens to be above them in the consumer's layout, often several scroll containers up. The span then skips every intervening `overflow: auto` and lands in that distant ancestor's scrollable overflow, turning 1x1 of invisible text into real scrollable distance in a box that never opted into scrolling. A fixed box's containing block is the viewport, so it joins no ancestor's scrollable overflow at all. Caveat: inside a `transform`ed (or `filter`ed/`contain`ed) ancestor a fixed box re-anchors to that ancestor. Harmless here \u2014 the element is 1x1 and clipped to nothing, so where it lands never matters, only what it overflows.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "motion-safe",
@@ -21714,7 +22138,7 @@ placeholder="Name or address\u2026"
       summary: "Wraps animation/transition styles so they only apply when the user has not requested reduced motion (WCAG 2.3.3).",
       description: "Wraps animation/transition styles so they only apply when the user has not requested reduced motion (WCAG 2.3.3).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "announcer",
@@ -21739,7 +22163,7 @@ placeholder="Name or address\u2026"
           description: "Announce `text`, even when it repeats what was just announced."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "create-announcer",
@@ -21751,7 +22175,7 @@ placeholder="Name or address\u2026"
       summary: "A polite live region's text, for the running commentary a form control owes a screen reader: commits, clears, refused entries, result counts \u2014 changes a sighted user sees but that are otherwise silent.",
       description: "A polite live region's text, for the running commentary a form control owes a screen reader: commits, clears, refused entries, result counts \u2014 changes a sighted user sees but that are otherwise silent. Extracted because five controls (`uni-combobox`, `uni-tag-input`, `uni-time-input`, `uni-date-input`, `uni-calendar`) carried byte-identical copies, including the repeat trick below \u2014 the kind of subtlety that is quietly dropped when the sixth control hand-rolls its own. Announcing the same text twice must still be heard: assistive tech reads a live region when its content *changes*, so setting an identical string is a no-op and the second \"No match.\" would be silent. A trailing space breaks the equality without changing a word of what is read. Successive repeats alternate between the padded and unpadded form, so nothing accumulates. Deliberately holds no DOM and no styling: the region belongs to the component's own template, where its placement and visually-hidden class are already the component's business.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-date",
@@ -21763,7 +22187,7 @@ placeholder="Name or address\u2026"
       summary: "A calendar date, `'YYYY-MM-DD'`.",
       description: "A calendar date, `'YYYY-MM-DD'`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-time",
@@ -21775,7 +22199,7 @@ placeholder="Name or address\u2026"
       summary: "A wall-clock time, `'HH:mm'` (24-hour).",
       description: "A wall-clock time, `'HH:mm'` (24-hour). Display format is separate.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-date-time",
@@ -21787,7 +22211,7 @@ placeholder="Name or address\u2026"
       summary: "A combined date and time, `'YYYY-MM-DDTHH:mm'`.",
       description: "A combined date and time, `'YYYY-MM-DDTHH:mm'`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-date-range",
@@ -21812,7 +22236,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "iso-date",
@@ -21824,7 +22248,7 @@ placeholder="Name or address\u2026"
       summary: "`(2026, 8, 5)` \u2192 `'2026-08-05'`.",
       description: "`(2026, 8, 5)` \u2192 `'2026-08-05'`. Does not validate \u2014 see `isValidDate`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "is-valid-date",
@@ -21836,7 +22260,7 @@ placeholder="Name or address\u2026"
       summary: "The ISO date when the parts form a real calendar day, else `null`.",
       description: "The ISO date when the parts form a real calendar day, else `null`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "days-in-month",
@@ -21848,7 +22272,7 @@ placeholder="Name or address\u2026"
       summary: "Days in a month, leap-year aware.",
       description: "Days in a month, leap-year aware.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "add-days",
@@ -21860,7 +22284,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "add-months",
@@ -21872,7 +22296,7 @@ placeholder="Name or address\u2026"
       summary: "Same day \xB1 n months, clamping the day to the target month's length.",
       description: "Same day \xB1 n months, clamping the day to the target month's length.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "day-of-week",
@@ -21884,7 +22308,7 @@ placeholder="Name or address\u2026"
       summary: "Day of week, 0 = Sunday \u2026 6 = Saturday.",
       description: "Day of week, 0 = Sunday \u2026 6 = Saturday.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "month-of",
@@ -21896,7 +22320,7 @@ placeholder="Name or address\u2026"
       summary: "`'2026-08-20'` \u2192 `'2026-08'`.",
       description: "`'2026-08-20'` \u2192 `'2026-08'`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "today-iso",
@@ -21908,7 +22332,7 @@ placeholder="Name or address\u2026"
       summary: "Today as a local-wall-clock ISO date (the one place local time matters).",
       description: "Today as a local-wall-clock ISO date (the one place local time matters).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "inclusive-day-count",
@@ -21920,7 +22344,7 @@ placeholder="Name or address\u2026"
       summary: "Inclusive day count of a range: `('-20', '-24')` \u2192 5.",
       description: "Inclusive day count of a range: `('-20', '-24')` \u2192 5.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-month-grid-cell",
@@ -21945,7 +22369,7 @@ placeholder="Name or address\u2026"
           description: "True for leading/trailing cells that belong to the adjacent months."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "build-month-grid",
@@ -21957,7 +22381,7 @@ placeholder="Name or address\u2026"
       summary: "The week matrix a calendar renders: full weeks covering `'YYYY-MM'`, starting on `weekStart` (0 = Sunday).",
       description: "The week matrix a calendar renders: full weeks covering `'YYYY-MM'`, starting on `weekStart` (0 = Sunday). Outside cells are always present so showing or hiding them is a pure render decision.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "format-date",
@@ -21969,7 +22393,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "format-month-heading",
@@ -21981,7 +22405,7 @@ placeholder="Name or address\u2026"
       summary: "`'2026-08'` \u2192 `'August 2026'` in the locale.",
       description: "`'2026-08'` \u2192 `'August 2026'` in the locale.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-weekday-name",
@@ -22006,7 +22430,7 @@ placeholder="Name or address\u2026"
           description: "Full weekday name, for the columnheader's `abbr`."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "weekday-names",
@@ -22018,7 +22442,7 @@ placeholder="Name or address\u2026"
       summary: "Weekday header labels starting at `weekStart` (0 = Sunday).",
       description: "Weekday header labels starting at `weekStart` (0 = Sunday).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "format-time",
@@ -22030,7 +22454,7 @@ placeholder="Name or address\u2026"
       summary: "`'15:00'` \u2192 `'3:00 PM'` (or `'15:00'` when `hour12` is false).",
       description: "`'15:00'` \u2192 `'3:00 PM'` (or `'15:00'` when `hour12` is false).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "locale-week-start",
@@ -22042,7 +22466,7 @@ placeholder="Name or address\u2026"
       summary: "The locale's first day of week, 0 = Sunday \u2026 6 = Saturday.",
       description: "The locale's first day of week, 0 = Sunday \u2026 6 = Saturday. Falls back to Sunday where `Intl.Locale` week info is unavailable.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "locale-default-hour12",
@@ -22054,7 +22478,7 @@ placeholder="Name or address\u2026"
       summary: "Whether the locale's default clock is 12-hour.",
       description: "Whether the locale's default clock is 12-hour.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "locale-field-order",
@@ -22066,7 +22490,7 @@ placeholder="Name or address\u2026"
       summary: "The locale's numeric-date field order, e.g.",
       description: "The locale's numeric-date field order, e.g. en-US \u2192 month, day, year.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "locale-month-names",
@@ -22078,7 +22502,7 @@ placeholder="Name or address\u2026"
       summary: "Long + short month names \u2192 month number, lowercased, dots stripped.",
       description: "Long + short month names \u2192 month number, lowercased, dots stripped.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "locale-date-placeholder",
@@ -22090,7 +22514,7 @@ placeholder="Name or address\u2026"
       summary: "The locale's digit pattern as a placeholder, e.g.",
       description: "The locale's digit pattern as a placeholder, e.g. `'MM/DD/YYYY'`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "parse-date-text",
@@ -22102,7 +22526,7 @@ placeholder="Name or address\u2026"
       summary: "Free-typed date text \u2192 ISO date, or `null` when unreadable.",
       description: "Free-typed date text \u2192 ISO date, or `null` when unreadable. Accepts, in order: ISO (`2026-08-20`), a month name from the locale's own long/short lists (`aug 20`, `20 aug 2026`, `August 20th`), and locale-numeric text (`8/20/2026`, `20.8.2026`, `08-20`) with the digit order taken from `Intl.DateTimeFormat(locale).formatToParts()`. A missing year resolves to the next occurrence; two-digit years are refused rather than guessed.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "parse-time-text",
@@ -22114,7 +22538,7 @@ placeholder="Name or address\u2026"
       summary: "Free-typed time text \u2192 `'HH:mm'`, or `null`.",
       description: "Free-typed time text \u2192 `'HH:mm'`, or `null`. Accepts `9`, `930`, `9:30`, `9.30`, `9 30`, `3p`, `3pm`, `3 PM`, `15:00`. Bare hours 1\u20137 with no meridiem lean PM when `hour12` \u2014 typing `3` into an appointment field means 15:00, not 03:00.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "time-slots",
@@ -22126,7 +22550,7 @@ placeholder="Name or address\u2026"
       summary: "Every `minuteStep` time between `min` and `max` (inclusive bounds).",
       description: "Every `minuteStep` time between `min` and `max` (inclusive bounds).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "split-date-time",
@@ -22138,7 +22562,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "join-date-time",
@@ -22150,7 +22574,7 @@ placeholder="Name or address\u2026"
       summary: "One combined value only when both parts are present.",
       description: "One combined value only when both parts are present.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-range",
@@ -22175,7 +22599,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-rounding-mode",
@@ -22187,7 +22611,7 @@ placeholder="Name or address\u2026"
       summary: "How a tie is resolved when rounding to a fraction-digit count.",
       description: "How a tie is resolved when rounding to a fraction-digit count. `half-up` is the invoice default (ties away from zero: `1.15` \u2192 `1.2`); `half-even` is banker's rounding, which removes the upward bias across a column of figures (`1.25` \u2192 `1.2`, `1.35` \u2192 `1.4`).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-preset",
@@ -22199,7 +22623,7 @@ placeholder="Name or address\u2026"
       summary: "Format archetype.",
       description: "Format archetype. Supplies decimals, grouping, affix and `inputmode`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-grouping",
@@ -22211,7 +22635,7 @@ placeholder="Name or address\u2026"
       summary: "Thousands-separator policy, mapped onto `Intl`'s `useGrouping`.",
       description: "Thousands-separator policy, mapped onto `Intl`'s `useGrouping`. `min2` \u2014 the default \u2014 groups only from five integer digits, so a year renders `2026` rather than `2,026` while a price still renders `10,000`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-reject-reason",
@@ -22223,7 +22647,7 @@ placeholder="Name or address\u2026"
       summary: "Why a typed commit was refused.",
       description: "Why a typed commit was refused. The raw text stays in the field.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-step-config",
@@ -22266,7 +22690,7 @@ placeholder="Name or address\u2026"
           description: "Cycle past a fence instead of stopping at it \u2014 for genuinely cyclic fields only (23 \u2192 0 hours, 359 \u2192 0 degrees). Needs both `min` and `max`."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-clamp",
@@ -22291,7 +22715,7 @@ placeholder="Name or address\u2026"
           description: "Which fence was hit, or `null` when the value was already in range."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-locale-number-parts",
@@ -22334,7 +22758,7 @@ placeholder="Name or address\u2026"
           description: "Fraction digits `Intl` uses for the currency \u2014 JPY 0, USD 2."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-format-config",
@@ -22419,7 +22843,7 @@ placeholder="Name or address\u2026"
           description: "Spoken long form of an abbreviated suffix, for `aria-valuetext`."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-resolved-number-format",
@@ -22510,7 +22934,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-number-parse-result",
@@ -22522,7 +22946,7 @@ placeholder="Name or address\u2026"
       summary: "The outcome of reading a user's text.",
       description: "The outcome of reading a user's text. Refused text is never swallowed: the caller keeps it in the field and flags it, so nobody loses their work to a silently emptied box.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "is-canonical-decimal",
@@ -22534,7 +22958,7 @@ placeholder="Name or address\u2026"
       summary: "True when `text` is already a canonical decimal (leading/trailing space allowed).",
       description: "True when `text` is already a canonical decimal (leading/trailing space allowed).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "decimal-scale",
@@ -22546,7 +22970,7 @@ placeholder="Name or address\u2026"
       summary: "Fraction-digit count.",
       description: "Fraction-digit count. `'1.250'` \u2192 3, `'12'` \u2192 0, `'5.'` \u2192 0.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "to-scaled",
@@ -22558,7 +22982,7 @@ placeholder="Name or address\u2026"
       summary: "Canonical decimal \u2192 integer scaled by `10^scale`.",
       description: "Canonical decimal \u2192 integer scaled by `10^scale`. Fraction digits beyond `scale` are truncated, so callers that must not lose them pass a `scale` at least `decimalScale(value)`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "from-scaled",
@@ -22570,7 +22994,7 @@ placeholder="Name or address\u2026"
       summary: "Scaled integer \u2192 canonical decimal, with trailing fraction zeros trimmed.",
       description: "Scaled integer \u2192 canonical decimal, with trailing fraction zeros trimmed.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "normalize-decimal",
@@ -22582,7 +23006,7 @@ placeholder="Name or address\u2026"
       summary: "Strip a leading `+`, leading zeros and trailing fraction zeros: `'+01.50'` \u2192 `'1.5'`.",
       description: "Strip a leading `+`, leading zeros and trailing fraction zeros: `'+01.50'` \u2192 `'1.5'`. Requires a canonical decimal; guard with `isCanonicalDecimal`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "to-decimal",
@@ -22594,7 +23018,7 @@ placeholder="Name or address\u2026"
       summary: "Any numeric input \u2192 canonical decimal, expanding the exponential notation `String(number)` produces outside 1e-7\u20261e21.",
       description: "Any numeric input \u2192 canonical decimal, expanding the exponential notation `String(number)` produces outside 1e-7\u20261e21. A `step` of `1e-7` would otherwise reach the arithmetic as the literal text `'1e-7'`. Throws on text that is not numeric at all \u2014 every caller here passes either a `number` input or text already cleared by the parser.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "compare-decimal",
@@ -22606,7 +23030,7 @@ placeholder="Name or address\u2026"
       summary: "`-1` when `a < b`, `1` when `a > b`, `0` when equal.",
       description: "`-1` when `a < b`, `1` when `a > b`, `0` when equal. `'1.50'` equals `'1.5'`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "round-decimal",
@@ -22618,7 +23042,7 @@ placeholder="Name or address\u2026"
       summary: "Round to `fractionDigits`, breaking ties per `mode`.",
       description: "Round to `fractionDigits`, breaking ties per `mode`. Exact where `Number.prototype.toFixed` is not \u2014 see the file header.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "shift-decimal",
@@ -22630,7 +23054,7 @@ placeholder="Name or address\u2026"
       summary: "Multiply by `10^places`, exactly.",
       description: "Multiply by `10^places`, exactly. Used for the percent preset's fraction \u21C4 display shift (`0.15` \u21C4 `15`) and for deriving a default large step of `step \xD7 10` without touching a float.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "clamp-decimal",
@@ -22642,7 +23066,7 @@ placeholder="Name or address\u2026"
       summary: "Hold a value inside its fences, reporting which one it hit so the caller can announce it.",
       description: "Hold a value inside its fences, reporting which one it hit so the caller can announce it. Clamping belongs on commit, never per keystroke: a `min=10` field that clamps live can never be typed into, because the `1` becomes `10` before the `5` arrives.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "step-decimal",
@@ -22654,7 +23078,7 @@ placeholder="Name or address\u2026"
       summary: "One step from `current`, in `direction` (`1` up, `-1` down).",
       description: "One step from `current`, in `direction` (`1` up, `-1` down). Steps land on the grid `origin + n \xB7 step`, where `origin` is `min` by default. A value that is *off* the grid snaps to the nearest grid point **in the direction of travel** rather than jumping past it: with `min=5, step=10` the grid is 5, 15, 25, and stepping up from 7 gives 15, not 17. Fences stop the value; they never wrap unless `wrap` is set and both bounds are defined. Returns `current` unchanged when `step` is zero.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "locale-number-parts",
@@ -22666,7 +23090,7 @@ placeholder="Name or address\u2026"
       summary: "Locale separators plus, when a currency is given, its symbol, side and fraction digits.",
       description: "Locale separators plus, when a currency is given, its symbol, side and fraction digits. Memoized: constructing an `Intl.NumberFormat` is expensive and a field re-resolves this on every keystroke.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "to-ascii-digits",
@@ -22678,7 +23102,7 @@ placeholder="Name or address\u2026"
       summary: "Map localized digits and Arabic separators to ASCII, so `\u0661\u0662\u0663\u0664\u066B\u0665` parses in `ar` and `\u0967\u0968\u0969\u096A.\u096B` in `hi`.",
       description: "Map localized digits and Arabic separators to ASCII, so `\u0661\u0662\u0663\u0664\u066B\u0665` parses in `ar` and `\u0967\u0968\u0969\u096A.\u096B` in `hi`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "evaluate-expression",
@@ -22690,7 +23114,7 @@ placeholder="Name or address\u2026"
       summary: "Evaluate `+ \u2212 \xD7 \xF7 ( )` over decimal literals \u2014 shunting-yard, roughly thirty lines, and **never `eval`**.",
       description: "Evaluate `+ \u2212 \xD7 \xF7 ( )` over decimal literals \u2014 shunting-yard, roughly thirty lines, and **never `eval`**. Returns a canonical decimal, or `null` when the text is not a well-formed expression. Floats are acceptable here in a way they are not elsewhere: this is a convenience path for spreadsheet muscle memory (`12*3`, `100/4+5`), and the result is settled to ten decimals before re-entering exact arithmetic. Division is the only operation that can produce a non-terminating decimal, and no exact representation would help there either.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "resolve-number-format",
@@ -22702,7 +23126,7 @@ placeholder="Name or address\u2026"
       summary: "Fill in every preset, locale and currency default.",
       description: "Fill in every preset, locale and currency default.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "parse-number",
@@ -22714,7 +23138,7 @@ placeholder="Name or address\u2026"
       summary: "Read a user's text into a canonical decimal in **model units**.",
       description: "Read a user's text into a canonical decimal in **model units**. Accepted, in order: canonical/ASCII (always, whatever the locale \u2014 it is what agents and APIs write), locale-grouped, affixed, localized digits, compact (`1.5k`), accounting negatives (`(1,234.56)` \u2192 `-1234.56`), and expressions when `allowExpressions` is set.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "format-number",
@@ -22726,7 +23150,7 @@ placeholder="Name or address\u2026"
       summary: "Canonical decimal (model units) \u2192 the display number, without affixes.",
       description: "Canonical decimal (model units) \u2192 the display number, without affixes. `min2` grouping \u2014 the default \u2014 starts at five integer digits, so a year renders `2026` rather than `2,026` while a price still renders `10,000`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "raw-number-text",
@@ -22738,7 +23162,7 @@ placeholder="Name or address\u2026"
       summary: "The plain text the field shows while focused: the display number with no grouping and no affixes, so the caret never has to walk over a separator that appears and vanishes mid-word.",
       description: "The plain text the field shows while focused: the display number with no grouping and no affixes, so the caret never has to walk over a separator that appears and vanishes mid-word.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "settle-number",
@@ -22750,7 +23174,7 @@ placeholder="Name or address\u2026"
       summary: "Round a committed value to the field's precision, in model units.",
       description: "Round a committed value to the field's precision, in model units.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "speak-number",
@@ -22762,7 +23186,7 @@ placeholder="Name or address\u2026"
       summary: "The `aria-valuetext` string: the formatted number with its affixes spoken.",
       description: 'The `aria-valuetext` string: the formatted number with its affixes spoken. `aria-valuenow` alone announces "1234.56", which is the one thing about a money field that is not the point. An empty field says "Empty" per APG.',
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "to-number",
@@ -22774,7 +23198,7 @@ placeholder="Name or address\u2026"
       summary: "Model-units canonical decimal \u2192 the bound `number`.",
       description: "Model-units canonical decimal \u2192 the bound `number`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "loses-precision",
@@ -22786,7 +23210,7 @@ placeholder="Name or address\u2026"
       summary: "True when a value cannot survive the trip through `number` \u2014 the reason the components also expose an exact `valueAsString` model, and the trigger for the dev-mode warning.",
       description: "True when a value cannot survive the trip through `number` \u2014 the reason the components also expose an exact `valueAsString` model, and the trigger for the dev-mode warning. Silent precision loss is the whole point of that second model, so it is worth saying out loud once. A `number` can only be checked for magnitude, since it has already lost whatever it was going to lose. A canonical string can be checked properly: `'9007199254740993'` comes back as `'9007199254740992'`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "press-repeat-timing",
@@ -22823,7 +23247,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "press-repeat-config",
@@ -22872,7 +23296,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "press-repeat",
@@ -22909,7 +23333,7 @@ placeholder="Name or address\u2026"
           description: "End a hold without firing `onRelease` \u2014 for `Escape` and `pointercancel`."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "create-press-repeat",
@@ -22921,7 +23345,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "listbox-navigation-config",
@@ -22964,7 +23388,7 @@ placeholder="Name or address\u2026"
           description: "Let Home/End jump to the ends of the list. Default false. In an editable combobox those keys belong to the caret \u2014 APG reserves them for text editing, and a control that steals them makes the text un-navigable while its list is open. Opt in only where focus is *not* in a text field (uni-multi-select-dropdown, whose focus rides the option checkboxes). Nothing is lost by leaving it off: opening with ArrowUp already lands on the last option, ArrowDown on the first, and navigation wraps at both ends."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "listbox-navigation",
@@ -23037,7 +23461,7 @@ placeholder="Name or address\u2026"
           description: "Close when focus leaves the control entirely (not on internal moves)."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "create-listbox-navigation",
@@ -23049,7 +23473,7 @@ placeholder="Name or address\u2026"
       summary: "Factory mirroring the signal-API style used elsewhere in the CDK.",
       description: "Factory mirroring the signal-API style used elsewhere in the CDK.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "placement",
@@ -23061,7 +23485,7 @@ placeholder="Name or address\u2026"
       summary: "Native CSS Anchor Positioning helpers (Baseline 2026).",
       description: "Native CSS Anchor Positioning helpers (Baseline 2026). These replace the former",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "anchor-offset",
@@ -23086,7 +23510,7 @@ placeholder="Name or address\u2026"
           description: "Shift along the cross axis, from the aligned edge."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "new-anchor-name",
@@ -23098,7 +23522,7 @@ placeholder="Name or address\u2026"
       summary: "Returns a document-unique dashed-ident usable as a CSS `anchor-name`.",
       description: "Returns a document-unique dashed-ident usable as a CSS `anchor-name`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "anchor-styles",
@@ -23110,7 +23534,7 @@ placeholder="Name or address\u2026"
       summary: "Emotion style object anchoring a panel to `anchor` at `placement`.",
       description: "Emotion style object anchoring a panel to `anchor` at `placement`. Spread into the panel's `css()` styles. The trigger element must carry `anchor-name: <anchor>` (see `newAnchorName`).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "anchor-arrow-styles",
@@ -23122,7 +23546,7 @@ placeholder="Name or address\u2026"
       summary: "Absolute positioning for a rotated-square arrow sitting on the panel edge that faces the anchor.",
       description: "Absolute positioning for a rotated-square arrow sitting on the panel edge that faces the anchor. Static per placement: if the browser flips the panel via position-try, the arrow stays on the configured side (cosmetic-only degradation, matching the flip-support caveat above). `overlap` (default 0 \u2014 cut exactly on the panel edge) extends the kept half into the panel; see  for when that is ever wanted.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "spotlight-options",
@@ -23153,7 +23577,7 @@ placeholder="Name or address\u2026"
           description: "Scrim paint; scheme-invariant by convention, like `::backdrop`."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "spotlight-styles",
@@ -23184,7 +23608,7 @@ placeholder="Name or address\u2026"
           description: "Hole-sized click-blocker, shown when the target must not be interactive."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "anchor-rect",
@@ -23233,7 +23657,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "transform-origin-for",
@@ -23245,7 +23669,7 @@ placeholder="Name or address\u2026"
       summary: "Transform origin for a panel's open/close scale animation, derived from where the panel **actually** rendered relative to its anchor \u2014 not from the requested placement.",
       description: "Transform origin for a panel's open/close scale animation, derived from where the panel **actually** rendered relative to its anchor \u2014 not from the requested placement. `position-try-fallbacks` lets the browser flip a panel at viewport edges, and a statically mapped origin then animates from the wrong corner (a `bottom-end` picker flipped above its field would still scale from `top right`). Measure after the popover is shown and apply the result as an inline style. Returns keyword pairs like `'top right'` / `'bottom center'`, or `null` when the panel has no box yet (e.g. `display: none`, or jsdom).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "transform-origins",
@@ -23257,7 +23681,7 @@ placeholder="Name or address\u2026"
       summary: "Placement \u2192 `transform-origin`, so scale animations grow from the anchor.",
       description: "Placement \u2192 `transform-origin`, so scale animations grow from the anchor.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "set-anchor-name",
@@ -23269,7 +23693,7 @@ placeholder="Name or address\u2026"
       summary: "Write a CSS `anchor-name` onto an element (detached anchors and targets).",
       description: "Write a CSS `anchor-name` onto an element (detached anchors and targets).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "clear-anchor-name",
@@ -23281,7 +23705,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "resolve-element",
@@ -23293,7 +23717,7 @@ placeholder="Name or address\u2026"
       summary: "Resolve an element-or-id reference.",
       description: "Resolve an element-or-id reference. Id strings are looked up at call time \u2014 never cache the result across opens, the element may have been re-rendered. `''` and null-ish mean \"unset\" (falsy guard: an empty string is the only typeable empty for a string-typed input).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "is-toggle-open",
@@ -23305,7 +23729,7 @@ placeholder="Name or address\u2026"
       summary: "True when a native `toggle` event reports the overlay opening.",
       description: "True when a native `toggle` event reports the overlay opening.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "discrete-overlay-transition",
@@ -23317,7 +23741,7 @@ placeholder="Name or address\u2026"
       summary: "The discrete-transition block that animates an element into and out of the top layer: `transition-behavior: allow-discrete` over the `hidden` keys plus `display`/`overlay`, the shown state under `:popover-open`, and `@starting-style` so entry transitions run from the hidden state.",
       description: "The discrete-transition block that animates an element into and out of the top layer: `transition-behavior: allow-discrete` over the `hidden` keys plus `display`/`overlay`, the shown state under `:popover-open`, and `@starting-style` so entry transitions run from the hidden state. `display` and `overlay` must ride along or the element cannot animate into and out of the top layer at all \u2014 it would simply appear and vanish. `timingFunction` is omitted from the output when not given, leaving the CSS initial value (`ease`), so callers that never asked for one are unaffected.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "restore-overlay-focus",
@@ -23329,7 +23753,7 @@ placeholder="Name or address\u2026"
       summary: "Returns focus to `target` when an overlay closes while focus was inside its panel (or was dropped on `<body>` by the top layer closing), so keyboard users are never stranded (WCAG 2.4.3).",
       description: "Returns focus to `target` when an overlay closes while focus was inside its panel (or was dropped on `<body>` by the top layer closing), so keyboard users are never stranded (WCAG 2.4.3). Focus resting anywhere else is left alone.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "focusable-elements",
@@ -23341,7 +23765,7 @@ placeholder="Name or address\u2026"
       summary: "The focusable elements inside `root`, in DOM order.",
       description: "The focusable elements inside `root`, in DOM order. Filters disabled controls, and hidden ones where the environment can tell: jsdom reports `offsetParent` as null for every element, so the visibility filter applies only when the document actually lays out (some element has an offsetParent).",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "backdrop-dismiss",
@@ -23366,7 +23790,7 @@ placeholder="Name or address\u2026"
           description: "True only when both the press and the click landed on the dialog itself."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "sort-direction",
@@ -23378,7 +23802,38 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
+    },
+    {
+      id: "row-key",
+      name: "RowKey",
+      kind: "type",
+      module: "datasource",
+      importPath: "@uni-design-system/uni-angular",
+      signature: "type RowKey = string | number",
+      summary: "What `rowId` returns: a stable identity for a row across re-fetches.",
+      description: "What `rowId` returns: a stable identity for a row across re-fetches.",
+      members: [],
+      version: "11.10.0"
+    },
+    {
+      id: "uni-datasource-options",
+      name: "UniDatasourceOptions",
+      kind: "interface",
+      module: "datasource",
+      importPath: "@uni-design-system/uni-angular",
+      signature: "interface UniDatasourceOptions<T>",
+      summary: "Options shared by every datasource.",
+      description: "Options shared by every datasource.",
+      members: [
+        {
+          name: "rowId",
+          kind: "property",
+          signature: "rowId?: (row: T) => RowKey",
+          description: "Stable identity for a row. Unset, rows are compared by reference, which never matches a row rebuilt from a fresh fetch \u2014 a realtime update that replaces the records would empty a selection and move an expanded row. Set it (`(row) => row.id`) and selection, `uni-data-table`'s expanded row and its row tracking all key by it instead."
+        }
+      ],
+      version: "11.10.0"
     },
     {
       id: "sort",
@@ -23403,7 +23858,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-base-datasource",
@@ -23433,6 +23888,18 @@ placeholder="Name or address\u2026"
           signature: "selections = signal<T[]>([])",
           description: ""
         },
+        {
+          name: "rowId",
+          kind: "property",
+          signature: "rowId?: (row: T) => RowKey",
+          description: "See `UniDatasourceOptions.rowId`. Settable after construction."
+        },
+        {
+          name: "rowKey",
+          kind: "method",
+          signature: "rowKey(row: T): RowKey | T",
+          description: "The row's identity: its `rowId`, or the row itself when there is none."
+        },
         {
           name: "sort",
           kind: "property",
@@ -23517,6 +23984,12 @@ placeholder="Name or address\u2026"
           signature: "toggleSelection(row: T)",
           description: ""
         },
+        {
+          name: "setSelected",
+          kind: "method",
+          signature: "setSelected(rows: T[], selected: boolean)",
+          description: "Select or deselect several rows at once \u2014 a select-all over the rows that may be selected, leaving any others (another page's) as they are. Keyed by `rowId`, so a selected row re-fetched as a new object is replaced rather than duplicated."
+        },
         {
           name: "clearSelections",
           kind: "method",
@@ -23572,7 +24045,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "page-request",
@@ -23615,7 +24088,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "page-response",
@@ -23652,7 +24125,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "data-loader",
@@ -23664,7 +24137,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-server-side-datasource",
@@ -23803,7 +24276,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-datasource",
@@ -23815,7 +24288,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "uni-record-datasource",
@@ -23924,7 +24397,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "local-storage-service",
@@ -23979,7 +24452,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "alert",
@@ -24034,7 +24507,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "snackbar",
@@ -24089,7 +24562,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "confirmation",
@@ -24138,7 +24611,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "notification-service",
@@ -24205,7 +24678,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "option",
@@ -24242,7 +24715,7 @@ placeholder="Name or address\u2026"
           description: "Visible and announced, but not committable; listbox navigation skips it."
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "options",
@@ -24254,7 +24727,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "use-timer",
@@ -24266,7 +24739,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "acceptable-file",
@@ -24278,7 +24751,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "get-file-extension",
@@ -24290,7 +24763,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "query-permission",
@@ -24302,7 +24775,7 @@ placeholder="Name or address\u2026"
       summary: "The current state of a browser permission.",
       description: 'The current state of a browser permission. Resolves `unsupported` \u2014 never rejects \u2014 where the Permissions API is missing or does not know the name, which is the norm rather than the exception: Firefox and Safari reject `clipboard-write`, for one. Treat `unsupported` as "can\'t tell", not "no".',
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "permission-service",
@@ -24327,7 +24800,7 @@ placeholder="Name or address\u2026"
           description: ""
         }
       ],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "permission",
@@ -24339,7 +24812,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "permission-state",
@@ -24351,7 +24824,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "clipboard-copy-result",
@@ -24363,7 +24836,7 @@ placeholder="Name or address\u2026"
       summary: "How a copy ended: - `copied` \u2014 the content is on the clipboard.",
       description: "How a copy ended: - `copied` \u2014 the content is on the clipboard. - `denied` \u2014 the user or a policy has blocked clipboard access for this site; only a change in the browser's site settings will fix it. - `unsupported` \u2014 no Clipboard API here (an insecure context, a server render, an old browser) or the browser cannot write one of the types. - `failed` \u2014 the browser refused this attempt for another reason, most often a call made outside a user gesture or from an unfocused document.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "clipboard-data",
@@ -24375,7 +24848,7 @@ placeholder="Name or address\u2026"
       summary: "One clipboard representation; a promise lets the data arrive after the gesture.",
       description: "One clipboard representation; a promise lets the data arrive after the gesture.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "clipboard-content",
@@ -24387,7 +24860,7 @@ placeholder="Name or address\u2026"
       summary: "What to copy: a plain string, or one item in several representations keyed by MIME type \u2014 `{ 'text/plain': \u2026, 'text/html': \u2026 }`, `{ 'image/png': blob }`.",
       description: "What to copy: a plain string, or one item in several representations keyed by MIME type \u2014 `{ 'text/plain': \u2026, 'text/html': \u2026 }`, `{ 'image/png': blob }`.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     },
     {
       id: "copy-to-clipboard",
@@ -24399,14 +24872,14 @@ placeholder="Name or address\u2026"
       summary: "Copies text or rich content with the Async Clipboard API.",
       description: "Copies text or rich content with the Async Clipboard API. Never rejects: the result says what happened, so a caller can tell the user why. Call it directly from the click or key handler. The write starts synchronously, before anything is awaited, because browsers only honor it inside the user gesture \u2014 which is also why the `clipboard-write` permission is consulted after a refusal, to explain it, rather than before the attempt. For content that has to be fetched or rendered first, pass a promise as the value instead of awaiting it yourself.",
       members: [],
-      version: "11.8.0"
+      version: "11.10.0"
     }
   ],
   utilityDocs: [
     {
       module: "datasource",
       title: "Datasource",
-      markdown: "# Datasource\n\nThe Datasource system provides a flexible and reactive way to manage data collections in Angular applications. It supports both client-side and server-side data operations with a unified API.\n\n## Architecture\n\nThe datasource system consists of three main classes:\n\n- **`UniBaseDatasource<T>`**: Abstract base class defining the common interface\n- **`UniRecordDatasource<T>`**: Client-side datasource for in-memory data operations\n- **`UniServerSideDatasource<T>`**: Server-side datasource using Angular's resource signal\n\n## Features\n\n- **Reactive State Management**: Built with Angular signals for efficient reactivity\n- **Unified API**: Both client-side and server-side datasources implement the same interface\n- **Sorting**: Sort data by any column in ascending or descending order\n- **Filtering**: Apply filters with appropriate handling for client vs server-side\n- **Pagination**: Navigate through data with built-in pagination controls\n- **Selection**: Track and manage selected items\n- **Loading States**: Server-side datasource provides loading and error states\n\n## Client-Side Datasource\n\nFor in-memory data operations, use `UniRecordDatasource`:\n\n```typescript\nimport { UniRecordDatasource } from '@uni-design-system/uni-angular';\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  age: number;\n}\n\n@Component({...})\nclass ClientSideComponent {\n  // Static data for client-side operations\n  users: User[] = [\n    { id: 1, name: 'John Doe', email: 'john@example.com', age: 30 },\n    { id: 2, name: 'Jane Smith', email: 'jane@example.com', age: 25 },\n    // more users...\n  ];\n\n  datasource = new UniRecordDatasource<User>(this.users);\n\n  constructor() {\n    // Set page size for pagination\n    this.datasource.setPageSize(10);\n\n    // Apply a filter function (client-side filtering)\n    this.datasource.setFilter(user => user.age > 18);\n\n    // Sort by a column\n    this.datasource.sortRecords({\n      column: 'name',\n      direction: 'asc'\n    });\n  }\n\n  // Handle row selection\n  onRowClick(user: User) {\n    this.datasource.toggleSelection(user);\n  }\n\n  // Navigate to next page\n  nextPage() {\n    this.datasource.nextPage();\n  }\n}\n```\n\n## Server-Side Datasource\n\nFor server-side operations with automatic loading states, use `UniServerSideDatasource`:\n\n```typescript\nimport { UniServerSideDatasource, PageRequest, PageResponse } from '@uni-design-system/uni-angular';\n\n@Component({...})\nclass ServerSideComponent {\n  datasource = new UniServerSideDatasource<User>(\n    // Data loader function\n    async (request: PageRequest): Promise<PageResponse<User>> => {\n      const response = await this.userService.getUsers({\n        page: request.pageNumber,\n        size: request.pageSize,\n        sort: request.sortColumn,\n        order: request.sortDirection,\n        filter: request.filter\n      });\n\n      return {\n        data: response.users,\n        totalRecords: response.total,\n        pageNumber: request.pageNumber,\n        pageSize: request.pageSize\n      };\n    },\n    10 // initial page size\n  );\n\n  constructor() {\n    // Apply server-side filter (sends filter object to server)\n    this.datasource.setFilter({ department: 'Engineering', active: true });\n\n    // Sort by a column (triggers server request)\n    this.datasource.sortRecords({\n      column: 'name',\n      direction: 'asc'\n    });\n  }\n\n  // Access loading and error states\n  get isLoading() {\n    return this.datasource.isLoading();\n  }\n\n  get hasError() {\n    return this.datasource.hasError();\n  }\n\n  // Refresh data from server\n  refreshData() {\n    this.datasource.refresh();\n  }\n}\n```\n\n## API Reference\n\n### Common Properties (Both Datasources)\n\n- `records`: Signal containing the current page's filtered and sorted records\n- `recordCount`: Signal with the count of filtered records\n- `selections`: Signal containing currently selected items\n- `sort`: Signal containing the current sort configuration\n- `sortColumn`: Computed signal with the current sort column\n- `sortDirection`: Computed signal with the current sort direction\n- `pageIndex`: Signal with the current page index (zero-based)\n- `pageSize`: Signal with the number of items per page\n- `pageCount`: Signal with the total number of pages\n- `pages`: Signal with array of page numbers for pagination UI\n- `truncatedPages`: Signal with truncated page numbers (includes ellipsis)\n- `disablePrevious`: Signal indicating if previous button should be disabled\n- `disableNext`: Signal indicating if next button should be disabled\n\n### Common Methods (Both Datasources)\n\n- `isSelected(row)`: Checks if a row is selected\n- `toggleSelection(row)`: Toggles selection state of a row\n- `clearSelections()`: Clears all selections\n- `selectAll()`: Selects all records on current page\n- `sortRecords(sort)`: Sets the sort configuration\n- `firstPage()`, `nextPage()`, `previousPage()`, `lastPage()`: Navigation methods\n- `jumpToPage(page)`: Jumps to a specific page\n- `setPageSize(size)`: Sets the page size and resets to first page\n\n### Record Datasource Specific\n\n**Properties:**\n\n- `initialRecords`: Signal containing the original unfiltered data\n- `filter`: Signal containing the current filter function\n\n**Methods:**\n\n- `setFilter(predicate: (item: T) => boolean)`: Sets a filter function for client-side filtering\n- `clearFilter()`: Clears the current filter (shows all records)\n\n### Server-Side Datasource Specific\n\n**Properties:**\n\n- `isLoading`: Signal indicating if data is currently being loaded\n- `error`: Signal containing any loading errors\n- `hasError`: Signal indicating if there's an error state\n\n**Methods:**\n\n- `setFilter(filterObj: Record<string, any>)`: Sets filter parameters sent to server\n- `clearFilter()`: Clears all filter parameters\n- `refresh()`: Manually triggers a data reload from server\n- `getPageRequest()`: Returns the current page request parameters\n\n### Types\n\n```typescript\ninterface PageRequest {\n  pageNumber: number;\n  pageSize: number;\n  sortColumn?: string;\n  sortDirection?: SortDirection;\n  filter?: Record<string, any>;\n}\n\ninterface PageResponse<T> {\n  data: T[];\n  totalRecords: number;\n  pageNumber: number;\n  pageSize: number;\n}\n\ntype DataLoader<T> = (request: PageRequest) => Promise<PageResponse<T>>;\n\ntype SortDirection = 'asc' | 'desc' | 'indet';\n\ninterface Sort<T> {\n  column?: keyof T;\n  direction: SortDirection;\n}\n```\n\n## Examples\n\n_Live demo on the Storybook page._"
+      markdown: "# Datasource\n\nThe Datasource system provides a flexible and reactive way to manage data collections in Angular applications. It supports both client-side and server-side data operations with a unified API.\n\n## Architecture\n\nThe datasource system consists of three main classes:\n\n- **`UniBaseDatasource<T>`**: Abstract base class defining the common interface\n- **`UniRecordDatasource<T>`**: Client-side datasource for in-memory data operations\n- **`UniServerSideDatasource<T>`**: Server-side datasource using Angular's resource signal\n\n## Features\n\n- **Reactive State Management**: Built with Angular signals for efficient reactivity\n- **Unified API**: Both client-side and server-side datasources implement the same interface\n- **Sorting**: Sort data by any column in ascending or descending order\n- **Filtering**: Apply filters with appropriate handling for client vs server-side\n- **Pagination**: Navigate through data with built-in pagination controls\n- **Selection**: Track and manage selected items\n- **Loading States**: Server-side datasource provides loading and error states\n\n## Client-Side Datasource\n\nFor in-memory data operations, use `UniRecordDatasource`:\n\n```typescript\nimport { UniRecordDatasource } from '@uni-design-system/uni-angular';\n\ninterface User {\n  id: number;\n  name: string;\n  email: string;\n  age: number;\n}\n\n@Component({...})\nclass ClientSideComponent {\n  // Static data for client-side operations\n  users: User[] = [\n    { id: 1, name: 'John Doe', email: 'john@example.com', age: 30 },\n    { id: 2, name: 'Jane Smith', email: 'jane@example.com', age: 25 },\n    // more users...\n  ];\n\n  datasource = new UniRecordDatasource<User>(this.users);\n\n  constructor() {\n    // Set page size for pagination\n    this.datasource.setPageSize(10);\n\n    // Apply a filter function (client-side filtering)\n    this.datasource.setFilter(user => user.age > 18);\n\n    // Sort by a column\n    this.datasource.sortRecords({\n      column: 'name',\n      direction: 'asc'\n    });\n  }\n\n  // Handle row selection\n  onRowClick(user: User) {\n    this.datasource.toggleSelection(user);\n  }\n\n  // Navigate to next page\n  nextPage() {\n    this.datasource.nextPage();\n  }\n}\n```\n\n## Server-Side Datasource\n\nFor server-side operations with automatic loading states, use `UniServerSideDatasource`:\n\n```typescript\nimport { UniServerSideDatasource, PageRequest, PageResponse } from '@uni-design-system/uni-angular';\n\n@Component({...})\nclass ServerSideComponent {\n  datasource = new UniServerSideDatasource<User>(\n    // Data loader function\n    async (request: PageRequest): Promise<PageResponse<User>> => {\n      const response = await this.userService.getUsers({\n        page: request.pageNumber,\n        size: request.pageSize,\n        sort: request.sortColumn,\n        order: request.sortDirection,\n        filter: request.filter\n      });\n\n      return {\n        data: response.users,\n        totalRecords: response.total,\n        pageNumber: request.pageNumber,\n        pageSize: request.pageSize\n      };\n    },\n    10 // initial page size\n  );\n\n  constructor() {\n    // Apply server-side filter (sends filter object to server)\n    this.datasource.setFilter({ department: 'Engineering', active: true });\n\n    // Sort by a column (triggers server request)\n    this.datasource.sortRecords({\n      column: 'name',\n      direction: 'asc'\n    });\n  }\n\n  // Access loading and error states\n  get isLoading() {\n    return this.datasource.isLoading();\n  }\n\n  get hasError() {\n    return this.datasource.hasError();\n  }\n\n  // Refresh data from server\n  refreshData() {\n    this.datasource.refresh();\n  }\n}\n```\n\n## API Reference\n\n### Common Properties (Both Datasources)\n\n- `records`: Signal containing the current page's filtered and sorted records\n- `recordCount`: Signal with the count of filtered records\n- `selections`: Signal containing currently selected items\n- `sort`: Signal containing the current sort configuration\n- `sortColumn`: Computed signal with the current sort column\n- `sortDirection`: Computed signal with the current sort direction\n- `pageIndex`: Signal with the current page index (zero-based)\n- `pageSize`: Signal with the number of items per page\n- `pageCount`: Signal with the total number of pages\n- `pages`: Signal with array of page numbers for pagination UI\n- `truncatedPages`: Signal with truncated page numbers (includes ellipsis)\n- `disablePrevious`: Signal indicating if previous button should be disabled\n- `disableNext`: Signal indicating if next button should be disabled\n\n### Row identity\n\nBoth constructors take an options object with `rowId`, a function returning a\nstable key for a row (`{ rowId: (row) => row.id }`); it is also settable\nafterwards (`datasource.rowId = \u2026`). Without one, rows are compared by\nreference \u2014 which never matches a row rebuilt from a fresh fetch, so a\nrealtime update that replaced the records would empty the selection. With\none, `isSelected`, `toggleSelection` and `setSelected` key by it, and so do\n`uni-data-table`'s expanded row and its row tracking.\n\n### Common Methods (Both Datasources)\n\n- `isSelected(row)`: Checks if a row is selected (by `rowId` when set)\n- `toggleSelection(row)`: Toggles selection state of a row\n- `setSelected(rows, selected)`: Selects or deselects several rows, leaving the rest as they are\n- `clearSelections()`: Clears all selections\n- `selectAll()`: Selects all records on current page\n- `sortRecords(sort)`: Sets the sort configuration\n- `firstPage()`, `nextPage()`, `previousPage()`, `lastPage()`: Navigation methods\n- `jumpToPage(page)`: Jumps to a specific page\n- `setPageSize(size)`: Sets the page size and resets to first page\n\n### Record Datasource Specific\n\n**Properties:**\n\n- `initialRecords`: Signal containing the original unfiltered data\n- `filter`: Signal containing the current filter function\n\n**Methods:**\n\n- `setFilter(predicate: (item: T) => boolean)`: Sets a filter function for client-side filtering\n- `clearFilter()`: Clears the current filter (shows all records)\n\n### Server-Side Datasource Specific\n\n**Properties:**\n\n- `isLoading`: Signal indicating if data is currently being loaded\n- `error`: Signal containing any loading errors\n- `hasError`: Signal indicating if there's an error state\n\n**Methods:**\n\n- `setFilter(filterObj: Record<string, any>)`: Sets filter parameters sent to server\n- `clearFilter()`: Clears all filter parameters\n- `refresh()`: Manually triggers a data reload from server\n- `getPageRequest()`: Returns the current page request parameters\n\n### Types\n\n```typescript\ninterface PageRequest {\n  pageNumber: number;\n  pageSize: number;\n  sortColumn?: string;\n  sortDirection?: SortDirection;\n  filter?: Record<string, any>;\n}\n\ninterface PageResponse<T> {\n  data: T[];\n  totalRecords: number;\n  pageNumber: number;\n  pageSize: number;\n}\n\ntype DataLoader<T> = (request: PageRequest) => Promise<PageResponse<T>>;\n\ntype SortDirection = 'asc' | 'desc' | 'indet';\n\ninterface Sort<T> {\n  column?: keyof T;\n  direction: SortDirection;\n}\n```\n\n## Examples\n\n_Live demo on the Storybook page._"
     },
     {
       module: "local-storage",
@@ -26411,13 +26884,21 @@ var buildComponents = (c) => ({
     }
   },
   card: {
-    options: { borderRadius: "xs" },
+    options: {
+      borderRadius: "xs",
+      selectedBorder: "primary",
+      selectedColor: "primary-container"
+    },
     fixed: {
       overflow: "hidden",
       backgroundColor: c.background,
       color: c["on-background"]
     }
   },
+  cardGroup: { options: {
+    gap: "md",
+    templateColumns: "repeat(auto-fit, minmax(160px, 1fr))"
+  } },
   cardHeader: {
     fixed: { padding: "12px 24px" },
     variants: {
@@ -26473,7 +26954,10 @@ var buildComponents = (c) => ({
     rowHoverColor: "primary-container",
     loadingOverlayColor: "scrim",
     loadingSpinnerColor: "primary",
-    loadingSpinnerSize: 40
+    loadingSpinnerSize: 40,
+    selectionColumnWidth: 40,
+    selectionCheckboxSize: "sm",
+    selectedRowColor: void 0
   } },
   notificationBadge: {
     options: {
@@ -28041,4 +28525,4 @@ export {
   buildStoredTheme,
   createUniServer
 };
-//# sourceMappingURL=chunk-R4RLYWUY.js.map
+//# sourceMappingURL=chunk-G27EXV3Z.js.map