@uni-design-system/uni-mcp 4.5.0 → 4.6.0

package/dist/{chunk-VM5SXSG2.js → chunk-GT3T5DVX.js}

@@ -7,16 +7,16 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "7.1.0",
-    builtAt: "2026-07-29T18:07:05.414Z",
+    version: "8.0.0",
+    builtAt: "2026-08-11T20:20:04.699Z",
     frameworks: [
       "angular"
     ],
     counts: {
-      components: 71,
-      tokens: 305,
+      components: 72,
+      tokens: 331,
       themes: 2,
-      examples: 134
+      examples: 150
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -101,7 +101,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -158,7 +158,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -237,7 +237,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -270,7 +270,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -351,7 +351,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -432,7 +432,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -456,7 +456,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -819,7 +819,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -888,7 +888,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1031,7 +1031,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1063,7 +1063,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1108,7 +1108,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1132,7 +1132,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1173,7 +1173,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1228,7 +1228,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1365,7 +1365,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1412,7 +1412,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1481,7 +1481,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: 'The Data Search input filters a `UniDatasource` as the user types. With a client-side\n`UniRecordDatasource` it applies a predicate over the record\'s fields; with a\n`UniServerSideDatasource` it sends a filter object to the data loader. Pass `fields` to\nrestrict the search to specific columns. A clear button resets the filter.\nIt pairs with the [Data Table](?path=/docs/components-data-table--docs) \u2014 see its\n"With Search" story.',
+        whenToUse: 'The Data Search input filters a `UniDatasource` as the user types. With a client-side\n`UniRecordDatasource` it applies a predicate over the record\'s fields; with a\n`UniServerSideDatasource` it sends a filter object to the data loader. Pass `fields` to\nrestrict the search to specific columns. A clear button resets the filter.\nIt pairs with the [Data Table](?path=/docs/components-data-display-data-table--data-table) \u2014 see its\n"With Search" story.',
         dos: [],
         donts: [],
         accessibility: []
@@ -1495,7 +1495,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1596,7 +1596,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1705,7 +1705,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "A themed text input that emits its `change` output only after the user pauses typing\n(400 ms by default) and only when the value actually changed \u2014 a signal-based\ndebounce with no rxjs involved. The live value is exposed as the `value` signal, and\n`clear()` empties the field immediately (cancelling any pending emit).\nIt wears the shared input chrome (color, border, typeface, focus ring) via the input\nbox, and offers `pre-input` / `post-input` attribute slots for adornments plus ARIA\npassthrough inputs (`role`, `ariaExpanded`, `ariaControls`, `ariaActivedescendant`)\nso composite widgets can annotate the real input element.\nUsed by the [Search Input](?path=/docs/components-forms-search-input--docs), which\nprojects its magnifier and clear button through the slots and drives the combobox\nARIA through the passthroughs.",
+        whenToUse: "A themed text input that emits its `change` output only after the user pauses typing\n(400 ms by default) and only when the value actually changed \u2014 a signal-based\ndebounce with no rxjs involved. The live value is exposed as the `value` signal, and\n`clear()` empties the field immediately (cancelling any pending emit).\nIt wears the shared input chrome (color, border, typeface, focus ring) via the input\nbox, and offers `pre-input` / `post-input` attribute slots for adornments plus ARIA\npassthrough inputs (`role`, `ariaExpanded`, `ariaControls`, `ariaActivedescendant`)\nso composite widgets can annotate the real input element.\nUsed by the [Search Input](?path=/docs/components-forms-search-input--search-input), which\nprojects its magnifier and clear button through the slots and drives the combobox\nARIA through the passthroughs.",
         dos: [],
         donts: [],
         accessibility: [
@@ -1722,7 +1722,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1800,7 +1800,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1888,7 +1888,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1912,7 +1912,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1968,7 +1968,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2000,7 +2000,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2079,7 +2079,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2130,6 +2130,34 @@ var uni_index_default = {
               required: false,
               description: ""
             },
+            {
+              name: "border",
+              kind: "input",
+              type: "Border | undefined",
+              required: false,
+              description: ""
+            },
+            {
+              name: "borderRadius",
+              kind: "input",
+              type: "Radius | undefined",
+              required: false,
+              description: ""
+            },
+            {
+              name: "shadow",
+              kind: "input",
+              type: "Shadow | undefined",
+              required: false,
+              description: ""
+            },
+            {
+              name: "color",
+              kind: "input",
+              type: "ContainerColorToken | undefined",
+              required: false,
+              description: ""
+            },
             {
               name: "dropdownShowing",
               kind: "output",
@@ -2168,7 +2196,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2181,6 +2209,13 @@ var uni_index_default = {
               required: false,
               default: "true",
               description: ""
+            },
+            {
+              name: "transitionSpeed",
+              kind: "input",
+              type: "number",
+              required: false,
+              description: "Exact per-instance duration in seconds. Bypasses size-aware scaling \u2014 an explicit number means the consumer wants that number. Omitted, the duration derives from the `expand` theme options' `transitionSpeed` scaled by content height (see `duration`)."
             }
           ]
         }
@@ -2191,8 +2226,8 @@ var uni_index_default = {
           framework: "angular",
           code: `<!-- Storybook story: Primary -->
 <uni-card>
-<uni-card-header title="Expandable Card"><uni-expand-toggle #toggle /></uni-card-header>
-<uni-expand [collapsed]="toggle.collapsed()">
+<uni-card-header title="Expandable Card"><uni-expand-toggle #toggle [transitionSpeed]="expand.duration()" /></uni-card-header>
+<uni-expand #expand [collapsed]="toggle.collapsed()" [transitionSpeed]="transitionSpeed">
   <uni-card-content>
     <span uni-text>\${ngContent}</span>
   </uni-card-content>
@@ -2203,6 +2238,30 @@ var uni_index_default = {
     ngContent: 'Expandable Content',
   }
 -->`
+        },
+        {
+          title: "Snappy",
+          framework: "angular",
+          code: `<!-- Storybook story: Snappy -->
+<uni-card>
+<uni-card-header title="Expandable Card"><uni-expand-toggle #toggle [transitionSpeed]="expand.duration()" /></uni-card-header>
+<uni-expand #expand [collapsed]="toggle.collapsed()" [transitionSpeed]="transitionSpeed">
+  <uni-card-content>
+    <span uni-text>\${ngContent}</span>
+  </uni-card-content>
+</uni-expand>
+</uni-card>
+<!-- args:
+{
+    ngContent: 'Reveals in exactly 150ms, regardless of content height.',
+    transitionSpeed: 0.15,
+  }
+-->`
+        },
+        {
+          title: "Tall",
+          framework: "angular",
+          code: '<!-- Storybook story: Tall -->\n<uni-card>\n<uni-card-header title="Expandable Card"><uni-expand-toggle #toggle [transitionSpeed]="expand.duration()" /></uni-card-header>\n<uni-expand #expand [collapsed]="toggle.collapsed()" [transitionSpeed]="transitionSpeed">\n  <uni-card-content>\n    <span uni-text>${ngContent}</span>\n  </uni-card-content>\n</uni-expand>\n</uni-card>\n<!-- args:\n{\n    ngContent: Array.from(\n      { length: 12 },\n      (_, i) => `Row ${i + 1} of a tall reveal, timed to its height.`,\n    ).join(\'<br>\'),\n  }\n-->'
         }
       ],
       guidelines: {
@@ -2210,10 +2269,13 @@ var uni_index_default = {
         dos: [],
         donts: [],
         accessibility: [
-          "The toggle carries `aria-expanded` and `aria-controls` for its region (wired automatically inside Expand Area)."
+          "The toggle carries `aria-expanded` and `aria-controls` for its region (wired automatically inside Expand Area).",
+          "The reveal is motion-safe (WCAG 2.3.3): under `prefers-reduced-motion` the"
         ]
       },
-      relatedTokens: []
+      relatedTokens: [
+        "expand.behavior.transitionSpeed"
+      ]
     },
     {
       id: "expand-area",
@@ -2222,7 +2284,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2293,7 +2355,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2313,6 +2375,27 @@ var uni_index_default = {
               type: "string",
               required: false,
               description: "Id of the Expand region this toggle controls (see UniExpandComponent.regionId)."
+            },
+            {
+              name: "label",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "Names the region. Setting it switches the toggle to its labelled shape."
+            },
+            {
+              name: "sublabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: 'Muted qualifier beside the label ("for POs & custom orders"). Needs `label`.'
+            },
+            {
+              name: "transitionSpeed",
+              kind: "input",
+              type: "number",
+              required: false,
+              description: "Rotation duration in seconds. Expand Area binds the region's resolved `duration` here so chevron and reveal share one clock even when the region is size-scaled or overridden per instance."
             }
           ]
         }
@@ -2322,13 +2405,31 @@ var uni_index_default = {
           title: "Primary",
           framework: "angular",
           code: '<!-- Storybook story: Primary -->\n<uni-expand-toggle [collapsed]="collapsed" #toggle />\n<div>Collapsed: {{ toggle.collapsed() }}</div>\n<!-- args:\n{\n    collapsed: true,\n  }\n-->'
+        },
+        {
+          title: "Labelled",
+          framework: "angular",
+          code: `<!-- Storybook story: Labelled -->
+<uni-expand-toggle [collapsed]="collapsed" #toggle />
+<div>Collapsed: {{ toggle.collapsed() }}</div>
+<!-- args:
+{
+    collapsed: true,
+    label: 'Dimensions & Materials',
+    sublabel: 'for POs & custom orders',
+  }
+-->`
         }
       ],
       guidelines: {
-        whenToUse: 'The Expand Toggle is a chevron icon button that controls collapsed/expanded state. It pairs\nwith the [Expand](?path=/docs/components-expand--docs) component: bind the toggle\'s\n`collapsed` model to the Expand\'s `collapsed` input to build collapsible sections.\nThe icon rotates 180\xB0 between states and shows an "Expand"/"Collapse" tooltip.',
+        whenToUse: 'The Expand Toggle is a chevron icon button that controls collapsed/expanded state. It pairs\nwith the [Expand](?path=/docs/components-surfaces-expand--expand) component: bind the toggle\'s\n`collapsed` model to the Expand\'s `collapsed` input to build collapsible sections.\nThe icon rotates 180\xB0 between states and shows an "Expand"/"Collapse" tooltip.\nThe transform is applied to the glyph, not to the component host \u2014 the host is\nthe tooltip\'s anchor, so rotating it would carry the bubble around with it.',
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "`aria-expanded` is set for you from `collapsed`.",
+          "Pass `ariaControls` the Expand's `regionId` so the trigger points at its",
+          "Rotation is motion-safe \u2014 it does not animate under `prefers-reduced-motion`."
+        ]
       },
       relatedTokens: []
     },
@@ -2339,7 +2440,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2497,7 +2598,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2594,7 +2695,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2626,7 +2727,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2686,7 +2787,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2789,7 +2890,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2934,7 +3035,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2993,7 +3094,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "The Input Box is the themed shell shared by all text-like form controls\n([Input](?path=/docs/components-forms-input--docs),\n[Select](?path=/docs/components-forms-select--docs), Multi Select Dropdown). It projects any\nnative `input` or `select` element, strips the platform's default styling, and applies the\n`input` component theme options: colors, border, radius, focus outline, and the error and\ndisabled states.\nUse it directly when composing a custom form control that should match the design system's\ninput styling.",
+        whenToUse: "The Input Box is the themed shell shared by all text-like form controls\n([Input](?path=/docs/components-forms-input--input),\n[Select](?path=/docs/components-forms-select--select), Multi Select Dropdown). It projects any\nnative `input` or `select` element, strips the platform's default styling, and applies the\n`input` component theme options: colors, border, radius, focus outline, and the error and\ndisabled states.\nUse it directly when composing a custom form control that should match the design system's\ninput styling.",
         dos: [],
         donts: [],
         accessibility: []
@@ -3007,7 +3108,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3077,7 +3178,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3133,11 +3234,32 @@ var uni_index_default = {
       { label: 'Logout', symbolName: 'logout' },
     ],
   }
+-->`
+        },
+        {
+          title: "Tones",
+          framework: "angular",
+          code: `<!-- Storybook story: Tones -->
+<div box-layout color="primary" padding="sm">
+  <uni-menu \${argsToTemplate(props)}>
+    <button text-button variant="ghost" symbolRight="arrow_drop_down">Menu</button>
+  </uni-menu>
+</div>
+<!-- args:
+{
+    menuItems: [
+      { label: 'Rename', symbolName: 'edit' },
+      { label: 'Duplicate', symbolName: 'content_copy' },
+      { label: 'Share', symbolName: 'share', disabled: true },
+      { divider: true },
+      { label: 'Delete', symbolName: 'delete', variant: 'warn' },
+    ],
+  }
 -->`
         }
       ],
       guidelines: {
-        whenToUse: "Menus can be linked to any component, but it is recommended to use either the `text-button` or `icon-button` component.\nMenus are populated by creating an array of Menu Items (`MenuItem[]`) and binding it to the `Menu` component.\nActions are optional as the `Menu` component also emits the clicked menu item via the `menuItemClicked` output attribute.\n### Menu Item Interface\n```\nMenuItem {\n  label: string;\n  symbolName?: string;\n  action?: () => void;\n}\n```",
+        whenToUse: "Menus can be linked to any component, but it is recommended to use either the `text-button` or `icon-button` component.\nMenus are populated by creating an array of Menu Items (`MenuItem[]`) and binding it to the `Menu` component.\nActions are optional as the `Menu` component also emits the clicked menu item via the `menuItemClicked` output attribute.\n### Menu Item Interface\nAn item is either a labeled action, a templated action, or a divider:\n```\nMenuItem =\n  | { label: string; symbolName?: string; action?: () => void;\n      variant?: Variant; disabled?: boolean }\n  | { template: TemplateRef<T>; context: T; symbolName?: string;\n      action?: () => void; variant?: Variant; disabled?: boolean }\n  | { divider: true }\n```\n- `variant` routes through the theme's `menuItem` variants \u2014 e.g. `variant: 'warn'`\n  renders the item in the theme's destructive tone.\n- `disabled` items render with the disabled color and are skipped by keyboard\n  navigation.\n- `{ divider: true }` renders a `role=\"separator\"` rule styled by the `menu`\n  theme options.",
         dos: [],
         donts: [],
         accessibility: [
@@ -3145,7 +3267,13 @@ var uni_index_default = {
           "ArrowDown/ArrowUp on the trigger opens onto the first/last item; focus returns to the trigger on close."
         ]
       },
-      relatedTokens: []
+      relatedTokens: [
+        "menu.behavior.minWidth",
+        "menu.behavior.paddingVertical",
+        "menu.behavior.paddingHorizontal",
+        "menu.behavior.dividerBorder",
+        "menu.behavior.dividerSpacing"
+      ]
     },
     {
       id: "menu-item",
@@ -3154,52 +3282,12 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
           selectorOrTag: "[uni-menu-item], [menu-item]",
           api: [
-            {
-              name: "display",
-              kind: "input",
-              type: "OptionalDisplay",
-              required: false,
-              default: "'flex'",
-              description: ""
-            },
-            {
-              name: "flexDirection",
-              kind: "input",
-              type: "OptionalFlexDirection",
-              required: false,
-              default: "'row'",
-              description: ""
-            },
-            {
-              name: "alignItems",
-              kind: "input",
-              type: "OptionalAlignItems",
-              required: false,
-              default: "'center'",
-              description: ""
-            },
-            {
-              name: "paddingHorizontal",
-              kind: "input",
-              type: "OptionalSize",
-              required: false,
-              default: "'md'",
-              description: ""
-            },
-            {
-              name: "gap",
-              kind: "input",
-              type: "OptionalSize",
-              required: false,
-              default: "'md'",
-              description: ""
-            },
             {
               name: "label",
               kind: "input",
@@ -3235,13 +3323,19 @@ var uni_index_default = {
               required: false,
               description: ""
             },
+            {
+              name: "variant",
+              kind: "input",
+              type: "Variant | undefined",
+              required: false,
+              description: "Tone routed through the theme's `menuItem` variants (e.g. 'warn')."
+            },
             {
               name: "hoverColor",
               kind: "input",
-              type: "ContainerColorToken",
+              type: "ContainerColorToken | undefined",
               required: false,
-              default: "'primary-container'",
-              description: ""
+              description: "Per-instance override of the theme's `menuItem.hoverColor`."
             },
             {
               name: "disabled",
@@ -3270,7 +3364,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3358,7 +3452,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3433,6 +3527,21 @@ var uni_index_default = {
               required: false,
               default: "''",
               description: ""
+            },
+            {
+              name: "label",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: 'What the field is for, e.g. "Fruits". Rendered visually hidden inside the trigger so its accessible name reads "Fruits, Apple, Pear" \u2014 without it a screen reader announces only the current selection, with no clue which field it belongs to.'
+            },
+            {
+              name: "debounceTime",
+              kind: "input",
+              type: "number",
+              required: false,
+              default: "200",
+              description: "Debounce for the filter box, matching the library's input debounce."
             }
           ]
         }
@@ -3493,7 +3602,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3737,7 +3846,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3761,7 +3870,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3821,7 +3930,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "The Paginator drives page navigation for any `UniDatasource`: first/previous/next/last\nbuttons, truncated page numbers, an editable page size, and a page jumper. Each section can\nbe toggled independently, so it can render as a full control bar or a minimal pager \u2014 the\n[Data Table](?path=/docs/components-data-table--docs) stories use one paginator in the header\nfor page size and another in the footer for page numbers.",
+        whenToUse: "The Paginator drives page navigation for any `UniDatasource`: first/previous/next/last\nbuttons, truncated page numbers, an editable page size, and a page jumper. Each section can\nbe toggled independently, so it can render as a full control bar or a minimal pager \u2014 the\n[Data Table](?path=/docs/components-data-display-data-table--data-table) stories use one paginator in the header\nfor page size and another in the footer for page numbers.",
         dos: [],
         donts: [],
         accessibility: [
@@ -3846,7 +3955,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3895,7 +4004,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3959,7 +4068,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4015,7 +4124,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4166,7 +4275,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4190,7 +4299,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4245,7 +4354,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4392,7 +4501,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4503,7 +4612,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4639,7 +4748,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4735,7 +4844,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4872,7 +4981,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4964,7 +5073,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5009,7 +5118,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "The Sort Header wraps a column heading and cycles the bound datasource's sort state\n(ascending \u2192 descending \u2192 unsorted) when clicked. An animated arrow indicates the current\nsort direction. It is used by the [Data Table](?path=/docs/components-data-table--docs)\nfor sortable columns, but can wrap any header content bound to a `UniDatasource`.",
+        whenToUse: "The Sort Header wraps a column heading and cycles the bound datasource's sort state\n(ascending \u2192 descending \u2192 unsorted) when clicked. An animated arrow indicates the current\nsort direction. It is used by the [Data Table](?path=/docs/components-data-display-data-table--data-table)\nfor sortable columns, but can wrap any header content bound to a `UniDatasource`.",
         dos: [],
         donts: [],
         accessibility: []
@@ -5023,7 +5132,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5078,7 +5187,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5180,7 +5289,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5253,7 +5362,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5293,7 +5402,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5357,12 +5466,28 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
           selectorOrTag: "uni-tag",
           api: [
+            {
+              name: "size",
+              kind: "input",
+              type: "Size",
+              required: false,
+              default: "'md'",
+              description: ""
+            },
+            {
+              name: "tone",
+              kind: "input",
+              type: "TagTone",
+              required: false,
+              default: "'soft'",
+              description: ""
+            },
             {
               name: "label",
               kind: "input",
@@ -5378,120 +5503,716 @@ var uni_index_default = {
               description: ""
             },
             {
-              name: "close",
-              kind: "output",
+              name: "maxWidth",
+              kind: "input",
               type: "string | number",
               required: false,
+              description: "Truncation budget, e.g. `'14ch'`. A number is treated as px."
+            },
+            {
+              name: "avatarSrc",
+              kind: "input",
+              type: "string",
+              required: false,
               description: ""
-            }
-          ]
-        }
-      },
-      examples: [
-        {
-          title: "Primary",
-          framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<!-- args:\n{\n    label: 'Primary Tag',\n    value: '1',\n  }\n-->"
-        },
-        {
-          title: "Numeric Value",
-          framework: "angular",
-          code: "<!-- Storybook story: Numeric Value -->\n<!-- args:\n{\n    label: 'Numeric Tag',\n    value: 42,\n  }\n-->"
-        },
-        {
-          title: "Long Label",
-          framework: "angular",
-          code: "<!-- Storybook story: Long Label -->\n<!-- args:\n{\n    label: 'This is a very long tag label that might need truncation',\n    value: 'long',\n  }\n-->"
-        },
-        {
-          title: "Without Value",
-          framework: "angular",
-          code: "<!-- Storybook story: Without Value -->\n<!-- args:\n{\n    label: 'Tag without value',\n  }\n-->"
-        }
-      ],
-      guidelines: {
-        whenToUse: "Compact label for classifying content \u2014 categories, states, filters. Tags are\ndisplay-only chips that wear the active variant's colors; for removable,\ntype-to-add chips (a future input variant), see the roadmap.",
-        dos: [],
-        donts: [],
-        accessibility: []
-      },
-      relatedTokens: []
-    },
-    {
-      id: "text",
-      name: "Text",
-      status: "stable",
-      summary: "",
-      description: "",
-      category: "primitives",
-      version: "7.1.0",
-      bindings: {
-        angular: {
-          importPath: "@uni-design-system/uni-angular",
-          selectorOrTag: "[uni-text]",
-          api: [
+            },
             {
-              name: "uniText",
+              name: "avatarName",
               kind: "input",
-              type: "Typeface | ''",
+              type: "string",
               required: false,
-              default: "'', { alias: 'uni-text' }",
-              description: 'Typeface via the selector attribute: `uni-text="headline-large"`.'
+              description: "Initials fallback when `avatarSrc` is absent or fails to load."
             },
             {
-              name: "typeface",
+              name: "iconName",
               kind: "input",
-              type: "Typeface | undefined",
+              type: "IconName",
               required: false,
-              default: "undefined",
-              description: "Explicit typeface; the attribute value wins when both are set."
+              description: "Theme icon primitive \u2014 the preferred glyph path."
             },
             {
-              name: "color",
+              name: "symbolName",
               kind: "input",
-              type: "ColorKey",
+              type: "string",
               required: false,
-              description: ""
+              description: "Material Symbols ligature, for glyphs the theme's icon set doesn't carry."
             },
             {
-              name: "display",
+              name: "dot",
               kind: "input",
-              type: "OptionalDisplay",
+              type: "boolean",
               required: false,
-              description: ""
+              default: "false",
+              description: "Status dot in the current colour."
             },
             {
-              name: "align",
+              name: "removable",
               kind: "input",
-              type: "OptionalTextAlign",
+              type: "boolean",
               required: false,
+              default: "false",
               description: ""
             },
             {
-              name: "nowrap",
+              name: "interactive",
               kind: "input",
               type: "boolean",
               required: false,
+              default: "false",
               description: ""
             },
             {
-              name: "maxWidth",
+              name: "selected",
               kind: "input",
-              type: "number",
+              type: "boolean | undefined",
+              required: false,
+              default: "undefined",
+              description: 'Toggle state. Left undefined the chip carries no `aria-pressed` at all \u2014 an interactive chip is not always a toggle (inside a tag input it is focusable so it can be removed), and announcing "not pressed" on a recipient chip is worse than announcing nothing.'
+            },
+            {
+              name: "invalid",
+              kind: "input",
+              type: "boolean",
               required: false,
+              default: "false",
               description: ""
             },
             {
-              name: "ellipsis",
+              name: "disabled",
               kind: "input",
               type: "boolean",
               required: false,
               default: "false",
               description: ""
-            }
-          ]
-        }
-      },
+            },
+            {
+              name: "removeLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "Accessible-name override for the remove button."
+            },
+            {
+              name: "controlTabIndex",
+              kind: "input",
+              type: "number",
+              required: false,
+              default: "0",
+              description: "Tab position of the chip's controls. A composite that owns its own roving focus \u2014 `uni-tag-input`, where the whole field is one tab stop \u2014 passes `-1` so Tab does not walk through every chip to reach the next control."
+            },
+            {
+              name: "removed",
+              kind: "output",
+              type: "UniTagValue",
+              required: false,
+              description: ""
+            },
+            {
+              name: "activated",
+              kind: "output",
+              type: "UniTagValue",
+              required: false,
+              description: ""
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Primary",
+          framework: "angular",
+          code: `<!-- Storybook story: Primary -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ removable: true }
+-->`
+        },
+        {
+          title: "Variants And Tones",
+          framework: "angular",
+          code: `<!-- Storybook story: Variants And Tones -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ removable: true }
+-->`
+        },
+        {
+          title: "Sizes",
+          framework: "angular",
+          code: `<!-- Storybook story: Sizes -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ removable: true }
+-->`
+        },
+        {
+          title: "Removable",
+          framework: "angular",
+          code: `<!-- Storybook story: Removable -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ removable: true }
+-->`
+        },
+        {
+          title: "Interactive",
+          framework: "angular",
+          code: `<!-- Storybook story: Interactive -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ interactive: true, removable: true, selected: false }
+-->`
+        },
+        {
+          title: "Selected",
+          framework: "angular",
+          code: `<!-- Storybook story: Selected -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ interactive: true, selected: true, tone: 'solid' }
+-->`
+        },
+        {
+          title: "Lead Elements",
+          framework: "angular",
+          code: `<!-- Storybook story: Lead Elements -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ label: 'nope@@x', invalid: true, removable: true, variant: 'warn' }
+-->`
+        },
+        {
+          title: "Invalid",
+          framework: "angular",
+          code: `<!-- Storybook story: Invalid -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ label: 'nope@@x', invalid: true, removable: true, variant: 'warn' }
+-->`
+        },
+        {
+          title: "Disabled",
+          framework: "angular",
+          code: `<!-- Storybook story: Disabled -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{ label: 'Locked', disabled: true, removable: true }
+-->`
+        },
+        {
+          title: "Truncated",
+          framework: "angular",
+          code: `<!-- Storybook story: Truncated -->
+<div box-layout gap="sm">
+@for (tone of ['soft', 'solid', 'outline']; track tone) {
+  <div row-layout gap="sm" alignItems="center" style="margin-bottom:8px">
+    @for (variant of ['primary', 'secondary', 'tertiary', 'warn', 'success', 'ghost']; track variant) {
+      <uni-tag [variant]="variant" [tone]="tone" [label]="variant" />
+    }
+  </div>
+}
+</div>
+<!-- args:
+{
+    label: 'A very long tag label that has to be truncated somewhere',
+    maxWidth: '18ch',
+    removable: true,
+  }
+-->`
+        }
+      ],
+      guidelines: {
+        whenToUse: "Compact chip for categories, states, filters and tokens. Two orthogonal style\naxes: **`variant`** picks the colour role and **`tone`** picks the archetype\n(`soft`, `solid`, `outline`). Both resolve from the theme's `tag` entry, so a\ntheme restyles every chip in the app without touching markup.",
+        dos: [
+          "Use `variant` for meaning (a `warn` chip for a problem) and `tone` for emphasis.",
+          "Give `removable` chips a `value` so the handler knows which one to drop.",
+          "Set `maxWidth` when user-supplied text could be arbitrarily long."
+        ],
+        donts: [
+          "Don't make a whole chip clickable *and* nest the remove control inside it \u2014",
+          "Don't rely on chip colour alone to convey state.",
+          "Don't put a remove control on a chip that is purely a label."
+        ],
+        accessibility: [
+          "A static tag is **text, not a widget**: no role, no tab stop. Screen readers",
+          "`removable` adds one real `<button>` named `Remove {label}`, overridable with",
+          '`interactive` makes the body a `<button type="button">`; `selected` maps to',
+          "Icons, avatars, initials and dots are `aria-hidden` \u2014 the chip's text is its",
+          "`invalid` sets `aria-invalid` and adds a non-colour cue."
+        ]
+      },
+      relatedTokens: [
+        "tag.behavior.borderRadius",
+        "tag.behavior.typeface",
+        "tag.behavior.gap",
+        "tag.behavior.removeIcon",
+        "tag.behavior.selectedIcon"
+      ]
+    },
+    {
+      id: "tag-input",
+      name: "TagInput",
+      status: "stable",
+      summary: "",
+      description: "",
+      category: "forms",
+      version: "8.0.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-tag-input",
+          api: [
+            {
+              name: "value",
+              kind: "model",
+              type: "UniTagItem[]",
+              required: false,
+              default: "[]",
+              description: ""
+            },
+            {
+              name: "disabled",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "touched",
+              kind: "model",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "invalid",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "dirty",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "required",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "ariaDescribedBy",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "label",
+              kind: "input",
+              type: "string",
+              required: true,
+              description: 'Accessible name for the field, e.g. "To".'
+            },
+            {
+              name: "placeholder",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "preset",
+              kind: "input",
+              type: "'text' | 'email'",
+              required: false,
+              default: "'text'",
+              description: "`email` wires an address validator, paste parser and space separator."
+            },
+            {
+              name: "separators",
+              kind: "input",
+              type: "string[]",
+              required: false,
+              default: "[',', ';']",
+              description: ""
+            },
+            {
+              name: "commitOnBlur",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: ""
+            },
+            {
+              name: "allowDuplicates",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "max",
+              kind: "input",
+              type: "number",
+              required: false,
+              description: ""
+            },
+            {
+              name: "tagVariant",
+              kind: "input",
+              type: "Variant",
+              required: false,
+              default: "'primary'",
+              description: ""
+            },
+            {
+              name: "tagTone",
+              kind: "input",
+              type: "TagTone",
+              required: false,
+              default: "'soft'",
+              description: ""
+            },
+            {
+              name: "tagSize",
+              kind: "input",
+              type: "Size",
+              required: false,
+              description: ""
+            },
+            {
+              name: "suggestions",
+              kind: "input",
+              type: "UniTagSuggestion[]",
+              required: false,
+              default: "[]",
+              description: ""
+            },
+            {
+              name: "query",
+              kind: "output",
+              type: "string",
+              required: false,
+              description: "Debounced text the app should filter `suggestions` from."
+            },
+            {
+              name: "debounceTime",
+              kind: "input",
+              type: "number",
+              required: false,
+              default: "250",
+              description: ""
+            },
+            {
+              name: "added",
+              kind: "output",
+              type: "UniTagItem",
+              required: false,
+              description: ""
+            },
+            {
+              name: "removed",
+              kind: "output",
+              type: "UniTagItem",
+              required: false,
+              description: ""
+            },
+            {
+              name: "rejected",
+              kind: "output",
+              type: "UniTagRejection",
+              required: false,
+              description: ""
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Primary",
+          framework: "angular",
+          code: `<!-- Storybook story: Primary -->
+<uni-tag-input
+label="To"
+preset="email"
+placeholder="Name or address\u2026"
+[value]="value"
+[suggestions]="suggestions"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ value: [{ value: 'alice@uni.dev', label: 'Alice Chen' }] }
+-->`
+        },
+        {
+          title: "Email Recipients",
+          framework: "angular",
+          code: `<!-- Storybook story: Email Recipients -->
+<uni-tag-input
+label="To"
+preset="email"
+placeholder="Name or address\u2026"
+[value]="value"
+[suggestions]="suggestions"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ value: [{ value: 'alice@uni.dev', label: 'Alice Chen' }] }
+-->`
+        },
+        {
+          title: "Invalid Entry",
+          framework: "angular",
+          code: `<!-- Storybook story: Invalid Entry -->
+<uni-tag-input
+label="To"
+preset="email"
+placeholder="Name or address\u2026"
+[value]="value"
+[suggestions]="suggestions"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{
+    preset: 'email',
+    value: [
+      { value: 'alice@uni.dev', label: 'Alice Chen' },
+      { value: 'nope@@x', invalid: true },
+    ],
+  }
+-->`
+        },
+        {
+          title: "Locked Entry",
+          framework: "angular",
+          code: `<!-- Storybook story: Locked Entry -->
+<uni-tag-input
+label="To"
+preset="email"
+placeholder="Name or address\u2026"
+[value]="value"
+[suggestions]="suggestions"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{
+    value: [
+      { value: 'owner@uni.dev', label: 'Thread owner', disabled: true },
+      { value: 'bob@uni.dev', label: 'Bob Ferrari' },
+    ],
+  }
+-->`
+        },
+        {
+          title: "With Maximum",
+          framework: "angular",
+          code: `<!-- Storybook story: With Maximum -->
+<uni-tag-input
+label="To"
+preset="email"
+placeholder="Name or address\u2026"
+[value]="value"
+[suggestions]="suggestions"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ max: 3, value: [{ value: 'alpha' }, { value: 'beta' }] }
+-->`
+        },
+        {
+          title: "Disabled",
+          framework: "angular",
+          code: `<!-- Storybook story: Disabled -->
+<uni-tag-input
+label="To"
+preset="email"
+placeholder="Name or address\u2026"
+[value]="value"
+[suggestions]="suggestions"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ disabled: true, value: [{ value: 'alpha' }, { value: 'beta' }] }
+-->`
+        }
+      ],
+      guidelines: {
+        whenToUse: "Type-to-add chip field: recipients, filters, labels. It is the **open-set**\ncontrol \u2014 anything the user types can become a token, whether or not it matches\na suggestion. For picking from a fixed list, use `uni-select` or\n`uni-multi-select-dropdown` instead.",
+        dos: [],
+        donts: [
+          "Don't use it to pick from a closed list \u2014 that is `uni-multi-select-dropdown`.",
+          "Don't filter `suggestions` inside the component; drive them from `(query)`.",
+          "Don't set `preset=\"email\"` for people's names: Space would split them."
+        ],
+        accessibility: [
+          'The text input is `role="combobox"` with `aria-expanded`, `aria-controls` and',
+          'Every add, remove and rejection announces through a `role="status"` live',
+          "The removal route is described **once** for the field through",
+          "`aria-invalid` is gated on `invalid && (touched || dirty)`, per the library's"
+        ]
+      },
+      relatedTokens: []
+    },
+    {
+      id: "text",
+      name: "Text",
+      status: "stable",
+      summary: "",
+      description: "",
+      category: "primitives",
+      version: "8.0.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "[uni-text]",
+          api: [
+            {
+              name: "uniText",
+              kind: "input",
+              type: "Typeface | ''",
+              required: false,
+              default: "'', { alias: 'uni-text' }",
+              description: 'Typeface via the selector attribute: `uni-text="headline-large"`.'
+            },
+            {
+              name: "typeface",
+              kind: "input",
+              type: "Typeface | undefined",
+              required: false,
+              default: "undefined",
+              description: "Explicit typeface; the attribute value wins when both are set."
+            },
+            {
+              name: "color",
+              kind: "input",
+              type: "ColorKey",
+              required: false,
+              description: ""
+            },
+            {
+              name: "display",
+              kind: "input",
+              type: "OptionalDisplay",
+              required: false,
+              description: ""
+            },
+            {
+              name: "align",
+              kind: "input",
+              type: "OptionalTextAlign",
+              required: false,
+              description: ""
+            },
+            {
+              name: "nowrap",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              description: ""
+            },
+            {
+              name: "maxWidth",
+              kind: "input",
+              type: "number",
+              required: false,
+              description: ""
+            },
+            {
+              name: "ellipsis",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            }
+          ]
+        }
+      },
       examples: [
         {
           title: "Value shorthand",
@@ -5526,7 +6247,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5656,7 +6377,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5686,7 +6407,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5720,12 +6441,12 @@ var uni_index_default = {
       guidelines: {
         whenToUse: "Drop-in switcher for every theme registered via `UNI_THEMES`. Renders a `uni-select` over\n`ThemeService.themeOptions` and applies the choice through `ThemeService.selectTheme`, so the\nselection persists across reloads exactly like any other theme change. Use it wherever an app\noffers a theme choice \u2014 a settings page, an app-bar action, or a light/dark toggle backed by two\nregistered themes. Because it reads the registry from the injected `UNI_THEMES` token, adding a\nnew theme to the registry is all it takes for the switcher to offer it.",
         dos: [
-          "Register every selectable theme in `UNI_THEMES`; the switcher derives its options from the registry.",
+          "Register every selectable theme in `UNI_THEMES` (bootstrap) or via `registerTheme` (runtime); the switcher derives its options from the registry.",
           'Give the control a meaningful `ariaLabel` when "Theme" is ambiguous in context (e.g. "Editor color theme").',
           "Use `themeChanged` for side effects like analytics or syncing a user preference to a backend."
         ],
         donts: [
-          "Don't call `ThemeService.theme.set()` alongside the switcher \u2014 bypassing `selectTheme` skips persistence and leaves the select out of sync.",
+          "Don't try to write `ThemeService.theme` directly \u2014 it's a readonly signal. Go through `selectTheme`/`registerTheme` (persisted, listed) or `setTheme` (validated, unlisted) instead.",
           "Don't hardcode theme ids in app logic; read `ThemeService.selectedThemeKey()` instead.",
           "Don't use it for the palette-generation workflow \u2014 that's the Theme Builder; the switcher only picks among registered themes."
         ],
@@ -5744,7 +6465,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5874,7 +6595,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5930,7 +6651,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "A tooltip is a brief, informative message that appears when a user interacts with an element.\nIf using a tooltip within a body of text, set the `inlineText` option to `true`.",
+        whenToUse: 'A tooltip is a brief, informative message that appears when a user interacts with an element.\nIf using a tooltip within a body of text, set the `inlineText` option to `true`.\nWrapping an interactive control (a button, a link) is supported: activating\nthe control hides the bubble and keeps it hidden until the pointer leaves and\nreturns, so a label that changes with the control\'s state ("Expand" \u2192\n"Collapse") never blinks back mid-interaction. Tapping a non-interactive\ntooltip (inline text) still toggles the bubble.',
         dos: [],
         donts: [],
         accessibility: [
@@ -5953,7 +6674,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.1.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8060,159 +8781,327 @@ var uni_index_default = {
       }
     },
     {
-      id: "dialogButtons.behavior.stretch",
-      value: false,
-      type: "boolean",
+      id: "dialogButtons.behavior.stretch",
+      value: false,
+      type: "boolean",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: false,
+        DarkTheme: false
+      }
+    },
+    {
+      id: "dialogButtons.behavior.reverseOrder",
+      value: false,
+      type: "boolean",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: false,
+        DarkTheme: false
+      }
+    },
+    {
+      id: "dialogHeader.behavior.borderRadius",
+      value: "max",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: "max",
+        DarkTheme: "max"
+      }
+    },
+    {
+      id: "dialogHeader.behavior.color",
+      value: "primary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: "primary",
+        DarkTheme: "primary"
+      }
+    },
+    {
+      id: "dialogHeader.behavior.height",
+      value: 48,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: 48,
+        DarkTheme: 48
+      }
+    },
+    {
+      id: "dialogHeader.behavior.textRole",
+      value: "title-large",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: "title-large",
+        DarkTheme: "title-large"
+      }
+    },
+    {
+      id: "dialogHeader.behavior.textAlign",
+      value: "center",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: "center",
+        DarkTheme: "center"
+      }
+    },
+    {
+      id: "dialogHeader.behavior.closeButtonIcon",
+      value: "close",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: "close",
+        DarkTheme: "close"
+      }
+    },
+    {
+      id: "dialogHeader.behavior.closeButtonSize",
+      value: "md",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogHeader",
+      themeValues: {
+        LightTheme: "md",
+        DarkTheme: "md"
+      }
+    },
+    {
+      id: "dropdown.behavior.border",
+      value: "none",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dropdown",
+      themeValues: {
+        LightTheme: "none",
+        DarkTheme: "none"
+      }
+    },
+    {
+      id: "dropdown.behavior.borderRadius",
+      value: "xxs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dropdown",
+      themeValues: {
+        LightTheme: "xxs",
+        DarkTheme: "xxs"
+      }
+    },
+    {
+      id: "dropdown.behavior.color",
+      value: "primary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dropdown",
+      themeValues: {
+        LightTheme: "primary-surface",
+        DarkTheme: "primary-surface"
+      }
+    },
+    {
+      id: "dropdown.behavior.shadow",
+      value: "menu",
+      type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogButtons",
+      appliesTo: "dropdown",
       themeValues: {
-        LightTheme: false,
-        DarkTheme: false
+        LightTheme: "menu",
+        DarkTheme: "menu"
       }
     },
     {
-      id: "dialogButtons.behavior.reverseOrder",
-      value: false,
-      type: "boolean",
+      id: "menu.behavior.minWidth",
+      value: 184,
+      type: "number",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogButtons",
+      appliesTo: "menu",
       themeValues: {
-        LightTheme: false,
-        DarkTheme: false
+        LightTheme: 184,
+        DarkTheme: 184
       }
     },
     {
-      id: "dialogHeader.behavior.borderRadius",
-      value: "max",
+      id: "menu.behavior.paddingVertical",
+      value: "xs",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menu",
       themeValues: {
-        LightTheme: "max",
-        DarkTheme: "max"
+        LightTheme: "xs",
+        DarkTheme: "xs"
       }
     },
     {
-      id: "dialogHeader.behavior.color",
-      value: "primary",
+      id: "menu.behavior.paddingHorizontal",
+      value: "none",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menu",
       themeValues: {
-        LightTheme: "primary",
-        DarkTheme: "primary"
+        LightTheme: "none",
+        DarkTheme: "none"
       }
     },
     {
-      id: "dialogHeader.behavior.height",
-      value: 48,
-      type: "number",
+      id: "menu.behavior.dividerBorder",
+      value: "light",
+      type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menu",
       themeValues: {
-        LightTheme: 48,
-        DarkTheme: 48
+        LightTheme: "light",
+        DarkTheme: "light"
       }
     },
     {
-      id: "dialogHeader.behavior.textRole",
-      value: "title-large",
+      id: "menu.behavior.dividerSpacing",
+      value: "xs",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menu",
       themeValues: {
-        LightTheme: "title-large",
-        DarkTheme: "title-large"
+        LightTheme: "xs",
+        DarkTheme: "xs"
       }
     },
     {
-      id: "dialogHeader.behavior.textAlign",
-      value: "center",
-      type: "string",
+      id: "menuItem.behavior.height",
+      value: 38,
+      type: "number",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menuItem",
       themeValues: {
-        LightTheme: "center",
-        DarkTheme: "center"
+        LightTheme: 38,
+        DarkTheme: 38
       }
     },
     {
-      id: "dialogHeader.behavior.closeButtonIcon",
-      value: "close",
+      id: "menuItem.behavior.paddingHorizontal",
+      value: "md",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menuItem",
       themeValues: {
-        LightTheme: "close",
-        DarkTheme: "close"
+        LightTheme: "md",
+        DarkTheme: "md"
       }
     },
     {
-      id: "dialogHeader.behavior.closeButtonSize",
+      id: "menuItem.behavior.gap",
       value: "md",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dialogHeader",
+      appliesTo: "menuItem",
       themeValues: {
         LightTheme: "md",
         DarkTheme: "md"
       }
     },
     {
-      id: "dropdown.behavior.border",
+      id: "menuItem.behavior.borderRadius",
       value: "none",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dropdown",
+      appliesTo: "menuItem",
       themeValues: {
         LightTheme: "none",
         DarkTheme: "none"
       }
     },
     {
-      id: "dropdown.behavior.borderRadius",
-      value: "xxs",
+      id: "menuItem.behavior.typeface",
+      value: "label",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dropdown",
+      appliesTo: "menuItem",
       themeValues: {
-        LightTheme: "xxs",
-        DarkTheme: "xxs"
+        LightTheme: "label",
+        DarkTheme: "label"
       }
     },
     {
-      id: "dropdown.behavior.color",
-      value: "primary-surface",
+      id: "menuItem.behavior.hoverColor",
+      value: "primary-container",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dropdown",
+      appliesTo: "menuItem",
       themeValues: {
-        LightTheme: "primary-surface",
-        DarkTheme: "primary-surface"
+        LightTheme: "primary-container",
+        DarkTheme: "primary-container"
       }
     },
     {
-      id: "dropdown.behavior.shadow",
-      value: "menu",
+      id: "menuItem.behavior.activeSymbol",
+      value: "check",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "dropdown",
+      appliesTo: "menuItem",
       themeValues: {
-        LightTheme: "menu",
-        DarkTheme: "menu"
+        LightTheme: "check",
+        DarkTheme: "check"
+      }
+    },
+    {
+      id: "menuItem.behavior.transitionSpeed",
+      value: 0.35,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "menuItem",
+      themeValues: {
+        LightTheme: 0.35,
+        DarkTheme: 0.35
+      }
+    },
+    {
+      id: "expand.behavior.transitionSpeed",
+      value: 0.35,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "expand",
+      themeValues: {
+        LightTheme: 0.35,
+        DarkTheme: 0.35
       }
     },
     {
@@ -8509,142 +9398,286 @@ var uni_index_default = {
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "tabs",
+      appliesTo: "tabs",
+      themeValues: {
+        LightTheme: "light",
+        DarkTheme: "light"
+      }
+    },
+    {
+      id: "tabs.behavior.gap",
+      value: "sm",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tabs",
+      themeValues: {
+        LightTheme: "sm",
+        DarkTheme: "sm"
+      }
+    },
+    {
+      id: "tabs.behavior.borderRadius",
+      value: "none",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tabs",
+      themeValues: {
+        LightTheme: "none",
+        DarkTheme: "none"
+      }
+    },
+    {
+      id: "tabs.behavior.padding",
+      value: "md",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tabs",
+      themeValues: {
+        LightTheme: "md",
+        DarkTheme: "md"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.textRole",
+      value: "input",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: "input",
+        DarkTheme: "input"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.textColor",
+      value: "on-primary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: "on-primary-surface",
+        DarkTheme: "on-primary-surface"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.dividerBorder",
+      value: "light",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: "light",
+        DarkTheme: "light"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.searchInputBorder",
+      value: "light",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: "light",
+        DarkTheme: "light"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.searchInputBorderRadius",
+      value: "xxs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: "xxs",
+        DarkTheme: "xxs"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.focusOutline",
+      value: "2px solid #6A6F8F",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: "2px solid #6A6F8F",
+        DarkTheme: "2px solid #AFB5D8"
+      }
+    },
+    {
+      id: "multiSelectDropdown.behavior.focusOutlineOffset",
+      value: 2,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "multiSelectDropdown",
+      themeValues: {
+        LightTheme: 2,
+        DarkTheme: 2
+      }
+    },
+    {
+      id: "badge.behavior.borderRadius",
+      value: "xxs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "badge",
+      themeValues: {
+        LightTheme: "xxs",
+        DarkTheme: "xxs"
+      }
+    },
+    {
+      id: "tag.behavior.borderRadius",
+      value: "max",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tag",
       themeValues: {
-        LightTheme: "light",
-        DarkTheme: "light"
+        LightTheme: "max",
+        DarkTheme: "max"
       }
     },
     {
-      id: "tabs.behavior.gap",
-      value: "sm",
+      id: "tag.behavior.typeface",
+      value: "tag",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "tabs",
+      appliesTo: "tag",
       themeValues: {
-        LightTheme: "sm",
-        DarkTheme: "sm"
+        LightTheme: "tag",
+        DarkTheme: "tag"
       }
     },
     {
-      id: "tabs.behavior.borderRadius",
-      value: "none",
+      id: "tag.behavior.gap",
+      value: "xs",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "tabs",
+      appliesTo: "tag",
       themeValues: {
-        LightTheme: "none",
-        DarkTheme: "none"
+        LightTheme: "xs",
+        DarkTheme: "xs"
       }
     },
     {
-      id: "tabs.behavior.padding",
-      value: "md",
+      id: "tag.behavior.removeIcon",
+      value: "close",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "tabs",
+      appliesTo: "tag",
       themeValues: {
-        LightTheme: "md",
-        DarkTheme: "md"
+        LightTheme: "close",
+        DarkTheme: "close"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.textRole",
-      value: "input",
+      id: "tag.behavior.selectedIcon",
+      value: "check",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tag",
       themeValues: {
-        LightTheme: "input",
-        DarkTheme: "input"
+        LightTheme: "check",
+        DarkTheme: "check"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.textColor",
-      value: "on-primary-surface",
+      id: "tagInput.behavior.chipGap",
+      value: "xs",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: "on-primary-surface",
-        DarkTheme: "on-primary-surface"
+        LightTheme: "xs",
+        DarkTheme: "xs"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.dividerBorder",
-      value: "light",
+      id: "tagInput.behavior.chipSize",
+      value: "md",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: "light",
-        DarkTheme: "light"
+        LightTheme: "md",
+        DarkTheme: "md"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.searchInputBorder",
-      value: "light",
+      id: "tagInput.behavior.minInputWidth",
+      value: "12ch",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: "light",
-        DarkTheme: "light"
+        LightTheme: "12ch",
+        DarkTheme: "12ch"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.searchInputBorderRadius",
-      value: "xxs",
+      id: "tagInput.behavior.listColor",
+      value: "primary-surface",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: "xxs",
-        DarkTheme: "xxs"
+        LightTheme: "primary-surface",
+        DarkTheme: "primary-surface"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.focusOutline",
-      value: "2px solid #6A6F8F",
+      id: "tagInput.behavior.listShadow",
+      value: "menu",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: "2px solid #6A6F8F",
-        DarkTheme: "2px solid #AFB5D8"
+        LightTheme: "menu",
+        DarkTheme: "menu"
       }
     },
     {
-      id: "multiSelectDropdown.behavior.focusOutlineOffset",
-      value: 2,
-      type: "number",
+      id: "tagInput.behavior.listBorderRadius",
+      value: "xs",
+      type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "multiSelectDropdown",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: 2,
-        DarkTheme: 2
+        LightTheme: "xs",
+        DarkTheme: "xs"
       }
     },
     {
-      id: "badge.behavior.borderRadius",
-      value: "xxs",
-      type: "string",
+      id: "tagInput.behavior.maxSuggestions",
+      value: 8,
+      type: "number",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "badge",
+      appliesTo: "tagInput",
       themeValues: {
-        LightTheme: "xxs",
-        DarkTheme: "xxs"
+        LightTheme: 8,
+        DarkTheme: 8
       }
     },
     {
@@ -9754,6 +10787,26 @@ var uni_index_default = {
           color: "primary-surface",
           shadow: "menu"
         },
+        menu: {
+          minWidth: 184,
+          paddingVertical: "xs",
+          paddingHorizontal: "none",
+          dividerBorder: "light",
+          dividerSpacing: "xs"
+        },
+        menuItem: {
+          height: 38,
+          paddingHorizontal: "md",
+          gap: "md",
+          borderRadius: "none",
+          typeface: "label",
+          hoverColor: "primary-container",
+          activeSymbol: "check",
+          transitionSpeed: 0.35
+        },
+        expand: {
+          transitionSpeed: 0.35
+        },
         footer: {
           height: 52,
           color: "primary",
@@ -9802,6 +10855,22 @@ var uni_index_default = {
         badge: {
           borderRadius: "xxs"
         },
+        tag: {
+          borderRadius: "max",
+          typeface: "tag",
+          gap: "xs",
+          removeIcon: "close",
+          selectedIcon: "check"
+        },
+        tagInput: {
+          chipGap: "xs",
+          chipSize: "md",
+          minInputWidth: "12ch",
+          listColor: "primary-surface",
+          listShadow: "menu",
+          listBorderRadius: "xs",
+          maxSuggestions: 8
+        },
         button: {
           borderRadius: "max",
           typeface: "button"
@@ -10135,6 +11204,26 @@ var uni_index_default = {
           color: "primary-surface",
           shadow: "menu"
         },
+        menu: {
+          minWidth: 184,
+          paddingVertical: "xs",
+          paddingHorizontal: "none",
+          dividerBorder: "light",
+          dividerSpacing: "xs"
+        },
+        menuItem: {
+          height: 38,
+          paddingHorizontal: "md",
+          gap: "md",
+          borderRadius: "none",
+          typeface: "label",
+          hoverColor: "primary-container",
+          activeSymbol: "check",
+          transitionSpeed: 0.35
+        },
+        expand: {
+          transitionSpeed: 0.35
+        },
         footer: {
           height: 52,
           color: "primary",
@@ -10183,6 +11272,22 @@ var uni_index_default = {
         badge: {
           borderRadius: "xxs"
         },
+        tag: {
+          borderRadius: "max",
+          typeface: "tag",
+          gap: "xs",
+          removeIcon: "close",
+          selectedIcon: "check"
+        },
+        tagInput: {
+          chipGap: "xs",
+          chipSize: "md",
+          minInputWidth: "12ch",
+          listColor: "primary-surface",
+          listShadow: "menu",
+          listBorderRadius: "xs",
+          maxSuggestions: 8
+        },
         button: {
           borderRadius: "max",
           typeface: "button"
@@ -10511,6 +11616,11 @@ ${rows.join("\n")}${more}`;
 }
 
 // ../core/dist/esm/index.js
+var EXPAND_DEFAULT_SPEED = 0.35;
+var EXPAND_MIN_DURATION = 0.15;
+var EXPAND_MAX_DURATION = 0.6;
+var MIN_SCALE = EXPAND_MIN_DURATION / EXPAND_DEFAULT_SPEED;
+var MAX_SCALE = EXPAND_MAX_DURATION / EXPAND_DEFAULT_SPEED;
 var cycle = (angle) => {
   if (angle > 360) return angle - 360;
   if (angle < 0) return angle + 360;
@@ -11022,6 +12132,7 @@ var BaseIcons = {
   arrowLeft: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m294.92-450 227.85 227.85L480-180 180-480l300-300 42.77 42.15L294.92-510H780v60H294.92Z'/%3e%3c/svg%3e",
   arrowRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M665.08-450H180v-60h485.08L437.23-737.85 480-780l300 300-300 300-42.77-42.15L665.08-450Z'/%3e%3c/svg%3e",
   home: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M240-200h133.85v-237.69h212.3V-200H720v-360L480-740.77 240-560v360Zm-60 60v-450l300-225.77L780-590v450H526.15v-237.69h-92.3V-140H180Zm300-330.38Z'/%3e%3c/svg%3e",
+  building: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M130-136.92v-540h160v-160h380v320h160v380H530v-160H430v160H130Zm60-60h100v-100H190v100Zm0-160h100v-100H190v100Zm0-160h100v-100H190v100Zm160 160h100v-100H350v100Zm0-160h100v-100H350v100Zm0-160h100v-100H350v100Zm160 320h100v-100H510v100Zm0-160h100v-100H510v100Zm0-160h100v-100H510v100Zm160 480h100v-100H670v100Zm0-160h100v-100H670v100Z'/%3e%3c/svg%3e",
   externalLink: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h252.3v60h-252.3q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-252.3h60v252.3Q820-182 799-161q-21 21-51.31 21H212.31Zm176.46-206.62-42.15-42.15L717.85-760H560v-60h260v260h-60v-157.85L388.77-346.62Z'/%3e%3c/svg%3e",
   link: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M432.31-298.46H281.54q-75.34 0-128.44-53.1Q100-404.65 100-479.98q0-75.33 53.1-128.44 53.1-53.12 128.44-53.12h150.77v60H281.54q-50.39 0-85.96 35.58Q160-530.38 160-480q0 50.38 35.58 85.96 35.57 35.58 85.96 35.58h150.77v60ZM330-450v-60h300v60H330Zm197.69 151.54v-60h150.77q50.39 0 85.96-35.58Q800-429.62 800-480q0-50.38-35.58-85.96-35.57-35.58-85.96-35.58H527.69v-60h150.77q75.34 0 128.44 53.1Q860-555.35 860-480.02q0 75.33-53.1 128.44-53.1 53.12-128.44 53.12H527.69Z'/%3e%3c/svg%3e",
   expand: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-140v-300h60v198.23L718.23-760H520v-60h300v300h-60v-198.23L241.77-200H440v60H140Z'/%3e%3c/svg%3e",
@@ -11041,6 +12152,7 @@ var BaseIcons = {
   share: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M672.22-100q-44.91 0-76.26-31.41-31.34-31.41-31.34-76.28 0-6 4.15-29.16L284.31-404.31q-14.46 15-34.36 23.5t-42.64 8.5q-44.71 0-76.01-31.54Q100-435.39 100-480q0-44.61 31.3-76.15 31.3-31.54 76.01-31.54 22.74 0 42.64 8.5 19.9 8.5 34.36 23.5l284.46-167.08q-2.38-7.38-3.27-14.46-.88-7.08-.88-15.08 0-44.87 31.43-76.28Q627.49-860 672.4-860t76.25 31.44Q780-797.13 780-752.22q0 44.91-31.41 76.26-31.41 31.34-76.28 31.34-22.85 0-42.5-8.69Q610.15-662 595.69-677L311.23-509.54q2.38 7.39 3.27 14.46.88 7.08.88 15.08t-.88 15.08q-.89 7.07-3.27 14.46L595.69-283q14.46-15 34.12-23.69 19.65-8.69 42.5-8.69 44.87 0 76.28 31.43Q780-252.51 780-207.6t-31.44 76.25Q717.13-100 672.22-100Zm.09-60q20.27 0 33.98-13.71Q720-187.42 720-207.69q0-20.27-13.71-33.98-13.71-13.72-33.98-13.72-20.27 0-33.98 13.72-13.72 13.71-13.72 33.98 0 20.27 13.72 33.98Q652.04-160 672.31-160Zm-465-272.31q20.43 0 34.25-13.8 13.83-13.81 13.83-33.89t-13.83-33.89q-13.82-13.8-34.25-13.8-20.11 0-33.71 13.8Q160-500.08 160-480t13.6 33.89q13.6 13.8 33.71 13.8Zm498.88-286.02Q720-732.04 720-752.31q0-20.27-13.71-33.98Q692.58-800 672.31-800q-20.27 0-33.98 13.71-13.72 13.71-13.72 33.98 0 20.27 13.81 33.98 13.81 13.72 33.89 13.72 20.07 0 33.88-13.72Zm-33.88 510.64ZM207.69-480Zm464.62-272.31Z'/%3e%3c/svg%3e",
   send: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-190v-580l688.46 290L140-190Zm60-90 474-200-474-200v147.69L416.92-480 200-427.69V-280Zm0 0v-400 400Z'/%3e%3c/svg%3e",
   filter: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M411.15-260v-60h137.31v60H411.15ZM256.16-450v-60h447.3v60h-447.3ZM140-640v-60h680v60H140Z'/%3e%3c/svg%3e",
+  funnel: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M455.39-180q-15.08 0-25.23-10.16Q420-200.31 420-215.39v-231.53L196.08-731.38q-11.54-15.39-3.35-32 8.2-16.62 27.66-16.62h519.22q19.46 0 27.66 16.62 8.19 16.61-3.35 32L540-446.92v231.53q0 15.08-10.16 25.23Q519.69-180 504.61-180h-49.22ZM480-468l198-252H282l198 252Zm0 0Z'/%3e%3c/svg%3e",
   refresh: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M481.54-180q-125.63 0-212.81-87.17-87.19-87.17-87.19-212.77 0-125.6 87.19-212.83Q355.91-780 481.54-780q70.15 0 132.77 31.19 62.61 31.2 104.15 88.04V-780h60v244.61H533.85v-59.99h158q-31.62-57.93-87.7-91.27Q548.08-720 481.54-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h63.23q-27.23 97.92-107.27 158.96Q583.46-180 481.54-180Z'/%3e%3c/svg%3e",
   dragHandle: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M360-175.39q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-240-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-240-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Z'/%3e%3c/svg%3e",
   qrCode: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-520v-300h300v300H140Zm60-60h180v-180H200v180Zm-60 440v-300h300v300H140Zm60-60h180v-180H200v180Zm320-320v-300h300v300H520Zm60-60h180v-180H580v180Zm165 440v-75h75v75h-75ZM520-365v-75h75v75h-75Zm75 75v-75h75v75h-75Zm-75 75v-75h75v75h-75Zm75 75v-75h75v75h-75Zm75-75v-75h75v75h-75Zm0-150v-75h75v75h-75Zm75 75v-75h75v75h-75Z'/%3e%3c/svg%3e",
@@ -11074,6 +12186,7 @@ var BaseIcons = {
   logout: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h268.07v60H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h268.07v60H212.31Zm436.92-169.23-41.54-43.39L705.08-450H363.85v-60h341.23l-97.39-97.38 41.54-43.39L820-480 649.23-309.23Z'/%3e%3c/svg%3e",
   spinner: "data:image/svg+xml;charset=UTF-8,%3csvg stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3e%3cstyle%3e .oui_spinner %7b transform-origin: center; animation: rotate_360 2s linear infinite;%7d .oui_spinner circle %7b stroke-linecap: round; animation: dash 1.5s ease-in-out infinite;%7d %40keyframes rotate_360 %7b 100%25 %7b transform: rotate(360deg);%7d %7d %40keyframes dash %7b 0%25 %7b stroke-dasharray: 0 150; stroke-dashoffset: 0;%7d 47.5%25 %7b stroke-dasharray: 42 150; stroke-dashoffset: -16;%7d 95%25, 100%25 %7b stroke-dasharray: 42 150; stroke-dashoffset: -59;%7d %7d %3c/style%3e%3cg class='oui_spinner'%3e%3ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3e%3c/circle%3e%3c/g%3e%3c/svg%3e "
 };
+var HOVER_OR_KEYBOARD_FOCUS = "&:hover, &:focus-visible";
 var BaseTypography = {
   "display-large": {
     fontFamily: "Red Hat Display",
@@ -11270,6 +12383,19 @@ var buildBorders = (c) => ({
   dark: `1px solid ${c["on-background"]}`,
   dotted: `1px dotted ${c["on-background"]}`
 });
+var tagVariant = (c, role) => ({ [role]: {
+  backgroundColor: c[`${role}-container`],
+  color: c[`on-${role}-container`],
+  "&.tone-solid": {
+    backgroundColor: c[role],
+    color: c[`on-${role}`]
+  },
+  "&.tone-outline": {
+    backgroundColor: "transparent",
+    color: c[role],
+    borderColor: c[`on-${role}-container-border`] ?? c[role]
+  }
+} });
 var buildComponents = (c) => ({
   alert: { options: {
     topPosition: 40,
@@ -11415,6 +12541,38 @@ var buildComponents = (c) => ({
     color: "primary-surface",
     shadow: "menu"
   } },
+  menu: { options: {
+    minWidth: 184,
+    color: void 0,
+    border: void 0,
+    borderRadius: void 0,
+    shadow: void 0,
+    paddingVertical: "xs",
+    paddingHorizontal: "none",
+    dividerBorder: "light",
+    dividerSpacing: "xs"
+  } },
+  menuItem: {
+    options: {
+      height: 38,
+      paddingHorizontal: "md",
+      gap: "md",
+      borderRadius: "none",
+      typeface: "label",
+      textColor: void 0,
+      hoverColor: "primary-container",
+      activeSymbol: "check",
+      transitionSpeed: 0.35
+    },
+    variants: { warn: {
+      color: c.warn,
+      [HOVER_OR_KEYBOARD_FOCUS]: {
+        backgroundColor: c["warn-container"],
+        color: c["on-warn-container"]
+      }
+    } }
+  },
+  expand: { options: { transitionSpeed: 0.35 } },
   footer: { options: {
     height: 52,
     color: "primary",
@@ -11462,6 +12620,79 @@ var buildComponents = (c) => ({
     focusOutlineOffset: 2
   } },
   badge: { options: { borderRadius: "xxs" } },
+  tag: {
+    options: {
+      borderRadius: "max",
+      typeface: "tag",
+      gap: "xs",
+      removeIcon: "close",
+      selectedIcon: "check"
+    },
+    fixed: {
+      display: "inline-flex",
+      alignItems: "center",
+      maxWidth: "100%",
+      border: "1px solid transparent",
+      transition: "background-color .2s ease, color .2s ease"
+    },
+    variants: {
+      ...tagVariant(c, "primary"),
+      ...tagVariant(c, "secondary"),
+      ...tagVariant(c, "tertiary"),
+      ...tagVariant(c, "warn"),
+      ...tagVariant(c, "success"),
+      ghost: {
+        backgroundColor: "transparent",
+        color: c["on-background"],
+        "&.tone-solid": {
+          backgroundColor: c["surface-variant"],
+          color: c["on-surface-variant"]
+        },
+        "&.tone-outline": {
+          backgroundColor: "transparent",
+          borderColor: c.outline
+        }
+      },
+      disabled: {
+        backgroundColor: c["disabled-container"],
+        color: c["on-disabled"],
+        "&.tone-solid": {
+          backgroundColor: c.disabled,
+          color: c["on-disabled"]
+        },
+        "&.tone-outline": {
+          backgroundColor: "transparent",
+          borderColor: c.disabled
+        }
+      }
+    },
+    sizes: {
+      sm: {
+        height: 20,
+        fontSize: 12,
+        padding: "0 8px"
+      },
+      md: {
+        height: 24,
+        fontSize: 13,
+        padding: "0 10px"
+      },
+      lg: {
+        height: 32,
+        fontSize: 15,
+        padding: "0 12px"
+      }
+    }
+  },
+  tagInput: { options: {
+    chipGap: "xs",
+    chipSize: "md",
+    minInputWidth: "12ch",
+    listColor: "primary-surface",
+    listShadow: "menu",
+    listBorderRadius: "xs",
+    maxSuggestions: 8
+  } },
   button: {
     options: {
       borderRadius: "max",
@@ -11765,11 +12996,11 @@ var buildComponents = (c) => ({
     typeface: "label"
   } }
 });
-var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var isRecord$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
 var deepMerge = (base, override) => {
   if (!override) return base;
   const out = { ...base };
-  for (const [key, value] of Object.entries(override)) out[key] = isRecord(value) && isRecord(out[key]) ? deepMerge(out[key], value) : value;
+  for (const [key, value] of Object.entries(override)) out[key] = isRecord$1(value) && isRecord$1(out[key]) ? deepMerge(out[key], value) : value;
   return out;
 };
 var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows = BaseShadows, borders, components }) => ({
@@ -11788,6 +13019,10 @@ var createTheme = ({ id, name, colors, icons = {}, radii = BaseRadii, shadows =
   },
   components: deepMerge(buildComponents(colors), components)
 });
+var dehydrateTheme = (theme) => ({
+  ...theme,
+  icons: Object.fromEntries(Object.entries(theme.icons).filter(([name, uri]) => BaseIcons[name] !== uri))
+});
 var BASE_PALETTE_CONFIG = {
   seed: "#4F46E5",
   scheme: "triadic",
@@ -11897,6 +13132,29 @@ var generateThemes = (input) => {
     }
   };
 };
+var summarizeContrast = (report) => `${report.checks.length} contrast pairs checked \xB7 worst ${report.worstRatio}:1 \xB7 ${report.pass ? "all AA" : `${report.checks.filter((check) => !check.pass).length} failing`}`;
+var generateUniThemes = (input) => {
+  const { lightColors: lightColors2, darkColors: darkColors2, radii, lightShadows, darkShadows, report } = generateThemes(input);
+  const name = input.name ?? "Brand";
+  const id = name.replace(/\W+/g, "") || "Brand";
+  return {
+    light: createTheme({
+      id: `${id}Light`,
+      name: `${name} Light`,
+      colors: lightColors2,
+      radii,
+      shadows: lightShadows
+    }),
+    dark: createTheme({
+      id: `${id}Dark`,
+      name: `${name} Dark`,
+      colors: darkColors2,
+      radii,
+      shadows: darkShadows
+    }),
+    report
+  };
+};
 var IDENT = /^[A-Za-z_$][A-Za-z0-9_$]*$/;
 var asKey = (k) => IDENT.test(k) ? k : `'${k}'`;
 var recordLiteral = (record, indent) => Object.entries(record).map(([k, v]) => `${indent}${asKey(k)}: '${v}',`).join("\n");
@@ -11942,7 +13200,7 @@ var emitThemeFile = (input) => {
     input.shape && `--shape=${input.shape}`,
     !darkMode && "--dark-mode=false"
   ].filter(Boolean).join(" ");
-  const reportSummary = `${report.checks.length} contrast pairs checked \xB7 worst ${report.worstRatio}:1 \xB7 ${report.pass ? "all AA" : `${report.checks.filter((c) => !c.pass).length} failing`}`;
+  const reportSummary = summarizeContrast(report);
   const modes = [{
     exportName: `${id}Light`,
     displayName: `${name} Light`,
@@ -11998,7 +13256,7 @@ ${recordLiteral(shadows, "  ")}
       "const components = (colors: Colors): ComponentThemes => ({});",
       "",
       "/**",
-      " * Icon primitives, merged over the built-in 59-icon set per name: reuse a",
+      " * Icon primitives, merged over the built-in 61-icon set per name: reuse a",
       " * built-in name to reskin it, or add any new name. Define an icon ONCE here",
       " * and render it anywhere via `<uni-icon name='\u2026'/>` \u2014 never inline SVG in",
       " * components.",
@@ -12179,20 +13437,236 @@ var UniThemes = {
   DarkTheme
 };
 var DefaultThemeId = Object.keys(UniThemes)[0];
+var REQUIRED_COLOR_TOKENS = [
+  "primary",
+  "on-primary",
+  "primary-container",
+  "on-primary-container",
+  "primary-surface",
+  "on-primary-surface",
+  "surface",
+  "on-surface",
+  "background",
+  "on-background",
+  "warn",
+  "on-warn",
+  "disabled",
+  "on-disabled",
+  "outline",
+  "transparent"
+];
+var REQUIRED_TEXT_ROLES = [
+  "display-large",
+  "display-medium",
+  "display-small",
+  "headline-large",
+  "headline-medium",
+  "headline-small",
+  "title-large",
+  "title-medium",
+  "title-small",
+  "body-1-long",
+  "body-1-short",
+  "body-2-long",
+  "body-2-short",
+  "subtitle-1",
+  "subtitle-2",
+  "label",
+  "button",
+  "caption",
+  "overline",
+  "paragraph",
+  "quote",
+  "note"
+];
+var REQUIRED_SPACING_SIZES = [
+  "none",
+  "xxs",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "xl"
+];
+var REQUIRED_RADII_SIZES = [
+  "none",
+  "xxs",
+  "xs",
+  "sm",
+  "md",
+  "lg",
+  "max"
+];
+var REQUIRED_SHADOWS = [
+  "raised",
+  "menu",
+  "dialog",
+  "warn"
+];
+var REQUIRED_THICKNESSES = [
+  "thin",
+  "standard",
+  "thick"
+];
+var isRecord = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
+var isCssValue = (value) => typeof value === "string" || typeof value === "number";
+var checkStyleExpression = (value, path, issues) => {
+  if (!isRecord(value)) {
+    issues.push({
+      path,
+      message: "must be a style object"
+    });
+    return;
+  }
+  for (const [key, entry] of Object.entries(value)) {
+    if (entry === void 0 || isCssValue(entry)) continue;
+    if (isRecord(entry)) checkStyleExpression(entry, `${path}.${key}`, issues);
+    else issues.push({
+      path: `${path}.${key}`,
+      message: "must be a string, number, or nested style object"
+    });
+  }
+};
+var checkStringRecord = (value, path, issues, required = [], allowNumbers = false) => {
+  if (!isRecord(value)) {
+    issues.push({
+      path,
+      message: "must be an object"
+    });
+    return;
+  }
+  for (const key of required) if (!(key in value)) issues.push({
+    path: `${path}.${key}`,
+    message: "is required"
+  });
+  for (const [key, entry] of Object.entries(value)) {
+    if (entry === void 0) continue;
+    if (!(allowNumbers ? isCssValue(entry) : typeof entry === "string")) issues.push({
+      path: `${path}.${key}`,
+      message: allowNumbers ? "must be a string or number" : "must be a string"
+    });
+  }
+};
+var checkTypography = (value, issues) => {
+  if (!isRecord(value)) {
+    issues.push({
+      path: "typography",
+      message: "must be an object"
+    });
+    return;
+  }
+  for (const role of REQUIRED_TEXT_ROLES) if (!(role in value)) issues.push({
+    path: `typography.${role}`,
+    message: "is required"
+  });
+  for (const [role, style] of Object.entries(value)) {
+    if (!isRecord(style)) {
+      issues.push({
+        path: `typography.${role}`,
+        message: "must be a TextStyle object"
+      });
+      continue;
+    }
+    if (typeof style["fontFamily"] !== "string") issues.push({
+      path: `typography.${role}.fontFamily`,
+      message: "must be a string"
+    });
+    for (const field of ["fontSize", "lineHeight"]) if (!isCssValue(style[field])) issues.push({
+      path: `typography.${role}.${field}`,
+      message: "must be a string or number"
+    });
+  }
+};
+var checkComponents = (value, issues) => {
+  if (!isRecord(value)) {
+    issues.push({
+      path: "components",
+      message: "must be an object"
+    });
+    return;
+  }
+  for (const [name, entry] of Object.entries(value)) {
+    if (entry === void 0) continue;
+    if (!isRecord(entry)) {
+      issues.push({
+        path: `components.${name}`,
+        message: "must be a component theme object"
+      });
+      continue;
+    }
+    if (entry["fixed"] !== void 0) checkStyleExpression(entry["fixed"], `components.${name}.fixed`, issues);
+    for (const section of ["variants", "sizes"]) {
+      const styles = entry[section];
+      if (styles === void 0) continue;
+      if (!isRecord(styles)) {
+        issues.push({
+          path: `components.${name}.${section}`,
+          message: "must be an object"
+        });
+        continue;
+      }
+      for (const [key, style] of Object.entries(styles)) if (style !== void 0) checkStyleExpression(style, `components.${name}.${section}.${key}`, issues);
+    }
+    if (entry["options"] !== void 0 && !isRecord(entry["options"])) issues.push({
+      path: `components.${name}.options`,
+      message: "must be an object"
+    });
+  }
+};
+var parseTheme = (input) => {
+  const issues = [];
+  if (!isRecord(input)) return {
+    success: false,
+    issues: [{
+      path: "",
+      message: "theme must be an object"
+    }]
+  };
+  for (const field of ["id", "name"]) if (typeof input[field] !== "string" || input[field] === "") issues.push({
+    path: field,
+    message: "must be a non-empty string"
+  });
+  checkStringRecord(input["colors"], "colors", issues, REQUIRED_COLOR_TOKENS);
+  checkTypography(input["typography"], issues);
+  checkStringRecord(input["borders"], "borders", issues);
+  checkStringRecord(input["radii"], "radii", issues, REQUIRED_RADII_SIZES);
+  checkStringRecord(input["shadows"], "shadows", issues, REQUIRED_SHADOWS);
+  checkStringRecord(input["spacing"], "spacing", issues, REQUIRED_SPACING_SIZES, true);
+  checkStringRecord(input["thicknesses"], "thicknesses", issues, REQUIRED_THICKNESSES, true);
+  checkStringRecord(input["icons"], "icons", issues);
+  checkComponents(input["components"], issues);
+  return issues.length === 0 ? {
+    success: true,
+    theme: input,
+    issues: []
+  } : {
+    success: false,
+    issues
+  };
+};
+var formatThemeIssues = (issues) => issues.map(({ path, message }) => path ? `${path} ${message}` : message).join("; ");
 
 // src/server/generate.ts
 var HEX = /^#[0-9a-fA-F]{6}$/;
-function formatGeneratedTheme(args) {
-  const seeds = (Array.isArray(args.brand) ? args.brand : [args.brand]).map(
+function resolveSeed(brand) {
+  const seeds = (Array.isArray(brand) ? brand : [brand]).map(
     (s) => s.startsWith("#") ? s : `#${s}`
   );
   const invalid = seeds.filter((s) => !HEX.test(s));
   if (invalid.length) {
-    return `Invalid brand color(s): ${invalid.join(", ")}. Pass 6-digit hex values, e.g. "#0052FF" (1\u20133 colors: primary, secondary, tertiary).`;
+    return {
+      ok: false,
+      error: `Invalid brand color(s): ${invalid.join(", ")}. Pass 6-digit hex values, e.g. "#0052FF" (1\u20133 colors: primary, secondary, tertiary).`
+    };
   }
+  return { ok: true, seed: seeds.length === 1 ? seeds[0] : seeds };
+}
+function formatGeneratedTheme(args) {
+  const resolved = resolveSeed(args.brand);
+  if (!resolved.ok) return resolved.error;
   const { content, providerSnippet, reportSummary, report } = emitThemeFile({
     ...args,
-    seed: seeds.length === 1 ? seeds[0] : seeds
+    seed: resolved.seed
   });
   const failing = report.checks.filter((c) => !c.pass);
   const failLines = failing.length ? `
@@ -12233,7 +13707,7 @@ ${failing.map((f) => `- ${f.mode} \`${f.foreground}\` on \`${f.background}\`: ${
     "- **Icons**: never inline SVG in components. Define an icon ONCE in the theme file's",
     "  `icons` map as an inline SVG data URI \u2014 it is masked with `currentColor`, so it",
     "  recolors with the theme \u2014 then render it anywhere with `<uni-icon name='\u2026'/>`.",
-    "  A built-in set of 59 icons ships with every theme (navigation, actions, feedback,",
+    "  A built-in set of 61 icons ships with every theme (navigation, actions, feedback,",
     "  user/system) \u2014 check `BaseIcons` before adding one; names are flat camelCase",
     "  (`chevronDown`, `checkCircle`, `externalLink`) and `IconName` autocompletes them.",
     "  To add your own, encode with `svgToIconUri` from uni-core rather than hand-writing",
@@ -12339,11 +13813,141 @@ function formatIconTokens(icons) {
   return out.join("\n");
 }
 
+// src/server/theme-json.ts
+var APPLY_SNIPPET = [
+  "// Angular \u2014 ThemeService from @uni-design-system/uni-angular",
+  "const result = themeService.registerTheme(theme, { select: true });",
+  "if (!result.success) console.warn(result.issues);"
+].join("\n");
+var APPLY_NOTE = "Each `theme` is a complete, validated UniTheme with the built-in icon set elided. ThemeService restores it on register (the theme's own icons win). Outside Angular, call `hydrateTheme(theme)` from @uni-design-system/uni-core before use, and `parseTheme` if the payload crossed a trust boundary.";
+function envelope(themes, report) {
+  for (const { id, theme } of themes) {
+    const result = parseTheme(theme);
+    if (!result.success) {
+      return { ok: false, error: `Generated theme \`${id}\` failed validation: ${formatThemeIssues(result.issues)}` };
+    }
+  }
+  return {
+    ok: true,
+    envelope: {
+      themes,
+      ...report ? {
+        contrast: {
+          summary: summarizeContrast(report),
+          pass: report.pass,
+          worstRatio: report.worstRatio,
+          failing: report.checks.filter((check) => !check.pass).map(({ mode, foreground, background, ratio, required }) => ({
+            mode,
+            foreground,
+            background,
+            ratio,
+            required
+          }))
+        }
+      } : {},
+      apply: { snippet: APPLY_SNIPPET, note: APPLY_NOTE },
+      iconsElided: true
+    }
+  };
+}
+function buildGeneratedTheme(args) {
+  const resolved = resolveSeed(args.brand);
+  if (!resolved.ok) return resolved;
+  const { light, dark, report } = generateUniThemes({ ...args, seed: resolved.seed });
+  const themes = [
+    { id: light.id, name: light.name, mode: "light", theme: dehydrateTheme(light) }
+  ];
+  if (args.darkMode !== false) {
+    themes.push({ id: dark.id, name: dark.name, mode: "dark", theme: dehydrateTheme(dark) });
+  }
+  return envelope(themes, report);
+}
+function listRuntimeThemes() {
+  return Object.entries(UniThemes).map(([id, theme]) => ({
+    id,
+    name: theme.name,
+    mode: modeOf(id)
+  }));
+}
+var modeOf = (id) => /dark/i.test(id) ? "dark" : "light";
+function buildStoredTheme(id) {
+  const theme = UniThemes[id];
+  if (!theme) {
+    const ids = Object.keys(UniThemes).join(", ");
+    return { ok: false, error: `No theme found with id \`${id}\`. Available: ${ids}.` };
+  }
+  return envelope([
+    { id: theme.id, name: theme.name, mode: modeOf(id), theme: dehydrateTheme(theme) }
+  ]);
+}
+function summarizeEnvelope(env) {
+  const list = env.themes.map((t) => `\`${t.id}\` (${t.mode})`).join(", ");
+  const failing = env.contrast?.failing.length ? `
+
+Failing pairs:
+${env.contrast.failing.map((f) => `- ${f.mode} \`${f.foreground}\` on \`${f.background}\`: ${f.ratio}:1 (needs ${f.required}:1)`).join("\n")}` : "";
+  return [
+    `# Runtime theme JSON \u2014 ${env.themes.length} theme${env.themes.length === 1 ? "" : "s"}`,
+    "",
+    `${list}. The full validated theme data is in this result's structured content.`,
+    ...env.contrast ? ["", `${env.contrast.summary}.${failing}`] : [],
+    "",
+    "## Apply",
+    "",
+    "```ts",
+    env.apply.snippet,
+    "```",
+    "",
+    env.apply.note,
+    "",
+    "To brand an app permanently instead, use `generate-uni-theme` \u2014 it returns an editable `uni-theme.ts` that becomes the source of truth. Use this tool when the theme should apply immediately without a build step."
+  ].join("\n");
+}
+
 // src/server/core.ts
 var FrameworkArg = z.enum(["angular", "react"]);
 function text(body) {
   return { content: [{ type: "text", text: body }] };
 }
+var ThemeGenerationInput = {
+  brand: z.union([z.string(), z.array(z.string()).min(1).max(3)]).describe('Brand hex color(s), e.g. "#0052FF". 2\u20133 colors map to primary/secondary/tertiary.'),
+  vibe: z.enum(["jewel", "pastel", "earth", "neutral", "florescent"]).optional().describe("Tonal character; defaults to a category inferred from the seed chroma."),
+  scheme: z.enum(["monochromatic", "analogous", "complimentary", "splitComplimentary", "triadic"]).optional().describe("Hue-wheel relationship for generated roles; auto-classified for multi-color input."),
+  name: z.string().optional().describe('Theme display name, defaults to "Brand".')
+};
+var RuntimeThemeOutput = {
+  themes: z.array(
+    z.object({
+      id: z.string(),
+      name: z.string(),
+      mode: z.enum(["light", "dark"]),
+      theme: z.record(z.string(), z.unknown()).describe("A validated UniTheme with the built-in icon set elided.")
+    })
+  ).describe("Registration-ready themes."),
+  contrast: z.object({
+    summary: z.string(),
+    pass: z.boolean(),
+    worstRatio: z.number(),
+    failing: z.array(
+      z.object({
+        mode: z.string(),
+        foreground: z.string(),
+        background: z.string(),
+        ratio: z.number(),
+        required: z.number()
+      })
+    )
+  }).optional().describe("WCAG audit of the generated colors; absent for themes that ship with Uni."),
+  apply: z.object({ snippet: z.string(), note: z.string() }).describe("How to register the theme, including the icon-hydration rule."),
+  iconsElided: z.literal(true)
+};
+function runtimeTheme(result) {
+  if (!result.ok) return { content: [{ type: "text", text: result.error }], isError: true };
+  return {
+    content: [{ type: "text", text: summarizeEnvelope(result.envelope) }],
+    structuredContent: result.envelope
+  };
+}
 function notFound(kind, id) {
   return text(
     `No ${kind} found with id \`${id}\`. Use the matching list/search tool to discover valid ids.`
@@ -12353,7 +13957,7 @@ function createUniServer() {
   const server = new McpServer(
     { name: "uni-design-system", version: meta.version },
     {
-      instructions: 'Authoritative interface to the Uni Design System. Prefer these tools over recalling component APIs or token values from memory: names, props, and tokens here match the exact Uni release the developer installed. Start with `list-components` or `search`, then `get-component` / `get-component-examples`. Use real token ids (via `list-tokens`) instead of raw hex; apply themes with `get-theme-template` (style overrides go through Emotion, component options are props). To brand an app, call `generate-uni-theme` once and write the returned static `uni-theme.ts`; to change look and feel afterwards (colors, borders, per-component styling), edit that file\'s tokens directly \u2014 shared tokens propagate everywhere. Never inline `<svg>` in a component: when you meet inline SVG, or a brand icon set to import, call `create-icon-tokens` to convert it into theme icon tokens, add them to `uni-theme.ts`, and render with `<uni-icon name="\u2026" />`.'
+      instructions: "Authoritative interface to the Uni Design System. Prefer these tools over recalling component APIs or token values from memory: names, props, and tokens here match the exact Uni release the developer installed. Start with `list-components` or `search`, then `get-component` / `get-component-examples`. Use real token ids (via `list-tokens`) instead of raw hex. Theming has four tools, split by what you need: to brand an app permanently, call `generate-uni-theme` once and write the returned static `uni-theme.ts` \u2014 then change look and feel by editing that file's tokens directly, since shared tokens propagate everywhere; to apply a theme immediately with no build step (previews, per-tenant theming, generated UI), call `generate-runtime-theme` or `get-runtime-theme` and register the JSON they return; to read a theme's token values without applying one, use `get-theme-template`. Never inline `<svg>` in a component: when you meet inline SVG, or a brand icon set to import, call `create-icon-tokens` to convert it into theme icon tokens, add them to `uni-theme.ts`, and render with `<uni-icon name=\"\u2026\" />`."
     }
   );
   server.registerTool(
@@ -12462,20 +14066,39 @@ function createUniServer() {
       title: "Generate a Uni brand theme file",
       description: "Generate a complete, WCAG-AA light+dark Uni theme from brand hex color(s) and return the static `uni-theme.ts` file content (write it to `src/app/uni-theme.ts`), the `UNI_THEMES` provider registration snippet, and a contrast report. The file is plain editable data and becomes the source of truth: later restyling means editing its tokens (colors, named border primitives, sparse component overrides) \u2014 not calling this tool again. Never hardcode hex in components; reference theme tokens.",
       inputSchema: {
-        brand: z.union([z.string(), z.array(z.string()).min(1).max(3)]).describe(
-          'Brand hex color(s), e.g. "#0052FF". 2\u20133 colors map to primary/secondary/tertiary.'
-        ),
-        vibe: z.enum(["jewel", "pastel", "earth", "neutral", "florescent"]).optional().describe("Tonal character; defaults to a category inferred from the seed chroma."),
-        scheme: z.enum(["monochromatic", "analogous", "complimentary", "splitComplimentary", "triadic"]).optional().describe(
-          "Hue-wheel relationship for generated roles; auto-classified for multi-color input."
-        ),
+        ...ThemeGenerationInput,
         shape: z.enum(["sharp", "modern", "playful"]).optional().describe("Shape language \u2014 emits a radii override into the file."),
-        name: z.string().optional().describe('Theme display name, defaults to "Brand".'),
         darkMode: z.boolean().optional().describe("Emit the dark theme too. Defaults to true.")
       }
     },
     async (args) => text(formatGeneratedTheme(args))
   );
+  server.registerTool(
+    "generate-runtime-theme",
+    {
+      title: "Generate a Uni brand theme as runtime JSON",
+      description: "Generate a WCAG-AA light+dark Uni theme from brand hex color(s) and return it as validated JSON data, ready to register live via `ThemeService.registerTheme(theme, { select: true })` \u2014 no file to write, no rebuild. Use this when a theme should apply immediately (previewing a brand, per-tenant theming, generated UI). To brand an app permanently, use `generate-uni-theme` instead: it returns an editable `uni-theme.ts` that becomes the source of truth. The built-in icon set is elided from the payload and restored on registration.",
+      inputSchema: {
+        ...ThemeGenerationInput,
+        shape: z.enum(["sharp", "modern", "playful"]).optional().describe("Shape language \u2014 sets the radii scale on the returned themes."),
+        darkMode: z.boolean().optional().describe("Include the dark theme too. Defaults to true.")
+      },
+      outputSchema: RuntimeThemeOutput
+    },
+    async (args) => runtimeTheme(buildGeneratedTheme(args))
+  );
+  server.registerTool(
+    "get-runtime-theme",
+    {
+      title: "Get a built-in Uni theme as runtime JSON",
+      description: "A theme that ships with Uni, as a complete validated `UniTheme` ready to register at runtime. Differs from `get-theme-template`, which returns a flat read-only projection of token values for inspection \u2014 this returns the real theme object. The built-in icon set is elided from the payload and restored on registration.",
+      inputSchema: {
+        id: z.string().describe('Theme id, e.g. "LightTheme" or "DarkTheme".')
+      },
+      outputSchema: RuntimeThemeOutput
+    },
+    async ({ id }) => runtimeTheme(buildStoredTheme(id))
+  );
   server.registerTool(
     "create-icon-tokens",
     {
@@ -12633,6 +14256,8 @@ function registerResources(server) {
 
 export {
   meta,
+  listRuntimeThemes,
+  buildStoredTheme,
   createUniServer
 };
-//# sourceMappingURL=chunk-VM5SXSG2.js.map
+//# sourceMappingURL=chunk-GT3T5DVX.js.map