@uni-design-system/uni-mcp 4.7.0 → 4.7.1

package/dist/{chunk-JOMMURY6.js → chunk-YLYBDQAV.js}

@@ -7,16 +7,16 @@ import { z } from "zod";
 // src/data/uni-index.json
 var uni_index_default = {
   meta: {
-    version: "8.2.0",
-    builtAt: "2026-08-20T22:58:33.744Z",
+    version: "8.3.0",
+    builtAt: "2026-08-21T15:54:42.627Z",
     frameworks: [
       "angular"
     ],
     counts: {
-      components: 76,
-      tokens: 353,
+      components: 79,
+      tokens: 396,
       themes: 2,
-      examples: 168
+      examples: 184
     }
   },
   components: [
@@ -27,7 +27,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -101,7 +101,7 @@ var uni_index_default = {
       summary: "Horizontal application bar: project leading controls (menu button, logo) with the `leading` attribute, actions with `trailing` (pushed to the far edge), and either pass `title` or project custom center content.",
       description: "Horizontal application bar: project leading controls (menu button, logo) with the `leading` attribute, actions with `trailing` (pushed to the far edge), and either pass `title` or project custom center content. Surface, divider, height, typography and spacing all resolve from `appBar` tokens. Place it inside your page's `<header>` landmark.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -158,7 +158,7 @@ var uni_index_default = {
       summary: "Identity avatar with a graceful fallback chain: image \u2192 initials from `name` \u2192 themed symbol.",
       description: "Identity avatar with a graceful fallback chain: image \u2192 initials from `name` \u2192 themed symbol. Coloring, radius, typeface and sizes all resolve from `avatar` theme tokens; `variant` picks the container palette.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -237,7 +237,7 @@ var uni_index_default = {
       summary: "Overlapping stack of avatars.",
       description: "Overlapping stack of avatars. `max` collapses the overflow into a themed \u201C+N\u201D chip (itself a `uni-avatar`). Overlap and separator ring resolve from `avatarGroup` theme tokens.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -270,7 +270,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -351,7 +351,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -432,7 +432,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -456,7 +456,7 @@ var uni_index_default = {
       summary: 'The base layout primitive, applied as an attribute to any element so semantics stay yours: `<main box-layout [grow]="1" padding="md">`.',
       description: 'The base layout primitive, applied as an attribute to any element so semantics stay yours: `<main box-layout [grow]="1" padding="md">`. Exception: other components\' host elements (`<uni-card box-layout>` would put two components on one element) \u2014 wrap those in a `<div box-layout>`. Sizing convention (height/width/min/max/inset): a **number is px and needs a binding** \u2014 `[height]="420"`; a **plain attribute is a CSS length string** \u2014 `height="420px"`. Spacing/radius/color inputs take theme tokens.',
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -819,7 +819,7 @@ var uni_index_default = {
       summary: 'WAI-ARIA breadcrumb: a `nav` landmark wrapping an ordered list; the last item is the current page (`aria-current="page"`), separators are decorative.',
       description: 'WAI-ARIA breadcrumb: a `nav` landmark wrapping an ordered list; the last item is the current page (`aria-current="page"`), separators are decorative. Items with `href` render as real links; without one they render as link-styled buttons emitting `itemClicked` \u2014 wire that to your router.',
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -888,7 +888,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1031,7 +1031,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1063,7 +1063,7 @@ var uni_index_default = {
       summary: "Inline month calendar: single-date or start\u2013end range selection, day markers (availability dots), min/max fences and disabled dates.",
       description: "Inline month calendar: single-date or start\u2013end range selection, day markers (availability dots), min/max fences and disabled dates. One tab stop with a roving-tabindex `role=\"grid\"`; every day is a real button named with its full date. Values are plain ISO strings (`'YYYY-MM-DD'`), never `Date` objects, so bindings are timezone-free and serializable. Selection and today colours come from the theme's `primary` role pair; geometry and glyphs come from the `calendar` theme entry.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1282,6 +1282,203 @@ var uni_index_default = {
         "calendar.behavior.todayStyle"
       ]
     },
+    {
+      id: "callout",
+      name: "Callout",
+      status: "stable",
+      summary: "Anchored coach-mark panel that dims the page and cuts a spotlight hole around its target.",
+      description: 'Anchored coach-mark panel that dims the page and cuts a spotlight hole around its target. Both the scrim and the panel are `popover="manual"` elements shown in order, so they stack deterministically in the top layer above every app z-index, and every scrim piece is CSS-anchor-positioned to the target \u2014 the hole tracks scroll/resize/layout with zero listeners. The panel is a non-modal `role="dialog"` (deliberately no `aria-modal`): focus moves into it on open, Tab runs a "duet loop" over the panel\'s focusables plus the spotlit target while it stays interactive, and on close focus returns to the pre-open element \u2014 unless the user moved into the target, where it stays. Storage-free by rule: `key` and the `dismissed` output are the "don\'t show again" hooks; persistence is the app\'s business (e.g. cdk local-storage).',
+      category: "components",
+      version: "8.3.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-callout",
+          api: [
+            {
+              name: "open",
+              kind: "model",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "key",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "Identifies this callout in `dismissed` payloads. Empty string = unset."
+            },
+            {
+              name: "target",
+              kind: "input",
+              type: "HTMLElement | string",
+              required: false,
+              description: "Element (or id, resolved at open time) to spotlight. '' = unset."
+            },
+            {
+              name: "placement",
+              kind: "input",
+              type: "Placement",
+              required: false,
+              default: "'bottom'",
+              description: ""
+            },
+            {
+              name: "backdrop",
+              kind: "input",
+              type: "'spotlight' | 'dim' | 'none'",
+              required: false,
+              description: "Defaults to `spotlight` when a target resolves, else `dim`."
+            },
+            {
+              name: "targetInteractive",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: "When false, a transparent cover blocks the spotlit target."
+            },
+            {
+              name: "dismissible",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: "Gates Escape and the close button."
+            },
+            {
+              name: "dismissOnBackdrop",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: "When true, scrim clicks close (reason `backdrop`); else the panel pulses."
+            },
+            {
+              name: "header",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "arrow",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: ""
+            },
+            {
+              name: "ariaLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: 'Wins over the header/body labelling; the tour sets "{title}, step n of N".'
+            },
+            {
+              name: "closeLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Close'",
+              description: "Accessible name of the dismiss button (the tour passes its skip label)."
+            },
+            {
+              name: "opened",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
+            },
+            {
+              name: "closed",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
+            },
+            {
+              name: "dismissed",
+              kind: "output",
+              type: "UniCalloutDismissal",
+              required: false,
+              description: ""
+            },
+            {
+              name: "panelKeydown",
+              kind: "output",
+              type: "KeyboardEvent",
+              required: false,
+              description: "Keys pressed while focus is inside the panel (the tour's arrow-key hook)."
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Spotlight",
+          framework: "angular",
+          code: '<!-- Storybook story: Spotlight -->\n<div stack-layout gap="md">\n<button text-button (click)="open = true">Show me around</button>\n<uni-input label="Search projects" id="callout-demo-search"></uni-input>\n<uni-callout\n  [(open)]="open"\n  key="search-intro"\n  target="callout-demo-search"\n  header="Find anything"\n  placement="bottom"\n>\n  Type to filter projects, people, and documents \u2014 try it right here.\n  <button text-button callout-actions size="sm" variant="secondary" (click)="open = false">Got it</button>\n</uni-callout>\n</div>'
+        },
+        {
+          title: "Locked Spotlight",
+          framework: "angular",
+          code: '<!-- Storybook story: Locked Spotlight -->\n<div stack-layout gap="md">\n<button text-button (click)="open = true">Show me around</button>\n<uni-input label="Search projects" id="callout-demo-search"></uni-input>\n<uni-callout\n  [(open)]="open"\n  key="search-intro"\n  target="callout-demo-search"\n  header="Find anything"\n  placement="bottom"\n>\n  Type to filter projects, people, and documents \u2014 try it right here.\n  <button text-button callout-actions size="sm" variant="secondary" (click)="open = false">Got it</button>\n</uni-callout>\n</div>'
+        },
+        {
+          title: "Dim",
+          framework: "angular",
+          code: '<!-- Storybook story: Dim -->\n<div stack-layout gap="md">\n<button text-button (click)="open = true">Show me around</button>\n<uni-input label="Search projects" id="callout-demo-search"></uni-input>\n<uni-callout\n  [(open)]="open"\n  key="search-intro"\n  target="callout-demo-search"\n  header="Find anything"\n  placement="bottom"\n>\n  Type to filter projects, people, and documents \u2014 try it right here.\n  <button text-button callout-actions size="sm" variant="secondary" (click)="open = false">Got it</button>\n</uni-callout>\n</div>'
+        },
+        {
+          title: "No Backdrop",
+          framework: "angular",
+          code: '<!-- Storybook story: No Backdrop -->\n<div stack-layout gap="md">\n<button text-button (click)="open = true">Show me around</button>\n<uni-input label="Search projects" id="callout-demo-search"></uni-input>\n<uni-callout\n  [(open)]="open"\n  key="search-intro"\n  target="callout-demo-search"\n  header="Find anything"\n  placement="bottom"\n>\n  Type to filter projects, people, and documents \u2014 try it right here.\n  <button text-button callout-actions size="sm" variant="secondary" (click)="open = false">Got it</button>\n</uni-callout>\n</div>'
+        },
+        {
+          title: "Dismissal Tracking",
+          framework: "angular",
+          code: '<!-- Storybook story: Dismissal Tracking -->\n<div stack-layout gap="md">\n<button text-button (click)="open = true">Show me around</button>\n<uni-input label="Search projects" id="callout-demo-search"></uni-input>\n<uni-callout\n  [(open)]="open"\n  key="search-intro"\n  target="callout-demo-search"\n  header="Find anything"\n  placement="bottom"\n>\n  Type to filter projects, people, and documents \u2014 try it right here.\n  <button text-button callout-actions size="sm" variant="secondary" (click)="open = false">Got it</button>\n</uni-callout>\n</div>'
+        }
+      ],
+      guidelines: {
+        whenToUse: 'Callout is an anchored coach-mark panel that dims the page and cuts a\nspotlight hole around its target \u2014 the feature-introduction surface. The\nscrim and hole are CSS-anchor-positioned to the target, so the spotlight\ntracks scroll, resize, and layout with zero listeners, and the spotlit\nelement stays genuinely clickable through the hole (or covered, with\n`targetInteractive` false). Both surfaces ride the native popover top layer,\nabove every app z-index.\nThe panel is a non-modal `role="dialog"`: focus moves in on open, Tab runs a\nduet loop over the panel\'s controls plus the interactive target, and close\nrestores focus \u2014 unless the user moved into the target, where it stays.\nCallouts are storage-free by rule: `key` and the `dismissed` output (with a\n`reason`) are the "don\'t show again" hooks, and persistence belongs to the\napp.',
+        dos: [
+          'Point one callout at one action, and let `key` + `dismissed` drive "don\'t show again"',
+          "Keep the target interactive when the callout invites trying it"
+        ],
+        donts: [
+          "Stack multiple callouts at once \u2014 sequence them with `uni-tour`",
+          "Use a callout for blocking confirmation; that is a dialog"
+        ],
+        accessibility: [
+          'Non-modal `role="dialog"`, labelled by `header` (or `ariaLabel`); `aria-modal` is deliberately absent \u2014 the page is dimmed, not removed.',
+          "Initial focus: `[autofocus]` \u2192 first action \u2192 first focusable \u2192 the panel itself.",
+          "Focus restore on close skips users who deliberately moved into the target.",
+          "The spotlight ring is the `variant` color role and pairs with a shape (the ring), not color alone."
+        ]
+      },
+      relatedTokens: [
+        "callout.behavior.color",
+        "callout.behavior.borderRadius",
+        "callout.behavior.shadow",
+        "callout.behavior.width",
+        "callout.behavior.padding",
+        "callout.behavior.headerTypeface",
+        "callout.behavior.typeface",
+        "callout.behavior.closeSymbol",
+        "callout.behavior.arrowSize",
+        "callout.behavior.offset",
+        "callout.behavior.scrimColor",
+        "callout.behavior.spotlightPadding",
+        "callout.behavior.spotlightRadius",
+        "callout.behavior.ringWidth",
+        "callout.behavior.transitionMs"
+      ]
+    },
     {
       id: "card",
       name: "Card",
@@ -1289,7 +1486,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1334,7 +1531,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1358,7 +1555,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1399,7 +1596,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1454,7 +1651,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1586,6 +1783,263 @@ var uni_index_default = {
         "checkbox.behavior.focusRingGap"
       ]
     },
+    {
+      id: "combobox",
+      name: "Combobox",
+      status: "stable",
+      summary: "Form-bound, closed-set, single-select autocomplete: `FormValueControl<T | null>` over object `Options<T>`, type-to-filter, commit-on-select.",
+      description: "Form-bound, closed-set, single-select autocomplete: `FormValueControl<T | null>` over object `Options<T>`, type-to-filter, commit-on-select. Typing produces a draft \u2014 a filter, never a value; the value changes only when an option commits, `clear()` runs, or the model is written from outside. Select semantics, not search: a real label, a chevron, no magnifier, nothing submits. For short lists with no need to type, prefer `uni-select` \u2014 the value contract is identical, so swapping is a template-only change.",
+      category: "layout",
+      version: "8.3.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-combobox, Combobox",
+          api: [
+            {
+              name: "value",
+              kind: "model",
+              type: "T | null",
+              required: false,
+              default: "null",
+              description: ""
+            },
+            {
+              name: "disabled",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "touched",
+              kind: "model",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "invalid",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "dirty",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "required",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: ""
+            },
+            {
+              name: "ariaDescribedBy",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "label",
+              kind: "input",
+              type: "string",
+              required: true,
+              description: 'Accessible name for the field, e.g. "State"; echoed on the listbox.'
+            },
+            {
+              name: "placeholder",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: ""
+            },
+            {
+              name: "options",
+              kind: "input",
+              type: "Options<T>",
+              required: false,
+              default: "[]",
+              description: ""
+            },
+            {
+              name: "width",
+              kind: "input",
+              type: "string | number",
+              required: false,
+              default: "'100%'",
+              description: ""
+            },
+            {
+              name: "clearable",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: "Show a \u2715 while a value is set; an emptied field on blur also clears."
+            },
+            {
+              name: "commitOnBlur",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: "Blur commits an exact-match draft; a non-matching draft reverts."
+            },
+            {
+              name: "emptyText",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'No matches'",
+              description: "i18n-able empty row, also announced when a filter matches nothing."
+            },
+            {
+              name: "filterLocally",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: "`false` renders `options` verbatim; narrow them app-side from `query`."
+            },
+            {
+              name: "debounceTime",
+              kind: "input",
+              type: "number",
+              required: false,
+              default: "250",
+              description: ""
+            },
+            {
+              name: "query",
+              kind: "output",
+              type: "string",
+              required: false,
+              description: "Debounced draft text, for async option lists."
+            },
+            {
+              name: "selected",
+              kind: "output",
+              type: "Option<T>",
+              required: false,
+              description: "An option committed."
+            },
+            {
+              name: "cleared",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
+            },
+            {
+              name: "rejected",
+              kind: "output",
+              type: "UniComboboxRejection",
+              required: false,
+              description: "A commit was refused (no match); the field reverted."
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Primary",
+          framework: "angular",
+          code: `<!-- Storybook story: Primary -->
+<uni-combobox
+label="Country"
+placeholder="Type to search countries"
+emptyText="No countries found"
+[filterLocally]="false"
+[options]="options"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ value: 'Arizona' }
+-->`
+        },
+        {
+          title: "Disabled Options",
+          framework: "angular",
+          code: `<!-- Storybook story: Disabled Options -->
+<uni-combobox
+label="Country"
+placeholder="Type to search countries"
+emptyText="No countries found"
+[filterLocally]="false"
+[options]="options"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ label: 'Assignee', placeholder: 'Choose a person', options: ASSIGNEES }
+-->`
+        },
+        {
+          title: "Async",
+          framework: "angular",
+          code: '<!-- Storybook story: Async -->\n<uni-combobox\nlabel="Country"\nplaceholder="Type to search countries"\nemptyText="No countries found"\n[filterLocally]="false"\n[options]="options"\n(query)="onQuery($event)"\n/>\n<!-- args:\n{ required: true, invalid: true, touched: true }\n-->'
+        },
+        {
+          title: "Invalid",
+          framework: "angular",
+          code: '<!-- Storybook story: Invalid -->\n<uni-combobox\nlabel="Country"\nplaceholder="Type to search countries"\nemptyText="No countries found"\n[filterLocally]="false"\n[options]="options"\n(query)="onQuery($event)"\n/>\n<!-- args:\n{ required: true, invalid: true, touched: true }\n-->'
+        },
+        {
+          title: "Disabled",
+          framework: "angular",
+          code: `<!-- Storybook story: Disabled -->
+<uni-combobox
+label="Country"
+placeholder="Type to search countries"
+emptyText="No countries found"
+[filterLocally]="false"
+[options]="options"
+(query)="onQuery($event)"
+/>
+<!-- args:
+{ value: 'Colorado', disabled: true }
+-->`
+        }
+      ],
+      guidelines: {
+        whenToUse: "The form-bound, **closed-set, single-select** autocomplete: object\n`Options<T>`, `FormValueControl<T | null>`, type-to-filter, commit-on-select.\nTyping produces a *draft* \u2014 a filter, never a value; the value changes only\nwhen an option commits, the field clears, or the model is written from\noutside. Select semantics, not search: a real label, a chevron, no magnifier,\nnothing submits.\nUnder ~10 options and no need to type \u2192 `uni-select`, the native, zero-JS,\nmobile-friendly answer. More options, or users know what they're looking for \u2192\n`uni-combobox`. The value contract is identical (`T | null`, `compareWith`),\nso swapping one for the other as a list grows is a template-only change \u2014 that\nis deliberate. For open sets, where typing *creates* values, use\n`uni-tag-input` (multi) or `uni-search-input` (queries); for closed multi\nsets, `uni-multi-select-dropdown`.",
+        dos: [],
+        donts: [
+          "Don't bolt \"create new\" onto it \u2014 that's an open set; use `uni-tag-input`'s",
+          "Don't wire `(query)` \u2192 filter \u2192 `[options]` when the list is already in",
+          "Don't use `Escape` to clear: it closes, then reverts. The \u2715 and an emptied"
+        ],
+        accessibility: [
+          'The input is `role="combobox"` with `aria-expanded`, `aria-controls` and',
+          "`aria-selected` marks the **committed** option; the active one is carried by",
+          "Disabled options are rendered, announced (`aria-disabled`), and skipped by",
+          'Commits (*"Alabama selected."*), clears, refusals and debounced result',
+          "`aria-invalid` is gated on `invalid && (touched || dirty)`, per the"
+        ]
+      },
+      relatedTokens: [
+        "combobox.behavior.toggleIcon",
+        "combobox.behavior.clearIcon",
+        "combobox.behavior.selectedIcon",
+        "combobox.behavior.listColor",
+        "combobox.behavior.listShadow",
+        "combobox.behavior.listBorderRadius",
+        "combobox.behavior.activeColor",
+        "combobox.behavior.maxVisibleOptions",
+        "combobox.behavior.descriptionColor"
+      ]
+    },
     {
       id: "confirmation-dialog",
       name: "ConfirmationDialog",
@@ -1593,7 +2047,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1640,7 +2094,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1723,7 +2177,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -1824,7 +2278,7 @@ var uni_index_default = {
       summary: "Date field with free-typed parsing and a popup calendar.",
       description: "Date field with free-typed parsing and a popup calendar. Type `aug 20`, `8/20/2026` or `2026-08-20`, or pick from the grid \u2014 the form gets the same canonical `'YYYY-MM-DD'` string either way. Parsing is `Intl`-driven (locale digit order and month names, never hardcoded); unreadable text stays in the field, flagged, with a `rejected` event. The popup is a native popover hosting the same `uni-calendar` an app could render inline.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2032,7 +2486,7 @@ var uni_index_default = {
       summary: "One field for a date and a time: a thin composer seating a uni-date-input and a uni-time-input in one input-box chrome under one label, yielding one combined `'YYYY-MM-DDTHH:mm'` value.",
       description: "One field for a date and a time: a thin composer seating a uni-date-input and a uni-time-input in one input-box chrome under one label, yielding one combined `'YYYY-MM-DDTHH:mm'` value. The value emits only when both parts are set \u2014 a time without a day is not an answer \u2014 and clearing the date clears it. With `slotsFor`, the time part stays disabled until a day is chosen and offers exactly that day's slots: the scheduling flow in one attribute. Two honest tab stops (it is two questions); apps needing a different arrangement compose the primitives directly.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2202,7 +2656,7 @@ var uni_index_default = {
       summary: "Text input that emits `change` only after the user pauses typing.",
       description: "Text input that emits `change` only after the user pauses typing. Wears the shared input chrome (themed color, border, typeface, focus ring) via `uni-input-box`; project adornments with the `pre-input` / `post-input` slots, matching `uni-input`'s convention. The ARIA passthrough inputs let a wrapping composite (e.g. SearchInput's combobox) annotate the real input element.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2328,7 +2782,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2406,7 +2860,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2494,7 +2948,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2518,7 +2972,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2574,7 +3028,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2606,7 +3060,7 @@ var uni_index_default = {
       summary: "Navigation drawer with two modes sharing one content slot: - `side` \u2014 an in-flow `<aside>` that pushes content (dashboard sidenav); opening/closing animates its width, and the divider border primitive separates it from the page.",
       description: "Navigation drawer with two modes sharing one content slot: - `side` \u2014 an in-flow `<aside>` that pushes content (dashboard sidenav); opening/closing animates its width, and the divider border primitive separates it from the page. - `over` \u2014 a native `<dialog>` in the top layer: focus trap, Escape and scrim backdrop come from the platform (same machinery as `uni-dialog`), sliding in from its edge. Surface, width, divider, elevation, padding and backdrop all resolve from `drawer` theme tokens.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2685,7 +3139,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2802,7 +3256,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2890,7 +3344,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -2961,7 +3415,7 @@ var uni_index_default = {
       summary: "Trigger for a {@link UniExpandComponent} region.",
       description: "Trigger for a {@link UniExpandComponent} region. Two shapes, chosen by whether `label` is set: - **Icon only** (default) \u2014 the bare chevron, sized for a Card Header. - **Labelled** \u2014 chevron plus a label and optional muted sublabel, as a single full-width button. Most real disclosures need a name for the section, and building that row by hand is the thing this saves; it also makes the label the button's accessible name rather than adjacent text.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3046,7 +3500,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3204,7 +3658,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3301,7 +3755,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3333,7 +3787,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3393,7 +3847,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3496,7 +3950,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3641,7 +4095,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3714,7 +4168,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3784,7 +4238,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3888,7 +4342,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -3970,7 +4424,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4058,7 +4512,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4208,7 +4662,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4452,7 +4906,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4476,7 +4930,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4558,10 +5012,10 @@ var uni_index_default = {
       id: "popover",
       name: "Popover",
       status: "stable",
-      summary: "",
-      description: "",
+      summary: "Anchored, top-layer panel on the native `popover` element \u2014 the browser owns positioning (CSS anchor positioning), stacking, and, in rich mode, light dismissal.",
+      description: 'Anchored, top-layer panel on the native `popover` element \u2014 the browser owns positioning (CSS anchor positioning), stacking, and, in rich mode, light dismissal. Two modes share one implementation: - `rich` (default): a click-toggled disclosure. The projected `[trigger]` carries `aria-expanded`/`aria-controls`; with no trigger content the app drives `open` and no element claims controller ARIA. Focus stays on the trigger (APG disclosure) unless the panel marks an `[autofocus]` field, and returns to the trigger on close. - `tooltip`: hover/focus-triggered, `role="tooltip"` + `aria-describedby`, WCAG 1.4.13 dismissable/hoverable/persistent. Content must not contain focusable elements. Anchoring and control are separate: `anchor` re-anchors the panel to any element (or id) while the trigger keeps the disclosure semantics.',
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4582,6 +5036,87 @@ var uni_index_default = {
               required: false,
               default: "true",
               description: 'Light-dismiss on outside click / Escape (native popover="auto").'
+            },
+            {
+              name: "open",
+              kind: "model",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: "Two-way open state; light dismissal and hover timers sync back into it."
+            },
+            {
+              name: "mode",
+              kind: "input",
+              type: "'rich' | 'tooltip'",
+              required: false,
+              default: "'rich'",
+              description: "`rich` = click-toggled disclosure; `tooltip` = hover/focus description."
+            },
+            {
+              name: "anchor",
+              kind: "input",
+              type: "HTMLElement | string",
+              required: false,
+              description: "Anchor the panel to another element (or element id, resolved each time the panel opens) while the projected trigger keeps the disclosure ARIA. Empty string means unset."
+            },
+            {
+              name: "header",
+              kind: "input",
+              type: "string",
+              required: false,
+              description: "Title rendered in the header row and used as the accessible name."
+            },
+            {
+              name: "closable",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "false",
+              description: 'Renders a "Close" icon button in the header row.'
+            },
+            {
+              name: "arrow",
+              kind: "input",
+              type: "boolean",
+              required: false,
+              default: "true",
+              description: ""
+            },
+            {
+              name: "maxWidth",
+              kind: "input",
+              type: "string | number",
+              required: false,
+              description: "Panel max-width; numbers are px. Defaults to the theme's `maxWidth`."
+            },
+            {
+              name: "openDelay",
+              kind: "input",
+              type: "number",
+              required: false,
+              description: "Tooltip-mode hover-open delay, ms; defaults to the theme option."
+            },
+            {
+              name: "closeDelay",
+              kind: "input",
+              type: "number",
+              required: false,
+              description: "Tooltip-mode pointer-leave close delay, ms; defaults to the theme option."
+            },
+            {
+              name: "opened",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
+            },
+            {
+              name: "closed",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
             }
           ]
         }
@@ -4590,18 +5125,63 @@ var uni_index_default = {
         {
           title: "Primary",
           framework: "angular",
-          code: '<!-- Storybook story: Primary -->\n<uni-popover placement="${placement}" [autoClose]="${autoClose}" #popover>\n  <button text-button trigger>Open Popover</button>\n  <div stack-layout gap="sm">\n    <div>\n      <span uni-text="title-small" display="block">\n      This is a Popover.\n      </span>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <button text-button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</button>\n    </div>\n  </div>\n</uni-popover>\n<!-- args:\n{\n    placement: \'right-start\',\n    autoClose: true,\n  }\n-->'
+          code: '<!-- Storybook story: Primary -->\n<uni-popover placement="${placement}" [autoClose]="${autoClose}" [arrow]="${arrow}" #popover>\n  <button text-button trigger>Open Popover</button>\n  <div stack-layout gap="sm">\n    <div>\n      <span uni-text="title-small" display="block">\n      This is a Popover.\n      </span>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <button text-button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</button>\n    </div>\n  </div>\n</uni-popover>\n<!-- args:\n{\n    placement: \'right-start\',\n    autoClose: true,\n    arrow: true,\n  }\n-->'
+        },
+        {
+          title: "Structured Form",
+          framework: "angular",
+          code: '<!-- Storybook story: Structured Form -->\n<uni-popover placement="${placement}" [autoClose]="${autoClose}" [arrow]="${arrow}" #popover>\n  <button text-button trigger>Open Popover</button>\n  <div stack-layout gap="sm">\n    <div>\n      <span uni-text="title-small" display="block">\n      This is a Popover.\n      </span>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <button text-button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</button>\n    </div>\n  </div>\n</uni-popover>'
+        },
+        {
+          title: "Detached Anchor",
+          framework: "angular",
+          code: '<!-- Storybook story: Detached Anchor -->\n<uni-popover placement="${placement}" [autoClose]="${autoClose}" [arrow]="${arrow}" #popover>\n  <button text-button trigger>Open Popover</button>\n  <div stack-layout gap="sm">\n    <div>\n      <span uni-text="title-small" display="block">\n      This is a Popover.\n      </span>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <button text-button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</button>\n    </div>\n  </div>\n</uni-popover>'
+        },
+        {
+          title: "Tooltip Mode",
+          framework: "angular",
+          code: '<!-- Storybook story: Tooltip Mode -->\n<uni-popover placement="${placement}" [autoClose]="${autoClose}" [arrow]="${arrow}" #popover>\n  <button text-button trigger>Open Popover</button>\n  <div stack-layout gap="sm">\n    <div>\n      <span uni-text="title-small" display="block">\n      This is a Popover.\n      </span>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <button text-button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</button>\n    </div>\n  </div>\n</uni-popover>'
+        },
+        {
+          title: "Manual Close",
+          framework: "angular",
+          code: '<!-- Storybook story: Manual Close -->\n<uni-popover placement="${placement}" [autoClose]="${autoClose}" [arrow]="${arrow}" #popover>\n  <button text-button trigger>Open Popover</button>\n  <div stack-layout gap="sm">\n    <div>\n      <span uni-text="title-small" display="block">\n      This is a Popover.\n      </span>\n      It is possible to add any markup you want to a Popover.\n    </div>\n    <div>\n      <button text-button symbolLeft="thumb_up" size="sm" variant="secondary" (click)="popover.hidePopover()">OK!</button>\n    </div>\n  </div>\n</uni-popover>'
         }
       ],
       guidelines: {
-        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: [],
+        whenToUse: 'Popover is an anchored, non-modal panel on the native popover top layer: the\nbrowser owns positioning, stacking, and light dismissal. Rich mode (the\ndefault) is a click-toggled disclosure for short callouts, small forms, and\ncompact actions; `mode="tooltip"` turns the same element into a hover/focus\ndescription with the full WCAG 1.4.13 contract. Anchoring and control are\nseparate \u2014 `anchor` re-anchors the panel to any element or id while the\nprojected `[trigger]` keeps the disclosure semantics, and with no trigger the\napp drives the two-way `open` model directly.',
+        dos: [
+          "Use rich mode for short callouts, small forms, and compact action clusters",
+          "Give form popovers an `[autofocus]` field and a `[popover-footer]` action",
+          "Use `anchor` when the panel should hug a field the trigger merely explains"
+        ],
+        donts: [
+          "Put focusable content inside tooltip mode \u2014 promote it to rich mode instead",
+          "Reach for a popover when the flow needs modality; that is a dialog"
+        ],
         accessibility: [
-          "The trigger carries `aria-expanded` and `aria-controls`; light-dismiss comes from the native popover."
+          "Rich mode wires `aria-expanded`/`aria-controls` onto the focusable trigger; with no projected trigger, no element claims controller ARIA.",
+          'Tooltip mode is `role="tooltip"` + `aria-describedby` \u2014 a description, never a name \u2014 and warns in dev mode if the content contains focusable elements.',
+          "Focus stays on the trigger when the panel opens (APG disclosure) unless the panel marks an `[autofocus]` field; close returns focus to the trigger.",
+          "The panel sits in the DOM right after the trigger, so Tab order is natural and there is no focus trap in either mode."
         ]
       },
-      relatedTokens: []
+      relatedTokens: [
+        "popover.behavior.color",
+        "popover.behavior.border",
+        "popover.behavior.borderRadius",
+        "popover.behavior.shadow",
+        "popover.behavior.typeface",
+        "popover.behavior.padding",
+        "popover.behavior.maxWidth",
+        "popover.behavior.offset",
+        "popover.behavior.arrowSize",
+        "popover.behavior.closeSymbol",
+        "popover.behavior.headerTypeface",
+        "popover.behavior.tooltipPadding",
+        "popover.behavior.tooltipOpenDelay",
+        "popover.behavior.tooltipCloseDelay"
+      ]
     },
     {
       id: "progress-bar",
@@ -4610,7 +5190,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4674,7 +5254,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4730,7 +5310,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4882,7 +5462,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "directives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4906,7 +5486,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -4961,7 +5541,7 @@ var uni_index_default = {
       summary: "Native scroll area with theme-driven scrollbar styling.",
       description: "Native scroll area with theme-driven scrollbar styling. Scrollbars are styled entirely through Emotion-generated CSS: `::-webkit-scrollbar` rules cover Chromium/Safari, with a `scrollbar-width`/`scrollbar-color` fallback for Firefox.",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5108,7 +5688,7 @@ var uni_index_default = {
       summary: "Generic search field: shared input chrome with a leading magnifier, a clear button while there's a query, Enter to submit, and optional type-ahead \u2014 pass `suggestions` (refresh them from `change`) and the field becomes an ARIA combobox with a keyboard-navigable listbox.",
       description: "Generic search field: shared input chrome with a leading magnifier, a clear button while there's a query, Enter to submit, and optional type-ahead \u2014 pass `suggestions` (refresh them from `change`) and the field becomes an ARIA combobox with a keyboard-navigable listbox. Escape closes the list first, then clears the query.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5219,7 +5799,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5338,7 +5918,7 @@ var uni_index_default = {
         }
       ],
       guidelines: {
-        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.",
+        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. When the list outgrows ~10 options, or\nusers know what they're looking for and want to type it, use Combobox \u2014 the\nvalue contract is identical (`T | null`, `compareWith`), so the swap is a\ntemplate-only change.",
         dos: [],
         donts: [],
         accessibility: [
@@ -5355,7 +5935,7 @@ var uni_index_default = {
       summary: "Loading placeholder painted with surface tokens.",
       description: "Loading placeholder painted with surface tokens. `text` renders one or more lines (the last line shortened, as real text would be), `rect` and `circle` render fixed shapes. The shimmer only animates when the user allows motion; it degrades to static blocks under `prefers-reduced-motion`.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5451,7 +6031,7 @@ var uni_index_default = {
       summary: 'Range slider on a native `<input type="range">` \u2014 keyboard interaction and the ARIA slider contract come from the platform.',
       description: 'Range slider on a native `<input type="range">` \u2014 keyboard interaction and the ARIA slider contract come from the platform. Fill, track, thumb and radii resolve from `slider` theme tokens; the fill percentage rides a CSS custom property so dragging never regenerates styles.',
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5588,7 +6168,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5680,7 +6260,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "data",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5739,7 +6319,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5794,7 +6374,7 @@ var uni_index_default = {
       summary: 'KPI stat tile: muted label, large value (numbers auto-compact: 48234 \u2192 "48.2K"), an optional delta whose ink is decided by *direction \xD7 whether up is good* (never direction alone \u2014 churn going down is good news), and an optional decorative sparkline.',
       description: 'KPI stat tile: muted label, large value (numbers auto-compact: 48234 \u2192 "48.2K"), an optional delta whose ink is decided by *direction \xD7 whether up is good* (never direction alone \u2014 churn going down is good news), and an optional decorative sparkline. Frame, typography and inks are all `stat` theme tokens.',
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5896,7 +6476,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -5969,7 +6549,7 @@ var uni_index_default = {
       summary: "One tab inside `uni-tabs`: a label for the tablist plus projected panel content.",
       description: "One tab inside `uni-tabs`: a label for the tablist plus projected panel content. Content is captured in a template and only instantiated while the tab is selected, so inactive panels cost nothing.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6009,7 +6589,7 @@ var uni_index_default = {
       summary: "WAI-ARIA tabs: roving tabindex, automatic activation (arrow keys move focus and select), Home/End, disabled tabs skipped.",
       description: "WAI-ARIA tabs: roving tabindex, automatic activation (arrow keys move focus and select), Home/End, disabled tabs skipped. Only the selected panel is instantiated. All styling resolves from `tabs` theme option tokens.",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6073,7 +6653,7 @@ var uni_index_default = {
       summary: "Compact chip for categories, states, filters and tokens.",
       description: "Compact chip for categories, states, filters and tokens. Two orthogonal style axes: `variant` picks the colour role and `tone` picks the archetype (soft / solid / outline). Both live in the theme's `tag` entry, so a theme restyles every chip in the app without touching markup. Structurally a chip is **body + trailing action as siblings**, never nested buttons: an interactive chip whose body is a `<button>` cannot contain the remove `<button>` (invalid HTML, and the inner control becomes unreachable for keyboard users). Both stay independently operable.",
       category: "data",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6435,7 +7015,7 @@ var uni_index_default = {
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6752,7 +7332,7 @@ placeholder="Name or address\u2026"
       summary: "The typography primitive, applied as an attribute to any element so semantics stay yours.",
       description: 'The typography primitive, applied as an attribute to any element so semantics stay yours. The attribute value is the typeface: `<h1 uni-text="display-small">`, `<span uni-text="caption">`, dynamic via `[uni-text]="role()"`. With no value, the typeface is inferred from the host element (h1 \u2192 headline-large, p \u2192 body-1-long, \u2026), falling back to `title-small`; the `typeface` input remains as an explicit override.',
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6854,7 +7434,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -6984,7 +7564,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "primitives",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7014,7 +7594,7 @@ placeholder="Name or address\u2026"
       summary: "Drop-in switcher for the themes registered via `UNI_THEMES`: a select over `ThemeService.themeOptions` that applies the choice through `selectTheme` (so it persists across reloads like any other theme selection).",
       description: "Drop-in switcher for the themes registered via `UNI_THEMES`: a select over `ThemeService.themeOptions` that applies the choice through `selectTheme` (so it persists across reloads like any other theme selection).",
       category: "components",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7072,7 +7652,7 @@ placeholder="Name or address\u2026"
       summary: "Time field: a combobox over time options \u2014 the same listbox contract as uni-search-input and uni-tag-input.",
       description: "Time field: a combobox over time options \u2014 the same listbox contract as uni-search-input and uni-tag-input. Type `3p`, `930` or `15:00`, or pick `3:00 PM` from the list; the form always gets 24-hour `'HH:mm'` (`hour12` affects display only). The list is assistive, not exhaustive: any parseable time commits, unless `slots` pins the choices (a slot picker) \u2014 then a typed time must match one. Unreadable or unavailable text stays in the field, flagged, with a `rejected` event.",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7264,7 +7844,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "forms",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7394,7 +7974,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "feedback",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -7436,8 +8016,109 @@ placeholder="Name or address\u2026"
               kind: "input",
               type: "boolean",
               required: false,
-              default: "false",
-              description: "@deprecated The tooltip renders in the native top layer; ignored."
+              default: "false",
+              description: "@deprecated The tooltip renders in the native top layer; ignored."
+            }
+          ]
+        }
+      },
+      examples: [
+        {
+          title: "Primary",
+          framework: "angular",
+          code: "<!-- Storybook story: Primary -->\n<span uni-text>Here is some text with a <uni-tooltip ${argsToTemplate(props)}>tooltip</uni-tooltip> in the middle.\n</span>\n<!-- args:\n{\n    label: 'Bottom-start tooltip',\n    placement: 'bottom-start',\n    inlineText: true,\n  }\n-->"
+        }
+      ],
+      guidelines: {
+        whenToUse: 'A tooltip is a brief, informative message that appears when a user interacts with an element.\nIf using a tooltip within a body of text, set the `inlineText` option to `true`.\nWrapping an interactive control (a button, a link) is supported: activating\nthe control hides the bubble and keeps it hidden until the pointer leaves and\nreturns, so a label that changes with the control\'s state ("Expand" \u2192\n"Collapse") never blinks back mid-interaction. Tapping a non-interactive\ntooltip (inline text) still toggles the bubble.',
+        dos: [],
+        donts: [],
+        accessibility: [
+          '`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",
+        "tooltip.behavior.shadow",
+        "tooltip.behavior.color",
+        "tooltip.behavior.typeface"
+      ]
+    },
+    {
+      id: "tour",
+      name: "Tour",
+      status: "stable",
+      summary: 'A thin sequencer over one `uni-callout`: steps spotlight their targets, a footer walks Next/Back with dots-or-fraction progress, and `advanceOn` gates a step behind an interaction with its target (auto-advancing for clicks, unlocking Next otherwise \u2014 announced through one `role="status"` region).',
+      description: 'A thin sequencer over one `uni-callout`: steps spotlight their targets, a footer walks Next/Back with dots-or-fraction progress, and `advanceOn` gates a step behind an interaction with its target (auto-advancing for clicks, unlocking Next otherwise \u2014 announced through one `role="status"` region). Escape or the close button skips the tour and reports the step. `active` is a two-way model, so a tour is deep-linkable and inspectable; steps whose declared target cannot be resolved are skipped (with a dev warning) in the direction of travel rather than erroring.',
+      category: "components",
+      version: "8.3.0",
+      bindings: {
+        angular: {
+          importPath: "@uni-design-system/uni-angular",
+          selectorOrTag: "uni-tour",
+          api: [
+            {
+              name: "steps",
+              kind: "input",
+              type: "UniTourStep[]",
+              required: true,
+              description: ""
+            },
+            {
+              name: "active",
+              kind: "model",
+              type: "number | null",
+              required: false,
+              default: "null",
+              description: "The presented step index, or null when the tour is not running."
+            },
+            {
+              name: "nextLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Next'",
+              description: ""
+            },
+            {
+              name: "backLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Back'",
+              description: ""
+            },
+            {
+              name: "skipLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Skip'",
+              description: ""
+            },
+            {
+              name: "doneLabel",
+              kind: "input",
+              type: "string",
+              required: false,
+              default: "'Done'",
+              description: ""
+            },
+            {
+              name: "started",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
+            },
+            {
+              name: "finished",
+              kind: "output",
+              type: "void",
+              required: false,
+              description: ""
             }
           ]
         }
@@ -7446,24 +8127,34 @@ placeholder="Name or address\u2026"
         {
           title: "Primary",
           framework: "angular",
-          code: "<!-- Storybook story: Primary -->\n<span uni-text>Here is some text with a <uni-tooltip ${argsToTemplate(props)}>tooltip</uni-tooltip> in the middle.\n</span>\n<!-- args:\n{\n    label: 'Bottom-start tooltip',\n    placement: 'bottom-start',\n    inlineText: true,\n  }\n-->"
+          code: '<!-- Storybook story: Primary -->\n<div stack-layout gap="md">\n<button text-button (click)="tour.start()">Start tour</button>\n<uni-input label="Search projects" id="tour-demo-search"></uni-input>\n<uni-input label="Weekly report" id="tour-demo-report"></uni-input>\n<uni-input label="Project name" id="tour-demo-name"></uni-input>\n<div><button text-button variant="secondary" id="tour-demo-create">Create project</button></div>\n<uni-tour #tour [steps]="steps"></uni-tour>\n</div>'
+        },
+        {
+          title: "Fraction Progress",
+          framework: "angular",
+          code: '<!-- Storybook story: Fraction Progress -->\n<div stack-layout gap="md">\n<button text-button (click)="tour.start()">Start tour</button>\n<uni-input label="Search projects" id="tour-demo-search"></uni-input>\n<uni-input label="Weekly report" id="tour-demo-report"></uni-input>\n<uni-input label="Project name" id="tour-demo-name"></uni-input>\n<div><button text-button variant="secondary" id="tour-demo-create">Create project</button></div>\n<uni-tour #tour [steps]="steps"></uni-tour>\n</div>'
         }
       ],
       guidelines: {
-        whenToUse: 'A tooltip is a brief, informative message that appears when a user interacts with an element.\nIf using a tooltip within a body of text, set the `inlineText` option to `true`.\nWrapping an interactive control (a button, a link) is supported: activating\nthe control hides the bubble and keeps it hidden until the pointer leaves and\nreturns, so a label that changes with the control\'s state ("Expand" \u2192\n"Collapse") never blinks back mid-interaction. Tapping a non-interactive\ntooltip (inline text) still toggles the bubble.',
-        dos: [],
-        donts: [],
+        whenToUse: 'Tour sequences one `uni-callout` through a list of steps: spotlight targets,\ndim interludes, and interaction gates. A step with `advanceOn` locks Next\nuntil the user performs the gesture on its target \u2014 clicks auto-advance\n(the gesture is complete), anything else unlocks Next and announces it\nthrough one polite `role="status"` region, so nobody is yanked forward\nmid-typing. Steps whose declared target cannot be found are skipped in the\ndirection of travel with a dev warning, never an error. `active` is a\ntwo-way model, so tours are deep-linkable; Escape or the close button skips\nand reports the step through `skipped`.',
+        dos: [
+          "Keep tours short and gate only steps whose gesture teaches something",
+          "Handle `skipped`/`finished` and persist them \u2014 the tour holds no storage"
+        ],
+        donts: [
+          "Point steps at elements that may not exist without accepting the skip",
+          "Span routes in one tour; sequence per page instead"
+        ],
         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.'
+          'Each panel is labelled `"<title>, step <n> of <total>"`; the dots are `aria-hidden` decoration.',
+          'Gate unlocks are announced ("Next available") through a single persistent live region.',
+          "Arrow-key navigation never fires while the user is typing in a spotlit target.",
+          "The close button reads as the skip affordance (`skipLabel`)."
         ]
       },
       relatedTokens: [
-        "tooltip.behavior.borderRadius",
-        "tooltip.behavior.shadow",
-        "tooltip.behavior.color",
-        "tooltip.behavior.typeface"
+        "tour.behavior.progressStyle",
+        "tour.behavior.footerGap"
       ]
     },
     {
@@ -7473,7 +8164,7 @@ placeholder="Name or address\u2026"
       summary: "",
       description: "",
       category: "layout",
-      version: "8.2.0",
+      version: "8.3.0",
       bindings: {
         angular: {
           importPath: "@uni-design-system/uni-angular",
@@ -9351,6 +10042,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "xs"
       }
     },
+    {
+      id: "searchInput.behavior.activeColor",
+      value: "primary-container",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "searchInput",
+      themeValues: {
+        LightTheme: "primary-container",
+        DarkTheme: "primary-container"
+      }
+    },
     {
       id: "searchInput.behavior.maxSuggestions",
       value: 8,
@@ -9927,6 +10630,174 @@ placeholder="Name or address\u2026"
         DarkTheme: 0.35
       }
     },
+    {
+      id: "popover.behavior.color",
+      value: "primary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "primary-surface",
+        DarkTheme: "primary-surface"
+      }
+    },
+    {
+      id: "popover.behavior.border",
+      value: "quaternary",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "quaternary",
+        DarkTheme: "quaternary"
+      }
+    },
+    {
+      id: "popover.behavior.borderRadius",
+      value: "xs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "xs",
+        DarkTheme: "xs"
+      }
+    },
+    {
+      id: "popover.behavior.shadow",
+      value: "raised",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "raised",
+        DarkTheme: "raised"
+      }
+    },
+    {
+      id: "popover.behavior.typeface",
+      value: "label",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "label",
+        DarkTheme: "label"
+      }
+    },
+    {
+      id: "popover.behavior.padding",
+      value: "6px 12px",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "6px 12px",
+        DarkTheme: "6px 12px"
+      }
+    },
+    {
+      id: "popover.behavior.maxWidth",
+      value: "38ch",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "38ch",
+        DarkTheme: "38ch"
+      }
+    },
+    {
+      id: "popover.behavior.offset",
+      value: 7,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: 7,
+        DarkTheme: 7
+      }
+    },
+    {
+      id: "popover.behavior.arrowSize",
+      value: 8,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: 8,
+        DarkTheme: 8
+      }
+    },
+    {
+      id: "popover.behavior.closeSymbol",
+      value: "close",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "close",
+        DarkTheme: "close"
+      }
+    },
+    {
+      id: "popover.behavior.headerTypeface",
+      value: "title-small",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "title-small",
+        DarkTheme: "title-small"
+      }
+    },
+    {
+      id: "popover.behavior.tooltipPadding",
+      value: "4px 8px",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: "4px 8px",
+        DarkTheme: "4px 8px"
+      }
+    },
+    {
+      id: "popover.behavior.tooltipOpenDelay",
+      value: 500,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: 500,
+        DarkTheme: 500
+      }
+    },
+    {
+      id: "popover.behavior.tooltipCloseDelay",
+      value: 150,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "popover",
+      themeValues: {
+        LightTheme: 150,
+        DarkTheme: 150
+      }
+    },
     {
       id: "expand.behavior.transitionSpeed",
       value: 0.35,
@@ -10503,6 +11374,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "xs"
       }
     },
+    {
+      id: "tagInput.behavior.activeColor",
+      value: "primary-container",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tagInput",
+      themeValues: {
+        LightTheme: "primary-container",
+        DarkTheme: "primary-container"
+      }
+    },
     {
       id: "tagInput.behavior.maxSuggestions",
       value: 8,
@@ -10600,15 +11483,123 @@ placeholder="Name or address\u2026"
       }
     },
     {
-      id: "calendar.behavior.todayStyle",
-      value: "outline",
+      id: "calendar.behavior.todayStyle",
+      value: "outline",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "calendar",
+      themeValues: {
+        LightTheme: "outline",
+        DarkTheme: "outline"
+      }
+    },
+    {
+      id: "combobox.behavior.toggleIcon",
+      value: "chevronDown",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "chevronDown",
+        DarkTheme: "chevronDown"
+      }
+    },
+    {
+      id: "combobox.behavior.clearIcon",
+      value: "close",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "close",
+        DarkTheme: "close"
+      }
+    },
+    {
+      id: "combobox.behavior.selectedIcon",
+      value: "check",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "check",
+        DarkTheme: "check"
+      }
+    },
+    {
+      id: "combobox.behavior.listColor",
+      value: "primary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "primary-surface",
+        DarkTheme: "primary-surface"
+      }
+    },
+    {
+      id: "combobox.behavior.listShadow",
+      value: "menu",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "menu",
+        DarkTheme: "menu"
+      }
+    },
+    {
+      id: "combobox.behavior.listBorderRadius",
+      value: "xs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "xs",
+        DarkTheme: "xs"
+      }
+    },
+    {
+      id: "combobox.behavior.activeColor",
+      value: "primary-container",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: "primary-container",
+        DarkTheme: "primary-container"
+      }
+    },
+    {
+      id: "combobox.behavior.maxVisibleOptions",
+      value: 8,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "combobox",
+      themeValues: {
+        LightTheme: 8,
+        DarkTheme: 8
+      }
+    },
+    {
+      id: "combobox.behavior.descriptionColor",
+      value: "on-primary-surface-variant",
       type: "string",
       kind: "behavioral",
       target: "component-prop",
-      appliesTo: "calendar",
+      appliesTo: "combobox",
       themeValues: {
-        LightTheme: "outline",
-        DarkTheme: "outline"
+        LightTheme: "on-primary-surface-variant",
+        DarkTheme: "on-primary-surface-variant"
       }
     },
     {
@@ -10707,6 +11698,18 @@ placeholder="Name or address\u2026"
         DarkTheme: "xs"
       }
     },
+    {
+      id: "timeInput.behavior.activeColor",
+      value: "primary-container",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "timeInput",
+      themeValues: {
+        LightTheme: "primary-container",
+        DarkTheme: "primary-container"
+      }
+    },
     {
       id: "timeInput.behavior.maxVisibleOptions",
       value: 7,
@@ -11618,6 +12621,210 @@ placeholder="Name or address\u2026"
         LightTheme: "label",
         DarkTheme: "label"
       }
+    },
+    {
+      id: "callout.behavior.color",
+      value: "primary-surface",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "primary-surface",
+        DarkTheme: "primary-surface"
+      }
+    },
+    {
+      id: "callout.behavior.borderRadius",
+      value: "xs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "xs",
+        DarkTheme: "xs"
+      }
+    },
+    {
+      id: "callout.behavior.shadow",
+      value: "menu",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "menu",
+        DarkTheme: "menu"
+      }
+    },
+    {
+      id: "callout.behavior.width",
+      value: "320px",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "320px",
+        DarkTheme: "320px"
+      }
+    },
+    {
+      id: "callout.behavior.padding",
+      value: "16px",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "16px",
+        DarkTheme: "16px"
+      }
+    },
+    {
+      id: "callout.behavior.headerTypeface",
+      value: "title-small",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "title-small",
+        DarkTheme: "title-small"
+      }
+    },
+    {
+      id: "callout.behavior.typeface",
+      value: "label",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "label",
+        DarkTheme: "label"
+      }
+    },
+    {
+      id: "callout.behavior.closeSymbol",
+      value: "close",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "close",
+        DarkTheme: "close"
+      }
+    },
+    {
+      id: "callout.behavior.arrowSize",
+      value: 8,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: 8,
+        DarkTheme: 8
+      }
+    },
+    {
+      id: "callout.behavior.offset",
+      value: 12,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: 12,
+        DarkTheme: 12
+      }
+    },
+    {
+      id: "callout.behavior.scrimColor",
+      value: "rgba(0, 0, 0, 0.45)",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "rgba(0, 0, 0, 0.45)",
+        DarkTheme: "rgba(0, 0, 0, 0.45)"
+      }
+    },
+    {
+      id: "callout.behavior.spotlightPadding",
+      value: 6,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: 6,
+        DarkTheme: 6
+      }
+    },
+    {
+      id: "callout.behavior.spotlightRadius",
+      value: "xs",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: "xs",
+        DarkTheme: "xs"
+      }
+    },
+    {
+      id: "callout.behavior.ringWidth",
+      value: 2,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: 2,
+        DarkTheme: 2
+      }
+    },
+    {
+      id: "callout.behavior.transitionMs",
+      value: 250,
+      type: "number",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "callout",
+      themeValues: {
+        LightTheme: 250,
+        DarkTheme: 250
+      }
+    },
+    {
+      id: "tour.behavior.progressStyle",
+      value: "dots",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tour",
+      themeValues: {
+        LightTheme: "dots",
+        DarkTheme: "dots"
+      }
+    },
+    {
+      id: "tour.behavior.footerGap",
+      value: "sm",
+      type: "string",
+      kind: "behavioral",
+      target: "component-prop",
+      appliesTo: "tour",
+      themeValues: {
+        LightTheme: "sm",
+        DarkTheme: "sm"
+      }
     }
   ],
   themes: [
@@ -11805,6 +13012,7 @@ placeholder="Name or address\u2026"
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
+          activeColor: "primary-container",
           maxSuggestions: 8
         },
         checkbox: {
@@ -11870,6 +13078,22 @@ placeholder="Name or address\u2026"
           activeSymbol: "check",
           transitionSpeed: 0.35
         },
+        popover: {
+          color: "primary-surface",
+          border: "quaternary",
+          borderRadius: "xs",
+          shadow: "raised",
+          typeface: "label",
+          padding: "6px 12px",
+          maxWidth: "38ch",
+          offset: 7,
+          arrowSize: 8,
+          closeSymbol: "close",
+          headerTypeface: "title-small",
+          tooltipPadding: "4px 8px",
+          tooltipOpenDelay: 500,
+          tooltipCloseDelay: 150
+        },
         expand: {
           transitionSpeed: 0.35
         },
@@ -11935,6 +13159,7 @@ placeholder="Name or address\u2026"
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
+          activeColor: "primary-container",
           maxSuggestions: 8
         },
         calendar: {
@@ -11947,6 +13172,17 @@ placeholder="Name or address\u2026"
           showOutsideDays: false,
           todayStyle: "outline"
         },
+        combobox: {
+          toggleIcon: "chevronDown",
+          clearIcon: "close",
+          selectedIcon: "check",
+          listColor: "primary-surface",
+          listShadow: "menu",
+          listBorderRadius: "xs",
+          activeColor: "primary-container",
+          maxVisibleOptions: 8,
+          descriptionColor: "on-primary-surface-variant"
+        },
         dateInput: {
           toggleSymbol: "calendar_month",
           popupShadow: "menu",
@@ -11958,6 +13194,7 @@ placeholder="Name or address\u2026"
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
+          activeColor: "primary-container",
           maxVisibleOptions: 7
         },
         dateTimeInput: {
@@ -12064,6 +13301,27 @@ placeholder="Name or address\u2026"
           shadow: "raised",
           color: "inverse-surface",
           typeface: "label"
+        },
+        callout: {
+          color: "primary-surface",
+          borderRadius: "xs",
+          shadow: "menu",
+          width: "320px",
+          padding: "16px",
+          headerTypeface: "title-small",
+          typeface: "label",
+          closeSymbol: "close",
+          arrowSize: 8,
+          offset: 12,
+          scrimColor: "rgba(0, 0, 0, 0.45)",
+          spotlightPadding: 6,
+          spotlightRadius: "xs",
+          ringWidth: 2,
+          transitionMs: 250
+        },
+        tour: {
+          progressStyle: "dots",
+          footerGap: "sm"
         }
       },
       usage: "Apply style overrides through the Emotion theme provider (the `UniTheme` object), and pass component options as component inputs/props. Import the theme from `@uni-design-system/uni-core` (`LightTheme`)."
@@ -12252,6 +13510,7 @@ placeholder="Name or address\u2026"
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
+          activeColor: "primary-container",
           maxSuggestions: 8
         },
         checkbox: {
@@ -12317,6 +13576,22 @@ placeholder="Name or address\u2026"
           activeSymbol: "check",
           transitionSpeed: 0.35
         },
+        popover: {
+          color: "primary-surface",
+          border: "quaternary",
+          borderRadius: "xs",
+          shadow: "raised",
+          typeface: "label",
+          padding: "6px 12px",
+          maxWidth: "38ch",
+          offset: 7,
+          arrowSize: 8,
+          closeSymbol: "close",
+          headerTypeface: "title-small",
+          tooltipPadding: "4px 8px",
+          tooltipOpenDelay: 500,
+          tooltipCloseDelay: 150
+        },
         expand: {
           transitionSpeed: 0.35
         },
@@ -12382,6 +13657,7 @@ placeholder="Name or address\u2026"
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
+          activeColor: "primary-container",
           maxSuggestions: 8
         },
         calendar: {
@@ -12394,6 +13670,17 @@ placeholder="Name or address\u2026"
           showOutsideDays: false,
           todayStyle: "outline"
         },
+        combobox: {
+          toggleIcon: "chevronDown",
+          clearIcon: "close",
+          selectedIcon: "check",
+          listColor: "primary-surface",
+          listShadow: "menu",
+          listBorderRadius: "xs",
+          activeColor: "primary-container",
+          maxVisibleOptions: 8,
+          descriptionColor: "on-primary-surface-variant"
+        },
         dateInput: {
           toggleSymbol: "calendar_month",
           popupShadow: "menu",
@@ -12405,6 +13692,7 @@ placeholder="Name or address\u2026"
           listColor: "primary-surface",
           listShadow: "menu",
           listBorderRadius: "xs",
+          activeColor: "primary-container",
           maxVisibleOptions: 7
         },
         dateTimeInput: {
@@ -12511,6 +13799,27 @@ placeholder="Name or address\u2026"
           shadow: "raised",
           color: "inverse-surface",
           typeface: "label"
+        },
+        callout: {
+          color: "primary-surface",
+          borderRadius: "xs",
+          shadow: "menu",
+          width: "320px",
+          padding: "16px",
+          headerTypeface: "title-small",
+          typeface: "label",
+          closeSymbol: "close",
+          arrowSize: 8,
+          offset: 12,
+          scrimColor: "rgba(0, 0, 0, 0.45)",
+          spotlightPadding: 6,
+          spotlightRadius: "xs",
+          ringWidth: 2,
+          transitionMs: 250
+        },
+        tour: {
+          progressStyle: "dots",
+          footerGap: "sm"
         }
       },
       usage: "Apply style overrides through the Emotion theme provider (the `UniTheme` object), and pass component options as component inputs/props. Import the theme from `@uni-design-system/uni-core` (`DarkTheme`)."
@@ -12520,6 +13829,30 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-angular",
       releases: [
+        {
+          version: "8.3.0",
+          entries: [
+            {
+              bump: "minor",
+              title: '`uni-combobox` \u2014 the form-bound, closed-set, single-select autocomplete. `FormValueControl<T | null>` over the cdk\'s object `Options<T>`, so it drops into Signal Forms via `[field]`; minimum usage is `<uni-combobox label="State" [options]="states" [(value)]="state" />`. Typing filters, it never selects: the draft commits on an active option, a unique exact label match, or (Enter only) a filter narrowed to one enabled option; anything else reverts and emits `(rejected)`. The value contract is identical to `uni-select` (`T | null`, `compareWith`), so swapping one for the other as a list grows is a template-only change. Filtering is local by default; `[filterLocally]="false"` renders `options` verbatim and the app narrows them from the debounced `(query)` output \u2014 the async/server-side story. Glyphs are theme icon primitives (`toggleIcon`/`clearIcon`/`selectedIcon`) rendered by `uni-icon`.',
+              body: "Supporting cdk changes, both non-breaking:\n- `Option<T>` gains optional `description` (secondary line, read as part of the option's name) and `disabled` (visible and announced, not committable).\n- `ListboxNavigation` accepts a `disabled?: (index) => boolean` config hook \u2014 arrows skip disabled options, `Home`/`End` land on the nearest enabled one, an all-disabled list never activates. Existing consumers pass nothing and behave identically.",
+              commit: "eb8b7ae"
+            },
+            {
+              bump: "minor",
+              title: "Listbox popups (`uni-search-input`, `uni-tag-input`, `uni-time-input`, `uni-combobox`): the active/hover option fill is now the themable `activeColor` option (default `'primary-container'`, on-color derived) instead of a hardcoded token pair. Set it when your theme maps `primary-container` and `primary-surface` to the same color \u2014 the keyboard highlight is otherwise invisible; a canvas/hover tint like the one your menus use is usually right (`searchInput: { options: { activeColor: 'tertiary-surface' } }`, and likewise `tagInput`/`timeInput`/`combobox`). The base theme carries the default explicitly so the option is discoverable in each component's Theme options table.",
+              body: "The four popups now share one style source, the exported `listboxPopupStyles(theme, options, { maxHeight? })` helper (`UniListboxPopupOptions`), so their surface trio and highlight can no longer drift apart. Rendering is unchanged under existing themes; the active row's text color now derives from `listColor`'s on-pair rather than assuming `on-primary-surface`.",
+              commit: "eb8b7ae"
+            },
+            {
+              bump: "minor",
+              title: "Popover v2, `uni-callout`, and `uni-tour` \u2014 the coach-mark family from the popover prototype, plus shared overlay primitives in the cdk.",
+              body: "**`uni-popover` v2 (upgrade in place).** Everything v1 shipped keeps its exact behavior (`placement`, `autoClose`, the three methods \u2014 `togglePopover`'s event is now optional \u2014 and both slots), and the chrome now resolves from a real `popover` theme entry whose defaults match the old hardcoded look. New: a two-way `open` model; `mode=\"tooltip\"` (hover/focus timers, `role=\"tooltip\"` + `aria-describedby`, WCAG 1.4.13 hoverable/dismissable, dev warning on focusable content \u2014 `uni-tooltip` remains for the wrap-content case); a detached `anchor` input (element or id, resolved at open) so the panel can hug a field while the trigger keeps the disclosure ARIA \u2014 and with no trigger content, no element claims `aria-expanded` it doesn't deserve; structured anatomy (`header` + `closable` \u2715, `[popover-header]`/`[popover-footer]` slots that collapse when empty); `arrow`, `maxWidth` (theme default `38ch` \u2014 the one visible change for long unwrapped content; set the theme's `maxWidth: 'none'` to opt out), `openDelay`/`closeDelay`, and `opened`/`closed` outputs. Focus follows the APG disclosure pattern: stays on the trigger unless the panel marks `[autofocus]`, returns on close.\n\n**`uni-callout` (new).** An anchored coach mark that dims the page and cuts a spotlight hole around its target. Every scrim piece is CSS-anchor-positioned, so the hole tracks scroll/resize/layout with zero listeners, and the spotlit element stays genuinely clickable through it (`targetInteractive=false` covers it instead). Non-modal `role=\"dialog\"` with the \"duet\" focus loop \u2014 Tab cycles the panel's controls plus the interactive target \u2014 and focus restore that respects a user who moved into the target. `backdrop: 'spotlight' | 'dim' | 'none'`, `dismissible`, `dismissOnBackdrop` (otherwise backdrop clicks pulse the panel), and a `dismissed` output with `reason` (`close-button`/`escape`/`backdrop`/`programmatic`) plus `key` \u2014 the storage-free \"don't show again\" hooks. Retargets in place when `target` changes while open, which is what the tour rides.\n\n**`uni-tour` (new).** A thin sequencer over one callout: `steps` with per-step placement/backdrop/interactivity, a two-way deep-linkable `active` model, Back/Next/Done with dots-or-fraction progress, and `advanceOn` interaction gates \u2014 clicks auto-advance, anything else unlocks Next and announces it through one polite live region. Missing-target steps are skipped in the direction of travel with a dev warning. Escape/\u2715 (named by `skipLabel`) skip and report the step.\n\n**cdk.** New `overlay` module (`TRANSFORM_ORIGINS`, `setAnchorName`/`clearAnchorName`, `resolveElement` \u2014 `''` is unset, `isToggleOpen`, `discreteOverlayTransition`, `restoreOverlayFocus`, `focusableElements`) extracted from the dropdown's plumbing (dropdown's public API unchanged); `spotlightStyles(anchor, { pad, ringWidth, scrimColor })` beside `anchorStyles`, returning the window/strips/cover pieces as pure `calc(anchor(...))` style objects.\n\n**Arrow fix.** `anchorArrowStyles` now clips the rotated-square arrow to its outer half with a per-placement `clip-path` cut exactly on the panel-edge diagonal: the two border strokes previously ran the full square and visibly cut into the panel surface; they now terminate precisely at the panel edge, and the panel's own border line \u2014 which sits just outside that edge \u2014 falls inside the kept half, so the arrow background covers it and the base reads as an opening in the border. Tooltip, popover, and callout inherit the fix with no call-site changes.",
+              commit: "6f87212"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "8.2.0",
           entries: [
@@ -12994,6 +14327,30 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-core",
       releases: [
+        {
+          version: "8.3.0",
+          entries: [
+            {
+              bump: "minor",
+              title: "`'combobox'` joins `ComponentName`, with a base-theme entry: `toggleIcon: 'chevronDown'`, `clearIcon: 'close'`, `selectedIcon: 'check'` (BaseIcons names rendered by `uni-icon` \u2014 not Material Symbol ligatures), the listbox surface trio (`listColor`/`listShadow`/`listBorderRadius`), `activeColor`, `descriptionColor`, and `maxVisibleOptions: 8` \u2014 a scroll height, never a cap. Field chrome comes from the `input` entry via `uni-input-box`, as everywhere.",
+              body: "",
+              commit: "eb8b7ae"
+            },
+            {
+              bump: "minor",
+              title: "Listbox popups (`uni-search-input`, `uni-tag-input`, `uni-time-input`, `uni-combobox`): the active/hover option fill is now the themable `activeColor` option (default `'primary-container'`, on-color derived) instead of a hardcoded token pair. Set it when your theme maps `primary-container` and `primary-surface` to the same color \u2014 the keyboard highlight is otherwise invisible; a canvas/hover tint like the one your menus use is usually right (`searchInput: { options: { activeColor: 'tertiary-surface' } }`, and likewise `tagInput`/`timeInput`/`combobox`). The base theme carries the default explicitly so the option is discoverable in each component's Theme options table.",
+              body: "The four popups now share one style source, the exported `listboxPopupStyles(theme, options, { maxHeight? })` helper (`UniListboxPopupOptions`), so their surface trio and highlight can no longer drift apart. Rendering is unchanged under existing themes; the active row's text color now derives from `listColor`'s on-pair rather than assuming `on-primary-surface`.",
+              commit: "eb8b7ae"
+            },
+            {
+              bump: "minor",
+              title: "`'popover'`, `'callout'`, and `'tour'` join `ComponentName`, with base-theme entries. The popover defaults reproduce the previously hardcoded look (`primary-surface`, `quaternary` border, `xs` radius, `raised` shadow, `6px 12px` padding, 7px offset) plus the tooltip-mode options; the callout entry carries the scrim/spotlight geometry (`scrimColor`, `spotlightPadding`, `spotlightRadius`, `ringWidth` \u2014 the ring color is deliberately the `variant` role, not an option); the tour entry is just `progressStyle` and `footerGap`, since its skin is the callout's.",
+              body: "",
+              commit: "6f87212"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "8.2.0",
           entries: [
@@ -13364,6 +14721,11 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-react",
       releases: [
+        {
+          version: "8.3.0",
+          entries: [],
+          dependencyBumps: []
+        },
         {
           version: "8.2.0",
           entries: [
@@ -13541,6 +14903,18 @@ placeholder="Name or address\u2026"
     {
       package: "@uni-design-system/uni-mcp",
       releases: [
+        {
+          version: "4.7.1",
+          entries: [
+            {
+              bump: "patch",
+              title: "README: the hosted (Render) endpoint is marked dormant \u2014 no deployment is currently running; stdio via `npx -y @uni-design-system/uni-mcp` is the canonical path (pin the package to your installed Uni version for version-locked answers). The HTTP mode stays documented and deployable for when a browser-based consumer needs it. The `get-changelog` and `export-dtcg-tokens` tools are now listed in the tools table.",
+              body: "",
+              commit: "b160b3c"
+            }
+          ],
+          dependencyBumps: []
+        },
         {
           version: "4.7.0",
           entries: [
@@ -14851,6 +16225,7 @@ var buildComponents = (c) => ({
     listColor: "primary-surface",
     listShadow: "menu",
     listBorderRadius: "xs",
+    activeColor: "primary-container",
     maxSuggestions: 8
   } },
   checkbox: { options: {
@@ -14933,6 +16308,22 @@ var buildComponents = (c) => ({
       }
     } }
   },
+  popover: { options: {
+    color: "primary-surface",
+    border: "quaternary",
+    borderRadius: "xs",
+    shadow: "raised",
+    typeface: "label",
+    padding: "6px 12px",
+    maxWidth: "38ch",
+    offset: 7,
+    arrowSize: 8,
+    closeSymbol: "close",
+    headerTypeface: "title-small",
+    tooltipPadding: "4px 8px",
+    tooltipOpenDelay: 500,
+    tooltipCloseDelay: 150
+  } },
   expand: { options: { transitionSpeed: 0.35 } },
   footer: { options: {
     height: 52,
@@ -15052,6 +16443,7 @@ var buildComponents = (c) => ({
     listColor: "primary-surface",
     listShadow: "menu",
     listBorderRadius: "xs",
+    activeColor: "primary-container",
     maxSuggestions: 8
   } },
   calendar: {
@@ -15087,6 +16479,17 @@ var buildComponents = (c) => ({
       }
     }
   },
+  combobox: { options: {
+    toggleIcon: "chevronDown",
+    clearIcon: "close",
+    selectedIcon: "check",
+    listColor: "primary-surface",
+    listShadow: "menu",
+    listBorderRadius: "xs",
+    activeColor: "primary-container",
+    maxVisibleOptions: 8,
+    descriptionColor: "on-primary-surface-variant"
+  } },
   dateInput: { options: {
     toggleSymbol: "calendar_month",
     popupShadow: "menu",
@@ -15098,6 +16501,7 @@ var buildComponents = (c) => ({
     listColor: "primary-surface",
     listShadow: "menu",
     listBorderRadius: "xs",
+    activeColor: "primary-container",
     maxVisibleOptions: 7
   } },
   dateTimeInput: { options: {
@@ -15405,6 +16809,27 @@ var buildComponents = (c) => ({
     shadow: "raised",
     color: "inverse-surface",
     typeface: "label"
+  } },
+  callout: { options: {
+    color: "primary-surface",
+    borderRadius: "xs",
+    shadow: "menu",
+    width: "320px",
+    padding: "16px",
+    headerTypeface: "title-small",
+    typeface: "label",
+    closeSymbol: "close",
+    arrowSize: 8,
+    offset: 12,
+    scrimColor: "rgba(0, 0, 0, 0.45)",
+    spotlightPadding: 6,
+    spotlightRadius: "xs",
+    ringWidth: 2,
+    transitionMs: 250
+  } },
+  tour: { options: {
+    progressStyle: "dots",
+    footerGap: "sm"
   } }
 });
 var isRecord$1 = (value) => typeof value === "object" && value !== null && !Array.isArray(value);
@@ -16751,4 +18176,4 @@ export {
   buildStoredTheme,
   createUniServer
 };
-//# sourceMappingURL=chunk-JOMMURY6.js.map
+//# sourceMappingURL=chunk-YLYBDQAV.js.map