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

package/dist/{chunk-252ZWTTU.js → chunk-GT3T5DVX.js}

@@ -7,16 +7,16 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "7.0.0",
-    builtAt: "2026-07-29T15:41:45.453Z",
+    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: 133
+      examples: 150
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.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.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2645,6 +2746,13 @@ var uni_index_default = {
               type: "IconName",
               required: true,
               description: ""
+            },
+            {
+              name: "size",
+              kind: "input",
+              type: "CssLength",
+              required: false,
+              description: "Explicit square size. Bare numbers are px; strings pass through, so any CSS length works (`'1.25rem'`, `'1em'`, `'clamp(\u2026)'`). Leave it unset to keep the default behaviour \u2014 the icon fills its container, which is what lets a themed control size its own glyph through padding. Set it at call sites that would otherwise need a width/height rule just to size one icon."
             }
           ]
         }
@@ -2653,11 +2761,16 @@ var uni_index_default = {
         {
           title: "Primary",
           framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<div box-layout height="${size}px">\n    <uni-icon name="${name}" color="${color}" />\n  </div>\n<!-- args:\n{\n    name: \'checkCircle\',\n  }\n-->'
+          code: '<!-- Storybook story: Primary -->\n<div box-layout height="${containerSize}px">\n    <uni-icon name="${name}" color="${color}" ${size ?\n<!-- args:\n{\n    name: \'checkCircle\',\n  }\n-->'
+        },
+        {
+          title: "Explicit Size",
+          framework: "angular",
+          code: '<!-- Storybook story: Explicit Size -->\n<div box-layout height="${containerSize}px">\n    <uni-icon name="${name}" color="${color}" ${size ?\n<!-- args:\n{\n    name: \'checkCircle\',\n    size: 20,\n    containerSize: 48,\n  }\n-->'
         }
       ],
       guidelines: {
-        whenToUse: "Icons are adaptive svg images. Instead of defining a size or color attributes, Icons\nwill grow to the space allotted to them and use the current color of its parent element.\nHowever, it is possible to statically set the icon color.",
+        whenToUse: "Icons are adaptive svg images. By default they grow to the space allotted to them and\nuse the current color of the parent element \u2014 so a themed control can size its own glyph\nthrough padding, and recoloring the container recolors the icon.\nBoth defaults can be overridden:\n- `color` statically sets the icon color, ignoring `currentColor`.\n- `size` sets an explicit square size, for call sites that would otherwise need a\n  width/height CSS rule just to size one icon. Bare numbers are px; strings pass\n  through, so any CSS length works.\n```html\n```\nLeave `size` off wherever the container already defines the box \u2014 that is still the\npreferred form, and it is what keeps a themed `icon-button` in control of its glyph.",
         dos: [],
         donts: [],
         accessibility: [
@@ -2674,7 +2787,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2777,7 +2890,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2922,7 +3035,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2981,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: []
@@ -2995,7 +3108,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3065,7 +3178,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3121,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: [
@@ -3133,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",
@@ -3142,52 +3282,12 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.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",
@@ -3223,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",
@@ -3258,7 +3364,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3346,7 +3452,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3421,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."
             }
           ]
         }
@@ -3481,7 +3602,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3725,7 +3846,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3749,7 +3870,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3809,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: [
@@ -3834,7 +3955,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3883,7 +4004,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3947,7 +4068,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4003,7 +4124,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4154,7 +4275,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4178,7 +4299,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4233,7 +4354,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4380,7 +4501,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4491,7 +4612,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4627,7 +4748,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4723,7 +4844,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4860,7 +4981,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4952,7 +5073,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4997,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: []
@@ -5011,7 +5132,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5066,7 +5187,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5168,7 +5289,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5241,7 +5362,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5281,7 +5402,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5345,12 +5466,28 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "7.0.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",
@@ -5366,118 +5503,714 @@ 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.0.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,
-              description: ""
+              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: "ellipsis",
+              name: "invalid",
               kind: "input",
               type: "boolean",
               required: false,
               default: "false",
               description: ""
-            }
-          ]
+            },
+            {
+              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: [
@@ -5514,7 +6247,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5644,7 +6377,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5674,7 +6407,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5708,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."
         ],
@@ -5732,7 +6465,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5862,7 +6595,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5918,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: [
@@ -5941,7 +6674,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "7.0.0",
+      version: "8.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -8043,164 +8776,332 @@ var uni_index_default = {
       target: "component-prop",
       appliesTo: "dialogButtons",
       themeValues: {
-        LightTheme: "lg",
-        DarkTheme: "lg"
+        LightTheme: "lg",
+        DarkTheme: "lg"
+      }
+    },
+    {
+      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: "dialogButtons.behavior.stretch",
-      value: false,
-      type: "boolean",
+      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
       }
     },
     {
@@ -8504,135 +9405,279 @@ var uni_index_default = {
       }
     },
     {
-      id: "tabs.behavior.gap",
-      value: "sm",
+      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: "max",
+        DarkTheme: "max"
+      }
+    },
+    {
+      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
       }
     },
     {
@@ -9742,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",
@@ -9790,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"
@@ -10123,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",
@@ -10171,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"
@@ -10499,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;
@@ -11010,18 +12132,30 @@ 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",
+  gridView: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-520v-300h300v300H140Zm0 380v-300h300v300H140Zm380-380v-300h300v300H520Zm0 380v-300h300v300H520ZM200-580h180v-180H200v180Zm380 0h180v-180H580v180Zm0 380h180v-180H580v180Zm-380 0h180v-180H200v180Zm380-380Zm0 200Zm-200 0Zm0-200Z'/%3e%3c/svg%3e",
+  listView: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M293.08-597.69v-60H820v60H293.08Zm0 147.69v-60H820v60H293.08Zm0 147.69v-60H820v60H293.08ZM172.31-595.38q-13.73 0-23.02-9.4t-9.29-23.3q0-13.56 9.29-22.74 9.29-9.18 23.02-9.18t23.02 9.18q9.29 9.18 9.29 22.74 0 13.9-9.29 23.3t-23.02 9.4Zm0 147.3q-13.73 0-23.02-9.18Q140-466.43 140-480q0-14.31 9.29-23.5t23.02-9.19q13.73 0 23.02 9.19t9.29 23.5q0 13.57-9.29 22.74-9.29 9.18-23.02 9.18Zm0 148.08q-13.73 0-23.02-9.4T140-332.69q0-13.57 9.29-22.75t23.02-9.18q13.73 0 23.02 9.18t9.29 22.75q0 13.89-9.29 23.29-9.29 9.4-23.02 9.4Z'/%3e%3c/svg%3e",
   search: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M781.69-136.92 530.46-388.16q-30 24.77-69 38.77-39 14-80.69 14-102.46 0-173.54-71.07-71.07-71.08-71.07-173.54t71.07-173.54q71.08-71.07 173.54-71.07t173.54 71.07q71.07 71.08 71.07 173.54 0 42.85-14.38 81.85-14.39 39-38.39 67.84l251.23 251.23-42.15 42.16ZM380.77-395.38q77.31 0 130.96-53.66 53.66-53.65 53.66-130.96t-53.66-130.96q-53.65-53.66-130.96-53.66t-130.96 53.66Q196.15-657.31 196.15-580t53.66 130.96q53.65 53.66 130.96 53.66Z'/%3e%3c/svg%3e",
   close: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M256-213.85 213.85-256l224-224-224-224L256-746.15l224 224 224-224L746.15-704l-224 224 224 224L704-213.85l-224-224-224 224Z'/%3e%3c/svg%3e",
   plus: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M450-450H220v-60h230v-230h60v230h230v60H510v230h-60v-230Z'/%3e%3c/svg%3e",
   minus: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M220-450v-60h520v60H220Z'/%3e%3c/svg%3e",
   more: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M480-189.23q-24.75 0-42.37-17.63Q420-224.48 420-249.23q0-24.75 17.63-42.38 17.62-17.62 42.37-17.62 24.75 0 42.37 17.62Q540-273.98 540-249.23q0 24.75-17.63 42.37-17.62 17.63-42.37 17.63ZM480-420q-24.75 0-42.37-17.63Q420-455.25 420-480q0-24.75 17.63-42.37Q455.25-540 480-540q24.75 0 42.37 17.63Q540-504.75 540-480q0 24.75-17.63 42.37Q504.75-420 480-420Zm0-230.77q-24.75 0-42.37-17.62Q420-686.02 420-710.77q0-24.75 17.63-42.37 17.62-17.63 42.37-17.63 24.75 0 42.37 17.63Q540-735.52 540-710.77q0 24.75-17.63 42.38-17.62 17.62-42.37 17.62Z'/%3e%3c/svg%3e",
+  moreHorizontal: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M249.23-420q-24.75 0-42.37-17.63-17.63-17.62-17.63-42.37 0-24.75 17.63-42.37Q224.48-540 249.23-540q24.75 0 42.38 17.63 17.62 17.62 17.62 42.37 0 24.75-17.62 42.37Q273.98-420 249.23-420ZM480-420q-24.75 0-42.37-17.63Q420-455.25 420-480q0-24.75 17.63-42.37Q455.25-540 480-540q24.75 0 42.37 17.63Q540-504.75 540-480q0 24.75-17.63 42.37Q504.75-420 480-420Zm230.77 0q-24.75 0-42.38-17.63-17.62-17.62-17.62-42.37 0-24.75 17.62-42.37Q686.02-540 710.77-540q24.75 0 42.37 17.63 17.63 17.62 17.63 42.37 0 24.75-17.63 42.37Q735.52-420 710.77-420Z'/%3e%3c/svg%3e",
   delete: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M292.31-140q-29.92 0-51.12-21.19Q220-182.39 220-212.31V-720h-40v-60h180v-35.38h240V-780h180v60h-40v507.69Q740-182 719-161q-21 21-51.31 21H292.31ZM680-720H280v507.69q0 5.39 3.46 8.85t8.85 3.46h375.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-720ZM376.16-280h59.99v-360h-59.99v360Zm147.69 0h59.99v-360h-59.99v360ZM280-720v520-520Z'/%3e%3c/svg%3e",
   edit: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M200-200h50.46l409.46-409.46-50.46-50.46L200-250.46V-200Zm-60 60v-135.38l527.62-527.39q9.07-8.24 20.03-12.73 10.97-4.5 23-4.5t23.3 4.27q11.28 4.27 19.97 13.58l48.85 49.46q9.31 8.69 13.27 20 3.96 11.31 3.96 22.62 0 12.07-4.12 23.03-4.12 10.97-13.11 20.04L275.38-140H140Zm620.38-570.15-50.23-50.23 50.23 50.23Zm-126.13 75.9-24.79-25.67 50.46 50.46-25.67-24.79Z'/%3e%3c/svg%3e",
+  copy: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M362.31-260Q332-260 311-281q-21-21-21-51.31v-455.38Q290-818 311-839q21-21 51.31-21h335.38Q728-860 749-839q21 21 21 51.31v455.38Q770-302 749-281q-21 21-51.31 21H362.31Zm0-60h335.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H362.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v455.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85Zm-140 200Q192-120 171-141q-21-21-21-51.31v-515.38h60v515.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h395.38v60H222.31ZM350-320v-480 480Z'/%3e%3c/svg%3e",
   download: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M480-328.46 309.23-499.23l42.16-43.38L450-444v-336h60v336l98.61-98.61 42.16 43.38L480-328.46ZM252.31-180Q222-180 201-201q-21-21-21-51.31v-108.46h60v108.46q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-108.46h60v108.46Q780-222 759-201q-21 21-51.31 21H252.31Z'/%3e%3c/svg%3e",
   upload: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M450-328.46v-336l-98.61 98.61-42.16-43.38L480-780l170.77 170.77-42.16 43.38L510-664.46v336h-60ZM252.31-180Q222-180 201-201q-21-21-21-51.31v-108.46h60v108.46q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-108.46h60v108.46Q780-222 759-201q-21 21-51.31 21H252.31Z'/%3e%3c/svg%3e",
   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",
   check: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M382-253.85 168.62-467.23 211.38-510 382-339.38 748.62-706l42.76 42.77L382-253.85Z'/%3e%3c/svg%3e",
   checkCircle: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m423.23-309.85 268.92-268.92L650-620.92 423.23-394.15l-114-114L267.08-466l156.15 156.15ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3e%3c/svg%3e",
   xCircle: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m336-293.85 144-144 144 144L666.15-336l-144-144 144-144L624-666.15l-144 144-144-144L293.85-624l144 144-144 144L336-293.85ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3e%3c/svg%3e",
@@ -11029,14 +12163,30 @@ var BaseIcons = {
   info: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M450-290h60v-230h-60v230Zm52.92-307.75q9.39-9.29 9.39-23.02t-9.29-23.02q-9.29-9.28-23.02-9.28t-23.02 9.28q-9.29 9.29-9.29 23.02t9.39 23.02q9.38 9.29 22.92 9.29 13.54 0 22.92-9.29ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3e%3c/svg%3e",
   warning: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M74.62-140 480-840l405.38 700H74.62ZM178-200h604L480-720 178-200Zm324.92-57.08q9.39-9.38 9.39-22.92 0-13.54-9.39-22.92-9.38-9.39-22.92-9.39-13.54 0-22.92 9.39-9.39 9.38-9.39 22.92 0 13.54 9.39 22.92 9.38 9.39 22.92 9.39 13.54 0 22.92-9.39ZM450-352.31h60v-200h-60v200ZM480-460Z'/%3e%3c/svg%3e",
   lock: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M252.31-100q-29.92 0-51.12-21.19Q180-142.39 180-172.31v-375.38q0-29.92 21.19-51.12Q222.39-620 252.31-620H300v-80q0-74.92 52.54-127.46Q405.08-880 480-880q74.92 0 127.46 52.54Q660-774.92 660-700v80h47.69q29.92 0 51.12 21.19Q780-577.61 780-547.69v375.38q0 29.92-21.19 51.12Q737.61-100 707.69-100H252.31Zm0-60h455.38q5.39 0 8.85-3.46t3.46-8.85v-375.38q0-5.39-3.46-8.85t-8.85-3.46H252.31q-5.39 0-8.85 3.46t-3.46 8.85v375.38q0 5.39 3.46 8.85t8.85 3.46Zm277.27-150.42Q550-330.85 550-360t-20.42-49.58Q509.15-430 480-430t-49.58 20.42Q410-389.15 410-360t20.42 49.58Q450.85-290 480-290t49.58-20.42ZM360-620h240v-80q0-50-35-85t-85-35q-50 0-85 35t-35 85v80ZM240-160v-400 400Z'/%3e%3c/svg%3e",
+  star: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m354-287 126-76 126 77-33-144 111-96-146-13-58-136-58 135-146 13 111 97-33 143Zm-91 125.46 57.31-246.77-191.46-165.92 252.61-21.92L480-828.84l98.54 232.69 252.61 21.92-191.46 165.92L697-161.54 480-292.46 263-161.54ZM480-470Z'/%3e%3c/svg%3e",
+  verified: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m352.46-85.39-71.38-120.3-135.54-29.7 13.23-139.53L66.93-480l91.84-105.08-13.23-139.53 135.54-29.7 71.38-120.3L480-820.46l127.54-54.15 71.38 120.3 135.54 29.7-13.23 139.53L893.07-480l-91.84 105.08 13.23 139.53-135.54 29.7-71.38 120.3L480-139.54 352.46-85.39ZM378-162l102-43.23L583.23-162 640-258l110-25.23L740-396l74-84-74-85.23L750-678l-110-24-58-96-102 43.23L376.77-798 320-702l-110 24 10 112.77L146-480l74 84-10 114 110 24 58 96Zm102-318Zm-42 128.15L650.15-564 608-607.38l-170 170-86-84.77L309.85-480 438-351.85Z'/%3e%3c/svg%3e",
   profile: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M381.04-533.35Q340-574.38 340-632.31q0-57.92 41.04-98.96 41.04-41.04 98.96-41.04 57.92 0 98.96 41.04Q620-690.23 620-632.31q0 57.93-41.04 98.96-41.04 41.04-98.96 41.04-57.92 0-98.96-41.04ZM180-187.69v-88.93q0-29.38 15.96-54.42 15.96-25.04 42.66-38.5 59.3-29.07 119.65-43.61 60.35-14.54 121.73-14.54t121.73 14.54q60.35 14.54 119.65 43.61 26.7 13.46 42.66 38.5Q780-306 780-276.62v88.93H180Zm60-60h480v-28.93q0-12.15-7.04-22.5-7.04-10.34-19.11-16.88-51.7-25.46-105.42-38.58Q534.7-367.69 480-367.69q-54.7 0-108.43 13.11-53.72 13.12-105.42 38.58-12.07 6.54-19.11 16.88-7.04 10.35-7.04 22.5v28.93Zm296.5-328.12q23.5-23.5 23.5-56.5t-23.5-56.5q-23.5-23.5-56.5-23.5t-56.5 23.5q-23.5 23.5-23.5 56.5t23.5 56.5q23.5 23.5 56.5 23.5t56.5-23.5Zm-56.5-56.5Zm0 384.62Z'/%3e%3c/svg%3e",
+  group: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M71.93-187.69v-88.93q0-30.92 15.96-55.19 15.96-24.27 42.63-37.76 57.02-27.89 114.67-43.01 57.66-15.11 126.73-15.11 69.08 0 126.73 15.11 57.66 15.12 114.68 43.01 26.67 13.49 42.63 37.76 15.96 24.27 15.96 55.19v88.93H71.93Zm679.99 0v-93.85q0-39.38-19.28-75.07-19.29-35.68-54.72-61.23 40.23 6 76.39 18.57 36.15 12.58 69 29.73 31 16.54 47.88 38.99 16.88 22.44 16.88 49.01v93.85H751.92ZM272.96-533.35q-41.03-41.03-41.03-98.96 0-57.92 41.03-98.96 41.04-41.04 98.96-41.04 57.93 0 98.96 41.04 41.04 41.04 41.04 98.96 0 57.93-41.04 98.96-41.03 41.04-98.96 41.04-57.92 0-98.96-41.04Zm403.22 0q-41.12 41.04-98.87 41.04-6.77 0-17.23-1.54-10.47-1.54-17.23-3.38 23.66-28.45 36.37-63.12 12.7-34.67 12.7-72 0-37.34-12.96-71.73-12.96-34.38-36.11-63.3 8.61-3.08 17.23-4 8.61-.93 17.23-.93 57.75 0 98.87 41.04 41.12 41.04 41.12 98.96 0 57.93-41.12 98.96ZM131.92-247.69h480v-28.93q0-12.53-6.27-22.3-6.26-9.77-19.88-17.08-49.38-25.46-101.69-38.58-52.31-13.11-112.16-13.11-59.84 0-112.15 13.11-52.31 13.12-101.69 38.58-13.62 7.31-19.89 17.08-6.27 9.77-6.27 22.3v28.93Zm296.5-328.12q23.5-23.5 23.5-56.5t-23.5-56.5q-23.5-23.5-56.5-23.5t-56.5 23.5q-23.5 23.5-23.5 56.5t23.5 56.5q23.5 23.5 56.5 23.5t56.5-23.5Zm-56.5 328.12Zm0-384.62Z'/%3e%3c/svg%3e",
+  shieldPerson: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M387.62-487.62Q350-525.23 350-580q0-54.77 37.62-92.38Q425.23-710 480-710q54.77 0 92.38 37.62Q610-634.77 610-580q0 54.77-37.62 92.38Q534.77-450 480-450q-54.77 0-92.38-37.62Zm142.3-42.46Q550-550.15 550-580t-20.08-49.92Q509.85-650 480-650t-49.92 20.08Q410-609.85 410-580t20.08 49.92Q450.15-510 480-510t49.92-20.08ZM480-100.77q-129.77-35.39-214.88-152.77Q180-370.92 180-516v-230.15l300-112.31 300 112.31V-516q0 145.08-85.12 262.46Q609.77-136.16 480-100.77Zm0-378.85Zm0-315L240-705v189q0 57.08 16.35 110.39 16.34 53.3 45.42 99.46 40.46-20.62 84.73-32.23Q430.77-350 480-350t93.5 11.62q44.27 11.61 84.73 32.23 29.08-46.16 45.42-99.46Q720-458.92 720-516v-189l-240-89.62Zm-74.42 513q-35.73 8.39-67.5 23.54 29.77 33.08 65.5 57.2Q439.31-176.77 480-164q40.69-12.77 76.23-36.88 35.54-24.12 65.31-57.2-31.77-15.15-67.31-23.54Q518.69-290 480-290q-38.69 0-74.42 8.38Z'/%3e%3c/svg%3e",
   settings: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m387.69-100-15.23-121.85q-16.07-5.38-32.96-15.07-16.88-9.7-30.19-20.77L196.46-210l-92.3-160 97.61-73.77q-1.38-8.92-1.96-17.92-.58-9-.58-17.93 0-8.53.58-17.34t1.96-19.27L104.16-590l92.3-159.23 112.46 47.31q14.47-11.46 30.89-20.96t32.27-15.27L387.69-860h184.62l15.23 122.23q18 6.54 32.57 15.27 14.58 8.73 29.43 20.58l114-47.31L855.84-590l-99.15 74.92q2.15 9.69 2.35 18.12.19 8.42.19 16.96 0 8.15-.39 16.58-.38 8.42-2.76 19.27L854.46-370l-92.31 160-112.61-48.08q-14.85 11.85-30.31 20.96-15.46 9.12-31.69 14.89L572.31-100H387.69ZM440-160h78.62L533-267.15q30.62-8 55.96-22.73 25.35-14.74 48.89-37.89L737.23-286l39.39-68-86.77-65.38q5-15.54 6.8-30.47 1.81-14.92 1.81-30.15 0-15.62-1.81-30.15-1.8-14.54-6.8-29.7L777.38-606 738-674l-100.54 42.38q-20.08-21.46-48.11-37.92-28.04-16.46-56.73-23.31L520-800h-79.38l-13.24 106.77q-30.61 7.23-56.53 22.15-25.93 14.93-49.47 38.46L222-674l-39.38 68L269-541.62q-5 14.24-7 29.62t-2 32.38q0 15.62 2 30.62 2 15 6.62 29.62l-86 65.38L222-286l99-42q22.77 23.38 48.69 38.31 25.93 14.92 57.31 22.92L440-160Zm40.46-200q49.92 0 84.96-35.04 35.04-35.04 35.04-84.96 0-49.92-35.04-84.96Q530.38-600 480.46-600q-50.54 0-85.27 35.04T360.46-480q0 49.92 34.73 84.96Q429.92-360 480.46-360ZM480-480Z'/%3e%3c/svg%3e",
   notification: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M180-204.62v-59.99h72.31v-298.47q0-80.69 49.81-142.69 49.8-62 127.88-79.31V-810q0-20.83 14.57-35.42Q459.14-860 479.95-860q20.82 0 35.43 14.58Q530-830.83 530-810v24.92q78.08 17.31 127.88 79.31 49.81 62 49.81 142.69v298.47H780v59.99H180Zm300-293.07Zm-.07 405.38q-29.85 0-51.04-21.24-21.2-21.24-21.2-51.07h144.62q0 29.93-21.26 51.12-21.26 21.19-51.12 21.19Zm-167.62-172.3h335.38v-298.47q0-69.46-49.11-118.57-49.12-49.12-118.58-49.12-69.46 0-118.58 49.12-49.11 49.11-49.11 118.57v298.47Z'/%3e%3c/svg%3e",
   favorite: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m480-146.93-44.15-39.69q-99.46-90.23-164.5-155.07-65.04-64.85-103.08-115.43-38.04-50.57-53.15-92.27Q100-591.08 100-634q0-85.15 57.42-142.58Q214.85-834 300-834q52.38 0 99 24.5t81 70.27q34.38-45.77 81-70.27 46.62-24.5 99-24.5 85.15 0 142.58 57.42Q860-719.15 860-634q0 42.92-15.12 84.61-15.11 41.7-53.15 92.27-38.04 50.58-102.89 115.43Q624-276.85 524.15-186.62L480-146.93Zm0-81.07q96-86.38 158-148.08 62-61.69 98-107.19t50-80.81q14-35.3 14-69.92 0-60-40-100t-100-40q-47.38 0-87.58 26.88-40.19 26.89-63.65 74.81h-57.54q-23.85-48.31-63.85-75Q347.38-774 300-774q-59.62 0-99.81 40Q160-694 160-634q0 34.62 14 69.92 14 35.31 50 80.81t98 107q62 61.5 158 148.27Zm0-273Z'/%3e%3c/svg%3e",
   help: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M508.5-267.21q11.81-11.83 11.81-28.97 0-17.13-11.83-28.94-11.83-11.8-28.96-11.8-17.13 0-28.94 11.83-11.81 11.83-11.81 28.96 0 17.13 11.83 28.94 11.83 11.8 28.96 11.8 17.13 0 28.94-11.82Zm-57.27-131.41h56.31q.77-29.53 8.65-47.19 7.89-17.65 38.27-46.8 26.39-26.39 40.42-48.74 14.04-22.34 14.04-52.77 0-51.65-37.11-80.69-37.12-29.03-87.81-29.03-50.08 0-82.88 26.73-32.81 26.73-46.81 62.96l51.38 20.61q7.31-19.92 25-38.81 17.69-18.88 52.54-18.88 35.46 0 52.42 19.42 16.97 19.43 16.97 42.73 0 20.39-11.62 37.31-11.61 16.92-29.61 32.69-39.39 35.54-49.77 56.7-10.39 21.15-10.39 63.76ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100Zm-.07-60q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z'/%3e%3c/svg%3e",
   calendar: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M212.31-100Q182-100 161-121q-21-21-21-51.31v-535.38Q140-738 161-759q21-21 51.31-21h55.38v-84.61h61.54V-780h303.08v-84.61h60V-780h55.38Q778-780 799-759q21 21 21 51.31v535.38Q820-142 799-121q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-375.38H200v375.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85ZM200-607.69h560v-100q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v100Zm0 0V-720v112.31Zm280 210.77q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35Zm-185.04-10.35q-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35t-25.04-10.35ZM640-396.92q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.04 0-14.69 10.34-25.04 10.35-10.34 25.04-10.34t25.04 10.34q10.34 10.35 10.34 25.04 0 14.7-10.34 25.04-10.35 10.35-25.04 10.35ZM480-240q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q494.69-240 480-240Zm-185.04-10.35q-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q334.69-240 320-240t-25.04-10.35ZM640-240q-14.69 0-25.04-10.35-10.34-10.34-10.34-25.03 0-14.7 10.34-25.04 10.35-10.35 25.04-10.35t25.04 10.35q10.34 10.34 10.34 25.04 0 14.69-10.34 25.03Q654.69-240 640-240Z'/%3e%3c/svg%3e",
+  clock: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m618.92-298.92 42.16-42.16L510-492.16V-680h-60v212.15l168.92 168.93ZM480.07-100q-78.84 0-148.21-29.92t-120.68-81.21q-51.31-51.29-81.25-120.63Q100-401.1 100-479.93q0-78.84 29.92-148.21t81.21-120.68q51.29-51.31 120.63-81.25Q401.1-860 479.93-860q78.84 0 148.21 29.92t120.68 81.21q51.31 51.29 81.25 120.63Q860-558.9 860-480.07q0 78.84-29.92 148.21t-81.21 120.68q-51.29 51.31-120.63 81.25Q558.9-100 480.07-100ZM480-480Zm0 320q133 0 226.5-93.5T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 133 93.5 226.5T480-160Z'/%3e%3c/svg%3e",
+  mail: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M172.31-180Q142-180 121-201q-21-21-21-51.31v-455.38Q100-738 121-759q21-21 51.31-21h615.38Q818-780 839-759q21 21 21 51.31v455.38Q860-222 839-201q-21 21-51.31 21H172.31ZM480-457.69 160-662.31v410q0 5.39 3.46 8.85t8.85 3.46h615.38q5.39 0 8.85-3.46t3.46-8.85v-410L480-457.69Zm0-62.31 313.85-200h-627.7L480-520ZM160-662.31V-720v467.69q0 5.39 3.46 8.85t8.85 3.46H160v-422.31Z'/%3e%3c/svg%3e",
+  chat: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M250-410h300v-60H250v60Zm0-120h460v-60H250v60Zm0-120h460v-60H250v60ZM100-118.46v-669.23Q100-818 121-839q21-21 51.31-21h615.38Q818-860 839-839q21 21 21 51.31v455.38Q860-302 839-281q-21 21-51.31 21H241.54L100-118.46ZM216-320h571.69q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-455.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H172.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v523.08L216-320Zm-56 0v-480 480Z'/%3e%3c/svg%3e",
+  image: "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-21h535.38Q778-820 799-799q21 21 21 51.31v535.38Q820-182 799-161q-21 21-51.31 21H212.31Zm0-60h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-535.38q0-4.62-3.85-8.46-3.84-3.85-8.46-3.85H212.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.85ZM270-290h423.07L561.54-465.38 449.23-319.23l-80-102.31L270-290Zm-70 90v-560 560Z'/%3e%3c/svg%3e",
+  document: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M330-250h300v-60H330v60Zm0-160h300v-60H330v60Zm-77.69 310Q222-100 201-121q-21-21-21-51.31v-615.38Q180-818 201-839q21-21 51.31-21H570l210 210v477.69Q780-142 759-121q-21 21-51.31 21H252.31ZM540-620v-180H252.31q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v615.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h455.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46V-620H540ZM240-800v180-180V-160v-640Z'/%3e%3c/svg%3e",
+  payment: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M550-451.54q-41.92 0-70.96-29.04Q450-509.62 450-551.54q0-41.92 29.04-70.96 29.04-29.04 70.96-29.04 41.92 0 70.96 29.04Q650-593.46 650-551.54q0 41.92-29.04 70.96-29.04 29.04-70.96 29.04ZM286.15-327.69q-29.82 0-51.06-21.24-21.24-21.24-21.24-51.07v-303.08q0-29.82 21.24-51.06 21.24-21.24 51.06-21.24h527.69q29.83 0 51.07 21.24 21.24 21.24 21.24 51.06V-400q0 29.83-21.24 51.07-21.24 21.24-51.07 21.24H286.15Zm60-60h407.7q0-29.92 21.24-51.12Q796.33-460 826.15-460v-183.08q-29.92 0-51.11-21.24-21.19-21.24-21.19-51.06h-407.7q0 29.92-21.24 51.11-21.24 21.19-51.06 21.19V-460q29.92 0 51.11 21.24 21.19 21.24 21.19 51.07Zm420.77 200H146.16q-29.83 0-51.07-21.24Q73.85-230.17 73.85-260v-396.15h60V-260q0 4.61 3.84 8.46 3.85 3.85 8.47 3.85h620.76v60Zm-480.77-200h-12.3V-715.38h12.3q-5 0-8.65 3.65-3.65 3.65-3.65 8.65V-400q0 5 3.65 8.65 3.65 3.66 8.65 3.66Z'/%3e%3c/svg%3e",
+  bank: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M230-280v-300h60v300h-60Zm220 0v-300h60v300h-60ZM110.77-140v-60h738.46v60H110.77ZM670-280v-300h60v300h-60ZM110.77-660v-56.92L480-897.69l369.23 180.77V-660H110.77Zm141.84-60h454.78-454.78Zm0 0h454.78L480-830 252.61-720Z'/%3e%3c/svg%3e",
+  trendingUp: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M142.15-258.08 100-300.23l274.08-276.08 160 160 224.54-221.77H640v-60h220v220h-60v-117.84L534.08-330l-160-160-231.93 231.92Z'/%3e%3c/svg%3e",
+  extension: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M208.85-197.69h504.61q3.85 0 6.35-2.69 2.5-2.7 2.5-6.54v-176.31l36.92-15.85q18.31-6.84 29.54-23.53Q800-439.31 800-461.15q0-21.62-11.23-38.43t-29.54-24.04l-36.92-15.23v-176.53q0-4.24-2.5-6.74t-6.35-2.5H534.92l-7.3-51.07q-3.77-25.85-22.39-43.92-18.61-18.08-44.08-18.08-26.07 0-44.69 18.08-18.61 18.07-22.38 43.92l-7.31 51.07H208.46q-3.46 0-5.96 2.5t-2.5 6.74V-624q51.77 17.15 84.15 62.04 32.39 44.88 32.39 100.81 0 57.3-32.19 102.19-32.2 44.88-84.35 61.27v90.77q0 3.84 2.5 6.54 2.5 2.69 6.35 2.69Zm0 60q-29 0-48.93-20.12Q140-177.92 140-206.92V-347q48-1.54 82.27-33.58 34.27-32.04 34.27-80.57 0-45.62-34.46-78.12-34.46-32.5-82.08-36.42v-139.69q0-28.77 20.04-49t48.42-20.23h126.23q6.62-47.93 42.16-80.5 35.54-32.58 84.3-32.58 48.16 0 83.7 32.58 35.53 32.57 42.76 80.5h125.85q28.39 0 48.62 20.23 20.23 20.23 20.23 49v136.69q34.84 14.15 56.27 46.23Q860-500.38 860-461.15q0 39.07-21.42 70.96-21.43 31.88-56.27 46.57v136.7q0 29-20.23 49.11-20.23 20.12-48.62 20.12H208.85ZM500-461.15Z'/%3e%3c/svg%3e",
+  webhook: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M280-130q-78.77 0-134.38-55.62Q90-241.23 90-320q0-66.08 39.54-116.35 39.54-50.26 100.46-66.19v63q-35 14.31-57.5 46.85T150-320q0 53.85 38.08 91.92Q226.15-190 280-190t91.92-38.08Q410-266.15 410-320v-30h225.38q6.85-10.92 18.54-17.77 11.7-6.84 26.08-6.84 22.69 0 38.65 15.96 15.96 15.96 15.96 38.65 0 22.69-15.96 38.65-15.96 15.96-38.65 15.96-14.77 0-26.27-6.65T635.38-290H467.54q-11.69 71.31-65.04 115.65Q349.15-130 280-130Zm400 0q-49.08 0-89.96-22.89-40.88-22.88-67.27-61.72h81.61q15.16 11.53 34.85 18.07Q658.92-190 680-190q53.85 0 91.92-38.08Q810-266.15 810-320t-38.08-91.92Q733.85-450 680-450q-18.85 0-34.88 4.73-16.04 4.73-30.66 13.81l-117-194.93q-21-.53-36.54-15.57Q445.39-657 445.39-680q0-22.69 15.96-38.65 15.96-15.96 38.65-15.96 22.69 0 38.65 15.96 15.96 15.96 15.96 38.65 0 6.15-1.15 11.38-1.15 5.24-4.31 10.24L640-505.85q9.15-2 19.12-3.07Q669.08-510 680-510q78.77 0 134.38 55.62Q870-398.77 870-320t-55.62 134.38Q758.77-130 680-130ZM280-265.39q-22.69 0-38.65-15.96-15.96-15.96-15.96-38.65 0-21.23 14.57-36.85 14.58-15.61 36.89-16.76l98.23-163.31q-31.31-26.62-48.19-63.73Q310-637.77 310-680q0-78.77 55.62-134.38Q421.23-870 500-870t134.38 55.62Q690-758.77 690-680h-60q0-53.85-38.08-91.92Q553.85-810 500-810t-91.92 38.08Q370-733.85 370-680q0 42.62 24.08 75.5 24.07 32.88 63.3 46.89L328.54-342.62q3.15 5.39 4.61 10.93 1.46 5.54 1.46 11.69 0 22.69-15.96 38.65-15.96 15.96-38.65 15.96Z'/%3e%3c/svg%3e",
+  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",
@@ -11233,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,
@@ -11378,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",
@@ -11425,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",
@@ -11728,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 }) => ({
@@ -11751,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",
@@ -11860,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");
@@ -11905,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`,
@@ -11961,7 +13256,7 @@ ${recordLiteral(shadows, "  ")}
       "const components = (colors: Colors): ComponentThemes => ({});",
       "",
       "/**",
-      " * Icon primitives, merged over the built-in 34-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.",
@@ -12142,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 ? `
@@ -12196,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 34 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",
@@ -12241,11 +13752,19 @@ function formatIconTokens(icons) {
   out.push(`# Icon tokens \u2014 ${encoded.length} of ${icons.length} encoded`);
   out.push("");
   if (encoded.length) {
+    out.push("## First: are any of these already built in?");
+    out.push("");
+    out.push("Every theme ships these icons. If a glyph below *depicts* one of them, do not");
+    out.push('add a token \u2014 delete the inline `<svg>` and use `<uni-icon name="\u2026" />` with the');
+    out.push("built-in name. Only genuinely app-specific artwork belongs in `icons`.");
+    out.push("");
+    out.push(`> ${Object.keys(BaseIcons).join(", ")}`);
+    out.push("");
     out.push("## Add to `uni-theme.ts`");
     out.push("");
-    out.push("Merge these into the `icons` const. They are merged over the built-in set per");
-    out.push('name, then rendered anywhere with `<uni-icon name="\u2026" />` \u2014 delete the inline');
-    out.push("`<svg>` from the component.");
+    out.push("Merge whatever survives that check into the `icons` const. They are merged over");
+    out.push('the built-in set per name, then rendered anywhere with `<uni-icon name="\u2026" />` \u2014');
+    out.push("delete the inline `<svg>` from the component.");
     out.push("");
     out.push("```ts");
     out.push("const icons: Icons = {");
@@ -12294,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.`
@@ -12308,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(
@@ -12417,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",
     {
@@ -12588,6 +14256,8 @@ function registerResources(server) {
 
 export {
   meta,
+  listRuntimeThemes,
+  buildStoredTheme,
   createUniServer
 };
-//# sourceMappingURL=chunk-252ZWTTU.js.map
+//# sourceMappingURL=chunk-GT3T5DVX.js.map