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

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

@@ -7,16 +7,16 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "6.0.0",
-    builtAt: "2026-07-24T13:32:56.708Z",
+    version: "7.0.0",
+    builtAt: "2026-07-29T15:41:45.453Z",
     frameworks: [
       "angular"
     ],
     counts: {
-      components: 70,
-      tokens: 296,
+      components: 71,
+      tokens: 305,
       themes: 2,
-      examples: 132
+      examples: 133
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -82,7 +82,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The Alert is used to communicate a state that affects a system, feature or page.\nFor instance, alerts can be used to display errors or any unexpected results from a user's action.",
         dos: [],
         donts: [],
         accessibility: []
@@ -101,7 +101,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -141,10 +141,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Horizontal application bar for the top of a page or section. Project controls with the\n`leading` attribute (menu button, logo) and actions with `trailing` (pushed to the far\nedge); pass `title` or project your own center content. Surface color, height, the\ndivider rule, title typography and spacing all resolve from the theme's `appBar`\noptions, and `sticky` pins the bar to the top of its scroll container.\nPlace it inside your page's `<header>` landmark. It pairs with the Drawer \u2014 see the\nDrawer docs for the full dashboard-shell recipe.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "The bar is a styled container, not a landmark \u2014 place it inside your page's `<header>` element.",
+          "Give leading/trailing icon buttons text content or `ariaLabel` so they announce."
+        ]
       },
       relatedTokens: []
     },
@@ -155,7 +158,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -213,10 +216,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Identity avatar with a graceful fallback chain: the image when it loads, initials\nderived from `name` when it doesn't (or was never given), and a themed symbol as the\nlast resort. The name doubles as the accessible label; avatars with no name are marked\ndecorative automatically.\nVariants color initials from the role's container tokens, so avatars follow the brand\npalette in light and dark. The corner radius is the theme's `avatar.options.borderRadius`\ntoken \u2014 circles by default, squares under a `sharp` shape language.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          'With a `name`, the avatar is `role="img"` labelled by that name; purely decorative avatars are `aria-hidden`.',
+          'The group is a `role="group"`; the "+N" chip reads as text.'
+        ]
       },
       relatedTokens: [
         "avatar.behavior.borderRadius",
@@ -231,7 +237,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -264,7 +270,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -327,10 +333,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The Background component is a flexible container that allows you to add and control background images in your application.\nIt provides various options for positioning and sizing the background image while maintaining a clean and responsive layout.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Ensure any text overlaid on the background has sufficient contrast",
+          "Don't rely on background images to convey important information",
+          "Consider providing alternative visual styles for users who prefer reduced motion"
+        ]
       },
       relatedTokens: []
     },
@@ -341,7 +351,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -406,7 +416,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Badges are used to highlight an item's status for quick recognition.",
         dos: [],
         donts: [],
         accessibility: []
@@ -422,7 +432,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -446,7 +456,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -795,7 +805,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Box is the base Layout component. It is highly configurable.\nEach layout component extends the Box component while providing presets to support their application.",
         dos: [],
         donts: [],
         accessibility: []
@@ -809,7 +819,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -853,10 +863,15 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Breadcrumbs show where the current page sits in the hierarchy and give one-click\npassage back up the trail. The component renders the WAI-ARIA pattern: a labelled\n`nav` landmark wrapping an ordered list, with the last item marked as the current page\nand separators hidden from assistive tech.\nItems with `href` render as real links. For SPA routing, omit `href` and handle\n`itemClicked` \u2014 items render as link-styled buttons instead. Typography, link and\ncurrent-page colors, the separator symbol, and spacing all resolve from the theme's\n`breadcrumb` options.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Renders the WAI-ARIA pattern: a labelled `nav` landmark wrapping an ordered list.",
+          'The last item is `aria-current="page"` and not a link.',
+          "Separators are `aria-hidden` \u2014 screen readers hear the trail, not the chevrons.",
+          "Set `ariaLabel` when a page has more than one breadcrumb nav."
+        ]
       },
       relatedTokens: [
         "breadcrumb.behavior.typeface",
@@ -873,7 +888,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -996,10 +1011,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Button is a clickable interactive element that triggers a response.\nYou can place text and icons inside of a button.\nButtons are often used for form submissions and to toggle elements into view.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "A real `<button>` element \u2014 native focus, Enter/Space activation, and `disabled` semantics.",
+          "`aria-busy` is set while `loading`; the spinner and symbols are decorative."
+        ]
       },
       relatedTokens: [
         "button.behavior.borderRadius",
@@ -1013,7 +1031,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1029,10 +1047,12 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The `ButtonGroup` component is used to group related buttons. It applies some base styling to the nested buttons.\nIf this is not desirable, consider using the `Row` component.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Group the related actions; each button keeps its own accessible name."
+        ]
       },
       relatedTokens: []
     },
@@ -1043,7 +1063,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1072,7 +1092,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Content container with a themed frame: the border resolves from the **border\nprimitive named by its variant** (`borders.primary` \u2026 `borders.success`), the corner\nradius from the `card` theme options, and an optional elevation shadow. Compose with\nCard Header and Card Content for the standard anatomy \u2014 or point `options.border` at\na custom primitive to restyle every card in the theme at once.",
         dos: [],
         donts: [],
         accessibility: []
@@ -1088,7 +1108,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1112,7 +1132,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1153,7 +1173,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1194,7 +1214,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "`Center` is a layout component that centers its child within itself.\n`Center` is an extension to the `Box` component and has all the `Box` attributes available to it.",
         dos: [],
         donts: [],
         accessibility: []
@@ -1208,7 +1228,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1320,10 +1340,18 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
-        dos: [],
-        donts: [],
-        accessibility: []
+        whenToUse: 'Binary choice control for forms: check to opt in, submit to apply. It implements\n`FormCheckboxControl` for the Signal Forms `[field]` directive (or bind\n`[(checked)]` directly), exposes `aria-invalid` once touched, and supports an\n`indeterminate` model for "select all" parents \u2014 cleared automatically on the next\nuser interaction, matching native behavior.\nThe box color, check stroke (the variant\'s paired on-color), and size resolve from\nthe `checkbox` theme options.',
+        dos: [
+          "Use for choices that apply when the form is submitted"
+        ],
+        donts: [
+          "Use for instant on/off effects \u2014 that is a toggle"
+        ],
+        accessibility: [
+          'Semantic `<input type="checkbox">` + `<label>`; Space toggles.',
+          "`aria-invalid` reflects the error state once the field was touched or is dirty.",
+          'The indeterminate visual state is carried by the native `indeterminate` property, announced as "mixed".'
+        ]
       },
       relatedTokens: [
         "checkbox.behavior.size",
@@ -1337,7 +1365,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1384,7 +1412,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1453,7 +1481,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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.',
         dos: [],
         donts: [],
         accessibility: []
@@ -1467,7 +1495,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1550,10 +1578,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Data grid for structured records: sortable column headers (Sort Header), paging\n(Paginator), field-scoped search (Data Search), row interaction, sticky columns,\nand expandable detail rows \u2014 all themed through the `dataTable` options, which\npoint at shared tokens for surfaces, borders, and typography.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          'Column headers use `scope="col"`; sortable headers are real buttons with `aria-sort` on the `<th>`.',
+          'The loading overlay is a `role="status"` region and the table is `aria-busy` while loading.',
+          "Collapsed detail rows are `inert`, out of the accessibility tree until expanded."
+        ]
       },
       relatedTokens: []
     },
@@ -1564,7 +1596,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1673,10 +1705,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "A themed text input that emits its `change` output only after the user pauses typing\n(400&nbsp;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.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Set `label` \u2014 it becomes the accessible name (`aria-label`) of the inner input.",
+          "The ARIA passthrough inputs (`role`, `ariaExpanded`, `ariaControls`,"
+        ]
       },
       relatedTokens: []
     },
@@ -1687,7 +1722,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1740,10 +1775,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Enhanced modal dialog that extends the native HTML `<dialog>` element with built-in animations, composition components, and accessibility features.\n### Features\n- **Native HTML Dialog**: Built on the standard dialog element with full semantic support\n- **Smooth Animations**: Automatic fade transitions for open/close states\n- **Composition Components**: Optional `DialogHeader` and `DialogButtons` for consistent layouts\n- **Programmatic Control**: Open/close methods plus show property binding\n- **Backdrop Handling**: Click-outside-to-close with customizable behavior\n- **Accessibility**: Full keyboard navigation, focus trapping, and screen reader support",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Focus trapping and keyboard navigation (Tab, Escape, Enter)",
+          "Screen reader announcements",
+          "Semantic dialog roles"
+        ]
       },
       relatedTokens: [
         "dialog.behavior.borderRadius",
@@ -1761,7 +1800,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1779,7 +1818,6 @@ var uni_index_default = {
               kind: "input",
               type: "Variant",
               required: false,
-              default: "'primary'",
               description: ""
             },
             {
@@ -1789,6 +1827,13 @@ var uni_index_default = {
               required: false,
               description: ""
             },
+            {
+              name: "cancelButtonVariant",
+              kind: "input",
+              type: "Variant",
+              required: false,
+              description: ""
+            },
             {
               name: "disableConfirm",
               kind: "input",
@@ -1801,7 +1846,6 @@ var uni_index_default = {
               kind: "input",
               type: "NullableSize",
               required: false,
-              default: "'md'",
               description: ""
             },
             {
@@ -1809,7 +1853,6 @@ var uni_index_default = {
               kind: "input",
               type: "NullableSize",
               required: false,
-              default: "'lg'",
               description: ""
             },
             {
@@ -1817,7 +1860,6 @@ var uni_index_default = {
               kind: "input",
               type: "JustifyContent",
               required: false,
-              default: "'center'",
               description: ""
             },
             {
@@ -1846,7 +1888,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1870,7 +1912,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1912,7 +1954,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Dividers are used to visually separate content in a list or group.",
         dos: [],
         donts: [],
         accessibility: []
@@ -1926,7 +1968,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1958,7 +2000,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2012,10 +2054,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Navigation drawer with two modes sharing one content slot:\n- **`side`** renders an in-flow `<aside>` that pushes page content \u2014 the classic\n  dashboard sidenav. Opening and closing animates its width; a divider border primitive\n  separates it from the content, and it is hidden from assistive tech while closed.\n- **`over`** renders a native `<dialog>` in the top layer: focus trapping, Escape, and\n  the scrim backdrop come from the platform, and the panel slides in from its edge\n  (`position`: `start` or `end`).\n`[(open)]` is two-way; Escape and backdrop clicks keep it in sync. Surface, width,\ndivider, elevation, padding and backdrop all resolve from the theme's `drawer` options.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Overlay mode is a native `<dialog>`: focus is trapped by `showModal()`, Escape closes, and the backdrop click closes \u2014 all kept in sync with `[(open)]`.",
+          'Give the overlay an accessible name via `ariaLabel` (defaults to "Navigation").',
+          "A closed side drawer is `aria-hidden`, so its links leave the accessibility tree."
+        ]
       },
       relatedTokens: [
         "drawer.behavior.color",
@@ -2033,7 +2079,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2122,7 +2168,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2154,17 +2200,18 @@ var uni_index_default = {
 </uni-card>
 <!-- args:
 {
-    collapsed: false,
     ngContent: 'Expandable Content',
   }
 -->`
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Expand is a group of components that can be used in concert to expand/collapse sections of information.\nThe Expand component is transparent in nature and can nest any element to collapse it out of view.\nThe Expand Toggle is an optional convenience element that can be used to trigger the expand/collapse animation.\nIt has been designed to work with the Card Header.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "The toggle carries `aria-expanded` and `aria-controls` for its region (wired automatically inside Expand Area)."
+        ]
       },
       relatedTokens: []
     },
@@ -2175,7 +2222,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2191,9 +2238,9 @@ var uni_index_default = {
             {
               name: "initCollapsed",
               kind: "input",
-              type: "boolean",
+              type: "unknown",
               required: false,
-              default: "false",
+              default: "false, { transform: booleanAttribute }",
               description: ""
             },
             {
@@ -2219,7 +2266,7 @@ var uni_index_default = {
           title: "Primary",
           framework: "angular",
           code: `<!-- Storybook story: Primary -->
-<uni-expand-area title="\${title}" padding="\${padding}" initCollapsed="\${initCollapsed}" #expandArea>
+<uni-expand-area title="\${title}" padding="\${padding}" [initCollapsed]="initCollapsed" #expandArea>
   <button text-button (click)="expandArea.toggleExpand()" size="md" variant="ghost" symbolLeft="collapse_all">Collapse area</button>
 </uni-expand-area>
 <!-- args:
@@ -2232,7 +2279,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The batteries-included collapsible: a themed surface with a header row, an Expand\nToggle, and a content region wired together \u2014 `aria-expanded`/`aria-controls`\nhandled automatically. For custom collapse layouts, compose the lower-level Expand\nand Expand Toggle directly.",
         dos: [],
         donts: [],
         accessibility: []
@@ -2246,7 +2293,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2278,7 +2325,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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.',
         dos: [],
         donts: [],
         accessibility: []
@@ -2292,7 +2339,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2434,10 +2481,12 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The File Drop Zone component is used in uploading files.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          'Without a browse button, the zone itself is `role="button"` with `tabindex="0"` and Enter/Space activation.'
+        ]
       },
       relatedTokens: []
     },
@@ -2448,7 +2497,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2531,7 +2580,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Grid is a layout component used for composing elements in a grid-like pattern.\nLike tables, grid layouts align elements into columns and rows.\nHowever, grids allow for more control when spanning elements across columns and rows.",
         dos: [],
         donts: [],
         accessibility: []
@@ -2545,7 +2594,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2577,7 +2626,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2593,7 +2642,7 @@ var uni_index_default = {
             {
               name: "name",
               kind: "input",
-              type: "keyof Icons",
+              type: "IconName",
               required: true,
               description: ""
             }
@@ -2608,10 +2657,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Icons are decorative (`aria-hidden`) \u2014 the parent control carries the accessible name.",
+          "Icons come from the theme's `icons` map (masked with `currentColor`); unknown names render nothing."
+        ]
       },
       relatedTokens: []
     },
@@ -2622,7 +2674,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2708,10 +2760,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "A square, icon-only button for toolbars, bars, and tight layouts. Renders a real\n`<button>` around a symbol or icon, with ghost as the default variant so it sits\nquietly on any surface. Because there is no visible text, the accessible name comes\nfrom projected (visually hidden) text or `ariaLabel`.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Icon-only buttons need a name: project text (rendered visually hidden) or set `ariaLabel`.",
+          "The icon/symbol itself is decorative (`aria-hidden`)."
+        ]
       },
       relatedTokens: []
     },
@@ -2722,7 +2777,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2834,10 +2889,15 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Single-line text field with the shared input chrome (themed color, border, typeface,\nfocus ring, error state). It implements `FormValueControl<string>`: bind a Signal\nForms field with `[field]`, or drive `[(value)]` directly. Errors style the field\nonly after the user has interacted (touched or dirty), and `required` syncs from\n`required()` validators automatically.\nProject adornments with the `pre-input` / `post-input` slots. For multi-line text\nuse Textarea; for search semantics use Search Input.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "`label` is required and becomes the accessible name (`aria-label`).",
+          "`aria-invalid` reflects the error state once the field was touched or is dirty.",
+          "`aria-required` mirrors the `required` state synced from validators.",
+          "Link external error text with `ariaDescribedBy`."
+        ]
       },
       relatedTokens: [
         "input.behavior.typeFace",
@@ -2862,7 +2922,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2921,7 +2981,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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.",
         dos: [],
         donts: [],
         accessibility: []
@@ -2935,7 +2995,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2991,7 +3051,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The JSON View component provides a simple way to display JSON data in a formatted, readable manner. It renders the JSON in a textarea element, making it easy for users to view and copy the content. The component automatically formats the JSON with proper indentation for better readability.",
         dos: [],
         donts: [],
         accessibility: []
@@ -3005,7 +3065,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3065,10 +3125,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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```",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Full ARIA menu pattern: arrows and Home/End move, first-letter typeahead jumps, Enter/Space activates.",
+          "ArrowDown/ArrowUp on the trigger opens onto the first/last item; focus returns to the trigger on close."
+        ]
       },
       relatedTokens: []
     },
@@ -3079,7 +3142,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3195,7 +3258,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3266,10 +3329,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Inline multiple-choice: every option visible as a toggleable item, selection\nemitted as an array. Reach for it when the option set is small enough to show all\nat once and seeing the full set helps the choice; when space is tight or options\nare many, use Multi Select Dropdown instead.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Options are real checkboxes in a labelled group \u2014 Space toggles, Tab moves between them.",
+          "Selection state is announced per option."
+        ]
       },
       relatedTokens: []
     },
@@ -3280,7 +3346,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3397,10 +3463,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Multiple choice behind a compact trigger: a disclosure popover containing a search\nfield, checkbox options, and a Done action. Implements `FormValueControl` with an\narray value for Signal Forms, and shows a summarized selection in the trigger.\nThe popover surface, radius, and elevation resolve from the\n`multiSelectDropdown` theme options.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          'The trigger is a disclosure (`aria-haspopup="dialog"`, `aria-expanded`); the popover contains native focusables Tab reaches normally.',
+          "The search input is labelled; options are real checkboxes announced with their state.",
+          "Escape closes the popover and returns focus to the trigger."
+        ]
       },
       relatedTokens: []
     },
@@ -3411,7 +3481,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3636,10 +3706,15 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: 'Attention indicator anchored to whatever it wraps \u2014 an icon button, a nav item, an\navatar. Three shapes: `dot` (something is new), `count` (how many), and `pill`\n(counts that need room); `maxCount` caps the display ("99+"). Position it on any\ncorner of the wrapped content.\nRadius and offset resolve from the `notificationBadge` theme options; the badge\nwears the active `variant` color.',
         dos: [],
-        donts: [],
-        accessibility: []
+        donts: [
+          "Convey urgency by color alone \u2014 the count/dot shape carries the signal"
+        ],
+        accessibility: [
+          'The visual badge is hidden from assistive tech; a visually-hidden text announcement carries the meaning ("3 notifications").',
+          "Provide `ariaLabel` context when the wrapped control's purpose isn't obvious from its own name."
+        ]
       },
       relatedTokens: []
     },
@@ -3650,7 +3725,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3674,7 +3749,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3734,10 +3809,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          'A `role="navigation"` landmark; pages are real buttons with `aria-current="page"` on the active one.',
+          "The page-number input is labelled."
+        ]
       },
       relatedTokens: [
         "paginator.behavior.gap",
@@ -3756,7 +3834,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3789,10 +3867,12 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Popover is a non-modal dialog that floats around a trigger.\nAny type of content can be added inside a popover; however, it is most suitable for short callouts or compact actions.\n**Note:** It is important to add the `trigger` attribute to the item you want to open and be referenced to the Popover.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "The trigger carries `aria-expanded` and `aria-controls`; light-dismiss comes from the native popover."
+        ]
       },
       relatedTokens: []
     },
@@ -3803,7 +3883,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3851,10 +3931,12 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The progress bar is a graphical way of representing progress to completion.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          '`role="progressbar"` with `aria-valuenow`/`min`/`max`; name it with `ariaLabel`.'
+        ]
       },
       relatedTokens: []
     },
@@ -3865,7 +3947,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3905,10 +3987,12 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The progress gauge is a graphical way of representing progress to completion as well as scoring or ranking.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          '`role="progressbar"` with `aria-valuenow`/`min`/`max`; name it with `ariaLabel`. The SVG is decorative.'
+        ]
       },
       relatedTokens: []
     },
@@ -3919,7 +4003,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4044,10 +4128,18 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
-        dos: [],
-        donts: [],
-        accessibility: []
+        whenToUse: "Single choice among a small set of visible options. The component renders the whole\ngroup from an `options` array (`{ label, value, disabled? }`), implements\n`FormValueControl<string>` for Signal Forms, and defaults each group to a unique\n`name` so multiple groups on a page never collide.\nRing, fill, and size resolve from the `radio` theme options; the selected dot wears\nthe active `variant` color.",
+        dos: [
+          "Use for 2\u20135 mutually exclusive options that should all be visible"
+        ],
+        donts: [
+          "Use for long option lists \u2014 that is a select"
+        ],
+        accessibility: [
+          '`role="radiogroup"` labelled by the group label via `aria-labelledby`.',
+          "Native radio inputs: arrow keys move selection within the group, Tab moves out.",
+          "`aria-invalid` reflects the error state once the group was touched or is dirty."
+        ]
       },
       relatedTokens: [
         "radio.behavior.size",
@@ -4062,7 +4154,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4086,7 +4178,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4127,7 +4219,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "`Row` is a layout component used to group elements in a horizontal arrangement and applies a uniform space between them.\n`Row` is an extension to the `Box` component and has all the `Box` attributes available to it.",
         dos: [],
         donts: [],
         accessibility: []
@@ -4141,7 +4233,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4274,7 +4366,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "A scroll container with themed, consistent scrollbars across browsers \u2014 thin\nEmotion-styled WebKit scrollbars with a `scrollbar-width`/`scrollbar-color`\nfallback. It detects scrollable state via ResizeObserver (the `scrollable` output)\nand offers `scrollToTop`/`scrollToBottom` for programmatic control.",
         dos: [],
         donts: [],
         accessibility: []
@@ -4288,7 +4380,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4381,10 +4473,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Generic search field wearing the shared input chrome: a decorative leading magnifier,\na clear button while there's a query, and Enter to submit (`search`). `change` emits\ndebounced as the user types \u2014 use it to refresh results or the `suggestions` input.\nWith `suggestions`, the field becomes an ARIA combobox: entries render in a listbox\nunder the field, ArrowUp/Down move the highlight, Enter selects (emitting both\n`suggestionSelected` and `search`), and Escape closes the list first, then clears the\nquery. The suggestion list's surface, elevation and radius resolve from the theme's\n`searchInput` options, alongside the search/clear symbols.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "The field is an ARIA combobox: `aria-expanded`, `aria-controls`, and `aria-activedescendant` track the suggestion listbox.",
+          "ArrowUp/ArrowDown move the active option, Enter selects, Escape closes the list first and clears the query second.",
+          'The magnifier is decorative; the clear button has an accessible name ("Clear search").'
+        ]
       },
       relatedTokens: []
     },
@@ -4395,7 +4491,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4514,10 +4610,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Single choice from a list, on a native `<select>` \u2014 platform pickers on mobile,\nplatform keyboard behavior everywhere. Options are typed generically\n(`options: T[]` with `optionLabel`/`optionValue` accessors), and the component\nimplements `FormValueControl` for the Signal Forms `[field]` directive. Errors\nstyle the field only after interaction, matching Input.\nFor choosing several, use Multi Select; for type-to-filter over large sets, use\nSearch Input's type-ahead.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Native `<select>`: platform keyboard interaction and mobile pickers for free.",
+          "`label` becomes the accessible name; `aria-invalid` reflects the touched error state."
+        ]
       },
       relatedTokens: []
     },
@@ -4528,7 +4627,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4598,10 +4697,15 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Loading placeholder that sketches the shape of incoming content: `text` renders one or\nmore lines (ending on a short line, as real copy would), `rect` stands in for media and\ncharts, `circle` for avatars. Skeletons paint with the theme's surface tokens so they\nsit naturally on any brand in both modes, and the shimmer sweep only animates for users\nwho allow motion \u2014 under `prefers-reduced-motion` it degrades to calm static blocks.\nSkeletons are `aria-hidden`; announce loading on the container (e.g. `aria-busy`)\nwhere your app knows what is actually loading.",
         dos: [],
-        donts: [],
-        accessibility: []
+        donts: [
+          "Announce individual skeletons to assistive tech \u2014 they are decorative placeholders"
+        ],
+        accessibility: [
+          "Skeletons are `aria-hidden` \u2014 announce loading on the container (e.g. `aria-busy`) where your app knows what is loading.",
+          "The shimmer respects `prefers-reduced-motion`, degrading to static blocks."
+        ]
       },
       relatedTokens: [
         "skeleton.behavior.color",
@@ -4619,7 +4723,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4732,10 +4836,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: 'Range slider for picking a number within bounds. It renders a native\n`<input type="range">`, so keyboard interaction (arrows, Home/End, Page Up/Down) and\nthe ARIA slider contract come from the platform. The same Signal Forms contract as\nInput applies \u2014 bind with the `[field]` directive or drive `[(value)]` directly.\nFill and thumb color, track color, radii and geometry resolve from the theme\'s\n`slider` options; the fill level rides a CSS custom property, so dragging never\nregenerates styles.',
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          'Native `<input type="range">`: arrows, Home/End, and Page Up/Down come from the platform, and the ARIA slider contract (valuenow/min/max) is native.',
+          "`label` is required and becomes the accessible name.",
+          "Expose the current value textually nearby and link it with `ariaDescribedBy` when the number matters."
+        ]
       },
       relatedTokens: [
         "slider.behavior.color",
@@ -4752,7 +4860,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4826,7 +4934,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The Snackbar component is used to give feedback to users after an action has taken place.\nIt appears near the bottom center of the screen temporarily and floats above the UI to not affect the application's layout.\nA side action can be defined (e.g. undoing a process or navigating to the details of a newly created record).",
         dos: [],
         donts: [],
         accessibility: []
@@ -4844,7 +4952,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4889,7 +4997,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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`.",
         dos: [],
         donts: [],
         accessibility: []
@@ -4903,7 +5011,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4944,7 +5052,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "`Stack` is a layout component used to group elements in a vertical arrangement and applies a uniform space between them.\n`Stack` is an extension to the `Box` component and has all the `Box` attributes available to it.",
         dos: [],
         donts: [],
         accessibility: []
@@ -4958,7 +5066,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5029,10 +5137,15 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: 'The KPI tile a dashboard leads with: a muted label, a large headline value (numbers\nauto-compact \u2014 `48234` renders "48.2K"), an optional signed delta, and an optional\ndecorative sparkline.\nThe delta\'s color is decided by **direction \xD7 whether up is good**, never direction\nalone \u2014 set `upIsGood` to `false` for measures like churn, errors, or cost, and a\nfalling number correctly reads as good news. The arrow is accompanied by\nscreen-reader text ("up"/"down"), so state never relies on color alone, and `caption`\nnames the comparison period.\nFrame (surface, border primitive, radius), typography (the type scale\'s `stat` role\nfor values), delta inks (the semantic `success`/`error`), and sparkline colors all\nresolve from the theme\'s `stat` options.',
         dos: [],
-        donts: [],
-        accessibility: []
+        donts: [
+          "Rely on delta color alone \u2014 the arrow + wording carry direction for everyone"
+        ],
+        accessibility: [
+          'The delta arrow is decorative; screen readers hear "up"/"down" in words instead.',
+          "The sparkline is `aria-hidden` \u2014 the value and delta carry the information."
+        ]
       },
       relatedTokens: [
         "stat.behavior.labelTypeface",
@@ -5055,7 +5168,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5107,10 +5220,12 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "The Symbol Component integrates the latest [Material Symbols](https://fonts.google.com/icons?icon.platform=web&icon.style=Rounded&icon.set=Material+Symbols&query=les).\nMaterial Symbols consolidates over 3,275 glyphs (icons) in a single font file with a wide range of design variants.\nSymbols are available in three styles and four adjustable variable font styles (fill, weight, grade, and optical size).",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "Symbols are decorative (`aria-hidden`) \u2014 the parent control carries the accessible name."
+        ]
       },
       relatedTokens: [
         "symbol.behavior.fill",
@@ -5126,7 +5241,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5166,7 +5281,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5196,10 +5311,20 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
-        dos: [],
-        donts: [],
-        accessibility: []
+        whenToUse: "Tabs organize peer views behind a single switcher. Each `uni-tab` supplies a label and\nits panel content; only the selected panel is instantiated, so heavy tab content costs\nnothing until visited.\nThe default tokens render underline tabs; a theme that sets `borderRadius: 'max'` and\nan `activeColor` gets segmented pills without any component changes.",
+        dos: [
+          "Use for peer views of the same subject (details, activity, settings)",
+          "Keep labels to one or two words"
+        ],
+        donts: [
+          "Nest tabs inside tabs",
+          "Use tabs for sequential steps \u2014 that is a stepper"
+        ],
+        accessibility: [
+          "Full WAI-ARIA tabs pattern: `tablist`/`tab`/`tabpanel` roles with wired",
+          "Arrow keys move between tabs with selection following focus, wrapping at the ends;",
+          "Roving tabindex: only the selected tab sits in the tab order; the panel itself is"
+        ]
       },
       relatedTokens: [
         "tabs.behavior.typeface",
@@ -5220,7 +5345,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5273,7 +5398,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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: []
@@ -5287,7 +5412,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5368,10 +5493,17 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
-        dos: [],
-        donts: [],
-        accessibility: []
+        whenToUse: 'The typography primitive, applied as an **attribute on any element** so your HTML\nsemantics stay intact. The attribute value is the typeface \u2014\n`<h1 uni-text="display-small">` \u2014 and `[uni-text]="role()"` binds it dynamically.\nWith no value, the typeface is inferred from the host element (`h1` \u2192\n`headline-large`, `p` \u2192 `body-1-long`, `small` \u2192 `caption`, `blockquote` \u2192 `quote`,\nfalling back to `title-small`), so plain semantic markup is correctly set with zero\nconfiguration. `color` takes any theme color token; `align`, `nowrap`, `maxWidth`,\nand `ellipsis` handle common text layout.',
+        dos: [
+          "Reach for semantic elements first and let the element-aware defaults set the type"
+        ],
+        donts: [
+          'Use `span uni-text="headline-large"` where a real heading belongs'
+        ],
+        accessibility: [
+          "Text never replaces your elements \u2014 headings stay `h1`\u2013`h6`, paragraphs stay `p`,",
+          "Type is styling only: pick the element for meaning, the typeface for appearance"
+        ]
       },
       relatedTokens: []
     },
@@ -5382,7 +5514,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5492,10 +5624,13 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Multi-line text field with the same Signal Forms contract as Input \u2014 use it anywhere\nfree-form text runs past one line (comments, descriptions, feedback). It shares Input's\nthemed chrome (color, border, error state, focus outline, typeface) and adds\ntextarea-specific behavior from the theme's `textarea` options: default `rows` and the\nCSS `resize` mode. Bind it to a form with the `[field]` directive, or drive `[(value)]`\ndirectly.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          "`label` is required and becomes the accessible name (`aria-label`).",
+          "Error state is exposed as `aria-invalid` once the field was touched or is dirty; wire your error text with `ariaDescribedBy`."
+        ]
       },
       relatedTokens: [
         "textarea.behavior.rows",
@@ -5509,7 +5644,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5532,6 +5667,64 @@ var uni_index_default = {
       },
       relatedTokens: []
     },
+    {
+      id: "theme-switch",
+      name: "ThemeSwitch",
+      status: "stable",
+      summary: "",
+      description: "",
+      category: "components",
+      version: "7.0.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-theme-switch",
+          api: [
+            {
+              name: "ariaLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Theme'",
+              description: "Accessible name for the underlying select."
+            },
+            {
+              name: "themeChanged",
+              kind: "output",
+              type: "ThemeName",
+              required: false,
+              description: "Emits the selected theme key after it has been applied."
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Primary",
+          framework: "angular",
+          code: '<!-- Storybook story: Primary -->\n<div stack-layout gap="md" [width]="420">\n<uni-theme-switch></uni-theme-switch>\n<uni-card>\n  <uni-card-header>Live preview</uni-card-header>\n  <uni-card-content>\n    <div stack-layout gap="md">\n      <span uni-text typeface="body-2-long">\n        Pick a theme above \u2014 every registered theme (UNI_THEMES) restyles\n        this card and these buttons instantly.\n      </span>\n      <div row-layout gap="sm">\n        <button text-button variant="primary">Primary</button>\n        <button text-button variant="secondary">Secondary</button>\n        <button text-button variant="warn">Danger</button>\n      </div>\n    </div>\n  </uni-card-content>\n</uni-card>\n</div>\n<!-- args:\n{}\n-->'
+        }
+      ],
+      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.",
+          '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 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."
+        ],
+        accessibility: [
+          "Built on a native `<select>` (via `uni-select`), so keyboard and screen-reader interaction come from the platform.",
+          'Exposes `ariaLabel` (default "Theme") as the accessible name for the control.',
+          "Theme changes restyle in place without moving focus or reloading, so context is preserved for assistive tech."
+        ]
+      },
+      relatedTokens: []
+    },
     {
       id: "toggle",
       name: "Toggle",
@@ -5539,7 +5732,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5643,10 +5836,18 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
-        dos: [],
-        donts: [],
-        accessibility: []
+        whenToUse: "A switch-style control for turning an option on or off with immediate effect \u2014\nprefer it over a checkbox when the change applies instantly (settings, feature\nswitches) rather than as part of a submitted form. It implements\n`FormCheckboxControl`, so it binds with the Signal Forms `[field]` directive or a\ndirect `[(checked)]` model.\nTrack, knob, and size resolve from the `toggle` theme options; the checked state\nwears the active `variant` color.",
+        dos: [
+          "Use for instant on/off effects (settings, feature switches)"
+        ],
+        donts: [
+          "Use in submitted forms where nothing happens until save \u2014 that is a checkbox"
+        ],
+        accessibility: [
+          'Semantic `<input type="checkbox">` with `role="switch"`, properly associated with its label.',
+          "Space toggles; focus indicators are provided for keyboard navigation.",
+          "Screen readers announce the label and on/off state."
+        ]
       },
       relatedTokens: [
         "toggle.behavior.size",
@@ -5661,7 +5862,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5717,10 +5918,14 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        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`.",
         dos: [],
         donts: [],
-        accessibility: []
+        accessibility: [
+          '`role="tooltip"` linked to the trigger via `aria-describedby` (wired once \u2014 the bubble is always in the DOM).',
+          "Shows on keyboard focus, hides on blur and Escape; stays open while hovered (WCAG 1.4.13).",
+          'Non-focusable triggers get `tabindex="0"` so keyboard users can reach the tooltip.'
+        ]
       },
       relatedTokens: [
         "tooltip.behavior.borderRadius",
@@ -5736,7 +5941,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "6.0.0",
+      version: "7.0.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5769,7 +5974,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        whenToUse: "",
+        whenToUse: "Used to add space between elements and wraps automatically if there isn't enough space.",
         dos: [],
         donts: [],
         accessibility: []
@@ -6693,13 +6898,13 @@ var uni_index_default = {
     },
     {
       id: "spacing.none",
-      value: "none",
+      value: 0,
       type: "spacing",
       kind: "style",
       target: "emotion-css",
       themeValues: {
-        LightTheme: "none",
-        DarkTheme: "none"
+        LightTheme: 0,
+        DarkTheme: 0
       }
     },
     {
@@ -7758,6 +7963,114 @@ var uni_index_default = {
         DarkTheme: '{"background":"rgba(255, 255, 255, 0.6)","backdropFilter":"blur(2px)"}'
       }
     },
+    {
+      id: "dialogButtons.behavior.gap",
+      value: "md",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: "md",
+        DarkTheme: "md"
+      }
+    },
+    {
+      id: "dialogButtons.behavior.padding",
+      value: "md",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: "md",
+        DarkTheme: "md"
+      }
+    },
+    {
+      id: "dialogButtons.behavior.paddingBottom",
+      value: "lg",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: "lg",
+        DarkTheme: "lg"
+      }
+    },
+    {
+      id: "dialogButtons.behavior.justifyContent",
+      value: "center",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: "center",
+        DarkTheme: "center"
+      }
+    },
+    {
+      id: "dialogButtons.behavior.confirmButtonVariant",
+      value: "primary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: "primary",
+        DarkTheme: "primary"
+      }
+    },
+    {
+      id: "dialogButtons.behavior.cancelButtonVariant",
+      value: "warn",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        LightTheme: "warn",
+        DarkTheme: "warn"
+      }
+    },
+    {
+      id: "dialogButtons.behavior.buttonSize",
+      value: "lg",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "dialogButtons",
+      themeValues: {
+        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",
@@ -9288,7 +9601,7 @@ var uni_index_default = {
         "radius.md": "24px",
         "radius.lg": "32px",
         "radius.max": "999px",
-        "spacing.none": "none",
+        "spacing.none": 0,
         "spacing.xxs": "2px",
         "spacing.xs": "4px",
         "spacing.sm": "8px",
@@ -9403,6 +9716,17 @@ var uni_index_default = {
           elevation: "dialog",
           backdrop: '{"background":"rgba(255, 255, 255, 0.6)","backdropFilter":"blur(2px)"}'
         },
+        dialogButtons: {
+          gap: "md",
+          padding: "md",
+          paddingBottom: "lg",
+          justifyContent: "center",
+          confirmButtonVariant: "primary",
+          cancelButtonVariant: "warn",
+          buttonSize: "lg",
+          stretch: false,
+          reverseOrder: false
+        },
         dialogHeader: {
           borderRadius: "max",
           color: "primary",
@@ -9658,7 +9982,7 @@ var uni_index_default = {
         "radius.md": "24px",
         "radius.lg": "32px",
         "radius.max": "999px",
-        "spacing.none": "none",
+        "spacing.none": 0,
         "spacing.xxs": "2px",
         "spacing.xs": "4px",
         "spacing.sm": "8px",
@@ -9773,6 +10097,17 @@ var uni_index_default = {
           elevation: "dialog",
           backdrop: '{"background":"rgba(255, 255, 255, 0.6)","backdropFilter":"blur(2px)"}'
         },
+        dialogButtons: {
+          gap: "md",
+          padding: "md",
+          paddingBottom: "lg",
+          justifyContent: "center",
+          confirmButtonVariant: "primary",
+          cancelButtonVariant: "warn",
+          buttonSize: "lg",
+          stretch: false,
+          reverseOrder: false
+        },
         dialogHeader: {
           borderRadius: "max",
           color: "primary",
@@ -10667,16 +11002,39 @@ var generateShadows = (colors, mode = "light") => {
   };
 };
 var BaseIcons = {
-  alertCircle: "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cpath d='M0 0h24v24H0V0z' fill='none'/%3e%3cpath d='M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z'/%3e%3c/svg%3e",
-  calendar: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z'%3E%3C/path%3E%3C/svg%3E",
-  checkCircle: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cg%3E%3Cpath d='M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0Zm2.0873,41.5-5.4107,5.4106-.02.02L14.1751,32.4492l5.4306-5.4306,9.051,9.0509L46.2861,18.44l5.4305,5.4306Z'/%3E%3C/g%3E%3C/svg%3E",
-  chevronUp: "data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m296-345-56-56 240-240 240 240-56 56-184-184-184 184Z'/%3E%3C/svg%3E",
-  chevronDown: "data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z'/%3E%3C/svg%3E",
-  chevronLeft: "data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M560-240 320-480l240-240 56 56-184 184 184 184-56 56Z'/%3E%3C/svg%3E",
-  chevronRight: "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z'/%3E%3C/svg%3E",
-  xCircle: "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cg%3e%3cpath d='M32,0A32,32,0,1,0,64,32,32,32,0,0,0,32,0ZM47.4649,42.3543l-5.4306,5.43L31.68,37.4305,21.3257,47.7848l-5.4306-5.43L26.25,32,15.8951,21.6456l5.4306-5.4305L31.68,26.5694,42.0343,16.2151l5.4306,5.4305L37.1106,32Z'/%3e%3c/g%3e%3c/svg%3e",
-  search: "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50'%3e%3cg%3e%3cpath d='M 21 3 C 11.601563 3 4 10.601563 4 20 C 4 29.398438 11.601563 37 21 37 C 24.355469 37 27.460938 36.015625 30.09375 34.34375 L 42.375 46.625 L 46.625 42.375 L 34.5 30.28125 C 36.679688 27.421875 38 23.878906 38 20 C 38 10.601563 30.398438 3 21 3 Z M 21 7 C 28.199219 7 34 12.800781 34 20 C 34 27.199219 28.199219 33 21 33 C 13.800781 33 8 27.199219 8 20 C 8 12.800781 13.800781 7 21 7 Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e",
-  close: "data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3e%3cg%3e%3cpath fill='currentColor' d='M.439,21.44a1.5,1.5,0,0,0,2.122,2.121L11.823,14.3a.25.25,0,0,1,.354,0l9.262,9.263a1.5,1.5,0,1,0,2.122-2.121L14.3,12.177a.25.25,0,0,1,0-.354l9.263-9.262A1.5,1.5,0,0,0,21.439.44L12.177,9.7a.25.25,0,0,1-.354,0L2.561.44A1.5,1.5,0,0,0,.439,2.561L9.7,11.823a.25.25,0,0,1,0,.354Z'%3e%3c/path%3e%3c/g%3e%3c/svg%3e",
+  menu: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-254.62v-59.99h680v59.99H140ZM140-450v-60h680v60H140Zm0-195.39v-59.99h680v59.99H140Z'/%3e%3c/svg%3e",
+  chevronUp: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m480-541.85-184 184L253.85-400 480-626.15 706.15-400 664-357.85l-184-184Z'/%3e%3c/svg%3e",
+  chevronDown: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M480-357.85 253.85-584 296-626.15l184 184 184-184L706.15-584 480-357.85Z'/%3e%3c/svg%3e",
+  chevronLeft: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M560-253.85 333.85-480 560-706.15 602.15-664l-184 184 184 184L560-253.85Z'/%3e%3c/svg%3e",
+  chevronRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m517.85-480-184-184L376-706.15 602.15-480 376-253.85 333.85-296l184-184Z'/%3e%3c/svg%3e",
+  arrowLeft: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m294.92-450 227.85 227.85L480-180 180-480l300-300 42.77 42.15L294.92-510H780v60H294.92Z'/%3e%3c/svg%3e",
+  arrowRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M665.08-450H180v-60h485.08L437.23-737.85 480-780l300 300-300 300-42.77-42.15L665.08-450Z'/%3e%3c/svg%3e",
+  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",
+  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",
+  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",
+  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",
+  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",
+  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",
+  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",
+  alertCircle: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M502.92-300.15q9.39-9.39 9.39-22.93T502.92-346q-9.38-9.38-22.92-9.38-13.54 0-22.92 9.38-9.39 9.38-9.39 22.92 0 13.54 9.39 22.93 9.38 9.38 22.92 9.38 13.54 0 22.92-9.38ZM450-436.92h60v-240h-60v240ZM480.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",
+  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",
+  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",
+  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",
   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 BaseTypography = {
@@ -10842,7 +11200,7 @@ var BaseShadows = {
   warn: "0 0 5px rgba(255, 0, 0, 0.5), inset 0 0 5px rgba(255, 0, 0, 0.3)"
 };
 var BaseSpacing = {
-  none: "none",
+  none: 0,
   xxs: "2px",
   xs: "4px",
   sm: "8px",
@@ -10994,6 +11352,17 @@ var buildComponents = (c) => ({
       backdropFilter: "blur(2px)"
     }
   } },
+  dialogButtons: { options: {
+    gap: "md",
+    padding: "md",
+    paddingBottom: "lg",
+    justifyContent: "center",
+    confirmButtonVariant: "primary",
+    cancelButtonVariant: "warn",
+    buttonSize: "lg",
+    stretch: false,
+    reverseOrder: false
+  } },
   dialogHeader: { options: {
     borderRadius: "max",
     color: "primary",
@@ -11592,11 +11961,22 @@ ${recordLiteral(shadows, "  ")}
       "const components = (colors: Colors): ComponentThemes => ({});",
       "",
       "/**",
-      " * Icon primitives, merged over the built-in set (close, search, spinner,",
-      " * chevrons, \u2026). Define an icon ONCE here as an inline SVG data URI \u2014 it is",
-      " * masked with currentColor, so it recolors with the theme \u2014 and render it",
-      " * anywhere via `<uni-icon name='\u2026'/>`. Never inline SVG in components.",
-      ` * Example: logo: "data:image/svg+xml,%3Csvg xmlns='\u2026' viewBox='0 0 24 24'%3E\u2026%3C/svg%3E",`,
+      " * Icon primitives, merged over the built-in 34-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.",
+      " *",
+      " * Encode your own SVGs with `svgToIconUri` rather than by hand \u2014 it strips",
+      " * fixed width/height, escapes the URI and rejects artwork that cannot",
+      " * survive masking:",
+      " *",
+      " *   import { svgToIconUri } from '@uni-design-system/uni-core';",
+      " *   const icons: Icons = { logo: svgToIconUri(readFileSync('logo.svg', 'utf8')) };",
+      " *",
+      " * Icons are masked with currentColor, so they recolor with the theme \u2014 but",
+      " * that also means they are MONOCHROME: the mask uses the alpha channel, so a",
+      " * multi-color mark flattens to its silhouette. Keep one grid (viewBox) across",
+      " * your set, or the glyphs will not share an optical weight.",
       " */",
       "const icons: Icons = {};",
       "",
@@ -11624,6 +12004,48 @@ ${recordLiteral(radii, "  ")}
     reportSummary
   };
 };
+var BLANK_PAINT = /* @__PURE__ */ new Set([
+  "none",
+  "transparent",
+  "inherit",
+  ""
+]);
+function paintValues(svg) {
+  const found = /* @__PURE__ */ new Set();
+  for (const [, value] of svg.matchAll(/\b(?:fill|stroke)\s*=\s*["']([^"']*)["']/g)) {
+    const paint = value.trim().toLowerCase();
+    if (!BLANK_PAINT.has(paint)) found.add(paint);
+  }
+  for (const [, , value] of svg.matchAll(/\b(fill|stroke)\s*:\s*([^;"'}]+)/g)) {
+    const paint = value.trim().toLowerCase();
+    if (!BLANK_PAINT.has(paint)) found.add(paint);
+  }
+  return [...found];
+}
+function normalize(svg) {
+  return svg.replace(/<\?xml[^>]*\?>/g, "").replace(/<!DOCTYPE[^>]*>/gi, "").replace(/<!--[\s\S]*?-->/g, "").replace(/\s(width|height)\s*=\s*["'][^"']*["']/g, "").replace(/\s+/g, " ").replace(/>\s+</g, "><").trim();
+}
+function encode(svg) {
+  return "data:image/svg+xml," + svg.replace(/"/g, "'").replace(/%/g, "%25").replace(/#/g, "%23").replace(/</g, "%3c").replace(/>/g, "%3e");
+}
+function svgToIconUri(svg, options = {}) {
+  const label = options.name ? `${options.name}: ` : "";
+  const fail = (message) => {
+    throw new Error(`${label}${message}`);
+  };
+  if (typeof svg !== "string" || !svg.trim()) fail("empty SVG source");
+  const normalized = normalize(svg);
+  if (!/^<svg[\s>]/i.test(normalized) || !/<\/svg>$/i.test(normalized)) fail("not a complete <svg> document");
+  if (!/\bviewBox\s*=\s*["'][^"']+["']/i.test(normalized)) fail("no viewBox \u2014 the icon could not scale to its container");
+  if (/<image\b/i.test(normalized)) fail("contains a raster <image>; masks need vector artwork");
+  if (/\b(?:xlink:)?href\s*=\s*["'](?!#)/i.test(normalized)) fail("references an external resource, which a masked SVG cannot load");
+  if (!options.allowMultiColor) {
+    const paints = paintValues(normalized);
+    if (paints.some((p) => p.startsWith("url("))) fail("paints with a gradient or pattern \u2014 masks use the alpha channel only, so it would flatten to a silhouette. Pass { allowMultiColor: true } to accept that.");
+    if (paints.length > 1) fail(`paints in ${paints.length} colors (${paints.join(", ")}) \u2014 masks use the alpha channel only, so it would flatten to a silhouette in currentColor. Pass { allowMultiColor: true } to accept that.`);
+  }
+  return encode(normalized);
+}
 var GetBoxShadow = ({ offset, blur, opacity }) => {
   return `0 ${offset}px ${blur}px rgba(0,0,0,0.${opacity})`;
 };
@@ -11774,25 +12196,119 @@ ${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 (close, search, spinner, chevrons, \u2026) ships with every theme.",
+    "  A built-in set of 34 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",
+    "  a data URI \u2014 it strips fixed width/height, escapes the URI, and throws on artwork",
+    "  that cannot be masked. Icons are MONOCHROME (the mask uses the alpha channel), so a",
+    "  multi-color logo flattens to a silhouette; keep one viewBox grid across the set.",
     "- Never hardcode hex values in application components: style through `ThemeService`",
     "  accessors and semantic token names so themes stay swappable."
   ].join("\n");
 }
 
+// src/server/icons.ts
+var DATA_URI = /^data:image\/svg\+xml[^,]*,/;
+function toCamelCase(name) {
+  const cleaned = name.trim().replace(/\.svg$/i, "").replace(/[^A-Za-z0-9]+(.)?/g, (_, chr) => chr ? chr.toUpperCase() : "");
+  return cleaned.charAt(0).toLowerCase() + cleaned.slice(1);
+}
+var decode = (uri) => decodeURIComponent(uri.replace(DATA_URI, ""));
+var viewBoxOf = (svg) => svg.match(/viewBox\s*=\s*["']([^"']+)["']/i)?.[1] ?? "unknown";
+var BASE_GRID = viewBoxOf(decode(BaseIcons.chevronDown));
+function formatIconTokens(icons) {
+  if (!icons.length) {
+    return "No icons supplied. Pass `icons: [{ name, svg }]` \u2014 `svg` may be raw SVG source or an already-encoded data URI.";
+  }
+  const encoded = [];
+  const rejected = [];
+  for (const { name, svg, allowMultiColor } of icons) {
+    const tokenName = toCamelCase(name);
+    const source = DATA_URI.test(svg.trim()) ? decode(svg.trim()) : svg;
+    try {
+      const uri = svgToIconUri(source, { name: tokenName, allowMultiColor });
+      encoded.push({ name: tokenName, originalName: name, uri, viewBox: viewBoxOf(decode(uri)) });
+    } catch (error) {
+      const reason = error.message.replace(`${tokenName}: `, "").replace(
+        /Pass \{ allowMultiColor: true \} to accept that\./,
+        `Set \`allowMultiColor: true\` on \`${tokenName}\` and call again if a silhouette is intended.`
+      );
+      rejected.push({ name: tokenName, reason });
+    }
+  }
+  const out = [];
+  out.push(`# Icon tokens \u2014 ${encoded.length} of ${icons.length} encoded`);
+  out.push("");
+  if (encoded.length) {
+    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("");
+    out.push("```ts");
+    out.push("const icons: Icons = {");
+    for (const { name, uri } of encoded) out.push(`  ${name}: "${uri}",`);
+    out.push("};");
+    out.push("```");
+    out.push("");
+  }
+  if (rejected.length) {
+    out.push("## Not encoded");
+    out.push("");
+    out.push("These cannot render as a mask. Fix the artwork and call again.");
+    out.push("");
+    for (const { name, reason } of rejected) out.push(`- \`${name}\` \u2014 ${reason}`);
+    out.push("");
+  }
+  const notes = [];
+  const renamed = encoded.filter((e) => e.name !== e.originalName);
+  if (renamed.length) {
+    notes.push(
+      `Renamed to the set's flat camelCase convention: ${renamed.map((e) => `\`${e.originalName}\` \u2192 \`${e.name}\``).join(", ")}.`
+    );
+  }
+  const overrides = encoded.filter((e) => e.name in BaseIcons);
+  if (overrides.length) {
+    notes.push(
+      `Overrides a built-in icon: ${overrides.map((e) => `\`${e.name}\``).join(", ")}. Intentional for rebranding a standard glyph; rename if you meant to add a new one.`
+    );
+  }
+  const grids = [...new Set(encoded.map((e) => e.viewBox))];
+  if (grids.length > 1) {
+    notes.push(
+      `Mixed viewBox grids (${grids.map((g) => `\`${g}\``).join(", ")}). Icons drawn on different grids will not share an optical weight or size. Re-export the set on one grid.`
+    );
+  } else if (grids.length === 1 && grids[0] !== BASE_GRID && overrides.length) {
+    notes.push(
+      `This set is drawn on \`${grids[0]}\` while the built-in set uses \`${BASE_GRID}\`. That is fine on its own, but a glyph overriding a built-in will sit next to un-overridden built-ins, so check they read at the same weight.`
+    );
+  }
+  notes.push(
+    'Icons are masked with `currentColor`, so they are monochrome: the mask uses the alpha channel and any fill colors in the source are discarded. Color them by setting text color on the container, or with `<uni-icon color="\u2026" />`.'
+  );
+  out.push("## Notes");
+  out.push("");
+  for (const note of notes) out.push(`- ${note}`);
+  return out.join("\n");
+}
+
 // src/server/core.ts
 var FrameworkArg = z.enum(["angular", "react"]);
 function text(body) {
   return { content: [{ type: "text", text: body }] };
 }
 function notFound(kind, id) {
-  return text(`No ${kind} found with id \`${id}\`. Use the matching list/search tool to discover valid ids.`);
+  return text(
+    `No ${kind} found with id \`${id}\`. Use the matching list/search tool to discover valid ids.`
+  );
 }
 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."
+      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" />`.'
     }
   );
   server.registerTool(
@@ -11813,7 +12329,10 @@ function createUniServer() {
     {
       title: "Get a Uni component",
       description: "Full reference for one component: description, per-framework import + selector/tag, complete API (inputs/outputs or props/events), related tokens, and a sample. Pass `framework` to scope to Angular or React.",
-      inputSchema: { id: z.string().describe('component id, e.g. "button"'), framework: FrameworkArg.optional() }
+      inputSchema: {
+        id: z.string().describe('component id, e.g. "button"'),
+        framework: FrameworkArg.optional()
+      }
     },
     async ({ id, framework }) => {
       const c = getComponent(id);
@@ -11850,7 +12369,9 @@ function createUniServer() {
     {
       title: "Get a design token",
       description: "Resolved value, type, style/behavioral classification, alias chain, and per-theme values for one token.",
-      inputSchema: { id: z.string().describe('token id, e.g. "color.primary" or "input.behavior.height"') }
+      inputSchema: {
+        id: z.string().describe('token id, e.g. "color.primary" or "input.behavior.height"')
+      }
     },
     async ({ id }) => {
       const t = getToken(id);
@@ -11871,7 +12392,11 @@ function createUniServer() {
   );
   server.registerTool(
     "list-themes",
-    { title: "List theme templates", description: "Available Uni theme templates.", inputSchema: {} },
+    {
+      title: "List theme templates",
+      description: "Available Uni theme templates.",
+      inputSchema: {}
+    },
     async () => text(formatThemeList(listThemes()))
   );
   server.registerTool(
@@ -11892,9 +12417,13 @@ 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.'),
+        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."),
+        scheme: z.enum(["monochromatic", "analogous", "complimentary", "splitComplimentary", "triadic"]).optional().describe(
+          "Hue-wheel relationship for generated roles; auto-classified for multi-color input."
+        ),
         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.")
@@ -11902,6 +12431,25 @@ function createUniServer() {
     },
     async (args) => text(formatGeneratedTheme(args))
   );
+  server.registerTool(
+    "create-icon-tokens",
+    {
+      title: "Convert SVGs into Uni icon tokens",
+      description: 'Convert raw SVG source into theme icon tokens and return a paste-ready `icons` map for `uni-theme.ts`. Use this whenever an app has inline `<svg>` in a component, or a brand icon set to import: move the artwork into the theme once, then render it anywhere with `<uni-icon name="\u2026" />`. Encodes to a `currentColor`-masked data URI (identical to the built-in set), reports which names override built-ins, flags artwork that cannot be masked (multi-color, gradients, no viewBox, raster or external references), and warns when a set mixes viewBox grids. Icons are monochrome \u2014 a multi-color logo flattens to a silhouette. Safe to re-run: already-encoded data URIs pass through unchanged.',
+      inputSchema: {
+        icons: z.array(
+          z.object({
+            name: z.string().describe('Token name, e.g. "acmeLogo". Converted to flat camelCase if needed.'),
+            svg: z.string().describe("Raw SVG source, or an already-encoded data:image/svg+xml URI."),
+            allowMultiColor: z.boolean().optional().describe(
+              "Accept multi-color artwork, knowing the mask flattens it to a silhouette."
+            )
+          })
+        ).min(1).describe("The icons to convert. Pass the whole set at once so grids can be compared.")
+      }
+    },
+    async ({ icons }) => text(formatIconTokens(icons))
+  );
   server.registerTool(
     "search",
     {
@@ -11921,9 +12469,15 @@ function registerResources(server) {
   server.registerResource(
     "meta",
     "uni://meta",
-    { title: "Uni index metadata", description: "Index version, Uni release, framework coverage, counts, build time.", mimeType: "application/json" },
+    {
+      title: "Uni index metadata",
+      description: "Index version, Uni release, framework coverage, counts, build time.",
+      mimeType: "application/json"
+    },
     async (uri) => ({
-      contents: [{ uri: uri.href, mimeType: "application/json", text: JSON.stringify(meta, null, 2) }]
+      contents: [
+        { uri: uri.href, mimeType: "application/json", text: JSON.stringify(meta, null, 2) }
+      ]
     })
   );
   server.registerResource(
@@ -11933,23 +12487,47 @@ function registerResources(server) {
         resources: listComponents().map((c) => ({ uri: `uni://components/${c.id}`, name: c.name, description: c.summary }))
       })
     }),
-    { title: "Uni component", description: "A component reference card.", mimeType: "text/markdown" },
+    {
+      title: "Uni component",
+      description: "A component reference card.",
+      mimeType: "text/markdown"
+    },
     async (uri, { id }) => {
       const c = getComponent(String(id));
-      return { contents: [{ uri: uri.href, mimeType: "text/markdown", text: c ? formatComponent(c) : `Unknown component: ${id}` }] };
+      return {
+        contents: [
+          {
+            uri: uri.href,
+            mimeType: "text/markdown",
+            text: c ? formatComponent(c) : `Unknown component: ${id}`
+          }
+        ]
+      };
     }
   );
   server.registerResource(
     "token",
     new ResourceTemplate("uni://tokens/{id}", {
       list: async () => ({
-        resources: listTokens().map((t) => ({ uri: `uni://tokens/${t.id}`, name: t.id, description: `${t.type} = ${t.value}` }))
+        resources: listTokens().map((t) => ({
+          uri: `uni://tokens/${t.id}`,
+          name: t.id,
+          description: `${t.type} = ${t.value}`
+        }))
       })
     }),
     { title: "Uni token", description: "A design token.", mimeType: "text/markdown" },
     async (uri, { id }) => {
       const t = getToken(String(id));
-      return { contents: [{ uri: uri.href, mimeType: "text/markdown", text: t ? formatToken(t) : `Unknown token: ${id}` }] };
+      return {
+        contents: [
+          {
+            uri: uri.href,
+            mimeType: "text/markdown",
+            text: t ? formatToken(t) : `Unknown token: ${id}`
+          }
+        ]
+      };
     }
   );
   server.registerResource(
@@ -11959,23 +12537,51 @@ function registerResources(server) {
         resources: listThemes().map((t) => ({ uri: `uni://themes/${t.id}`, name: t.name, description: t.description }))
       })
     }),
-    { title: "Uni theme template", description: "A theme template (style + component options).", mimeType: "text/markdown" },
+    {
+      title: "Uni theme template",
+      description: "A theme template (style + component options).",
+      mimeType: "text/markdown"
+    },
     async (uri, { id }) => {
       const t = getTheme(String(id));
-      return { contents: [{ uri: uri.href, mimeType: "text/markdown", text: t ? formatTheme(t) : `Unknown theme: ${id}` }] };
+      return {
+        contents: [
+          {
+            uri: uri.href,
+            mimeType: "text/markdown",
+            text: t ? formatTheme(t) : `Unknown theme: ${id}`
+          }
+        ]
+      };
     }
   );
   server.registerResource(
     "guidelines",
     new ResourceTemplate("uni://guidelines/{id}", {
       list: async () => ({
-        resources: listComponents().map((c) => ({ uri: `uni://guidelines/${c.id}`, name: `${c.name} guidelines`, description: c.summary }))
+        resources: listComponents().map((c) => ({
+          uri: `uni://guidelines/${c.id}`,
+          name: `${c.name} guidelines`,
+          description: c.summary
+        }))
       })
     }),
-    { title: "Uni guidelines", description: "Authored usage guidance for a component.", mimeType: "text/markdown" },
+    {
+      title: "Uni guidelines",
+      description: "Authored usage guidance for a component.",
+      mimeType: "text/markdown"
+    },
     async (uri, { id }) => {
       const c = getComponent(String(id));
-      return { contents: [{ uri: uri.href, mimeType: "text/markdown", text: c ? formatGuidelines(c) : `Unknown component: ${id}` }] };
+      return {
+        contents: [
+          {
+            uri: uri.href,
+            mimeType: "text/markdown",
+            text: c ? formatGuidelines(c) : `Unknown component: ${id}`
+          }
+        ]
+      };
     }
   );
 }
@@ -11984,4 +12590,4 @@ export {
   meta,
   createUniServer
 };
-//# sourceMappingURL=chunk-VQE52XFX.js.map
+//# sourceMappingURL=chunk-252ZWTTU.js.map