@uni-design-system/uni-angular 7.1.0 → 7.3.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uni-design-system/uni-angular",
-  "version": "7.1.0",
+  "version": "7.3.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -22,7 +22,7 @@
     "@angular/core": "^21.2.0",
     "@angular/forms": "^21.2.0",
     "@emotion/css": "^11.0.0",
-    "@uni-design-system/uni-core": "^7.1.0"
+    "@uni-design-system/uni-core": "^7.3.0"
   },
   "module": "fesm2022/uni-design-system-uni-angular.mjs",
   "typings": "types/uni-design-system-uni-angular.d.ts",

package/schematics/ng-add/index.js

@@ -2,6 +2,19 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 let _angular_devkit_schematics = require("@angular-devkit/schematics");
 let _angular_devkit_schematics_tasks = require("@angular-devkit/schematics/tasks");
 //#region ../core/dist/esm/index.js
+/** Duration (seconds) the default theme assigns `expand`'s `transitionSpeed`. */
+var EXPAND_DEFAULT_SPEED = .35;
+/**
+* Duration envelope at the default speed. A tiny region never blinks past
+* faster than the min; a full-page region never drags longer than the max.
+* Expressed at `EXPAND_DEFAULT_SPEED` and applied as scale-factor clamps, so a
+* theme that slows `transitionSpeed` down widens its envelope proportionally
+* instead of being capped back to the stock feel.
+*/
+var EXPAND_MIN_DURATION = .15;
+var EXPAND_MAX_DURATION = .6;
+EXPAND_MIN_DURATION / EXPAND_DEFAULT_SPEED;
+EXPAND_MAX_DURATION / EXPAND_DEFAULT_SPEED;
 var cycle = (angle) => {
 	if (angle > 360) return angle - 360;
 	if (angle < 0) return angle + 360;
@@ -577,6 +590,7 @@ var BaseIcons = {
 	arrowLeft: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='m294.92-450 227.85 227.85L480-180 180-480l300-300 42.77 42.15L294.92-510H780v60H294.92Z'/%3e%3c/svg%3e",
 	arrowRight: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M665.08-450H180v-60h485.08L437.23-737.85 480-780l300 300-300 300-42.77-42.15L665.08-450Z'/%3e%3c/svg%3e",
 	home: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M240-200h133.85v-237.69h212.3V-200H720v-360L480-740.77 240-560v360Zm-60 60v-450l300-225.77L780-590v450H526.15v-237.69h-92.3V-140H180Zm300-330.38Z'/%3e%3c/svg%3e",
+	building: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M130-136.92v-540h160v-160h380v320h160v380H530v-160H430v160H130Zm60-60h100v-100H190v100Zm0-160h100v-100H190v100Zm0-160h100v-100H190v100Zm160 160h100v-100H350v100Zm0-160h100v-100H350v100Zm0-160h100v-100H350v100Zm160 320h100v-100H510v100Zm0-160h100v-100H510v100Zm0-160h100v-100H510v100Zm160 480h100v-100H670v100Zm0-160h100v-100H670v100Z'/%3e%3c/svg%3e",
 	externalLink: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M212.31-140Q182-140 161-161q-21-21-21-51.31v-535.38Q140-778 161-799q21-21 51.31-21h252.3v60h-252.3q-4.62 0-8.46 3.85-3.85 3.84-3.85 8.46v535.38q0 4.62 3.85 8.46 3.84 3.85 8.46 3.85h535.38q4.62 0 8.46-3.85 3.85-3.84 3.85-8.46v-252.3h60v252.3Q820-182 799-161q-21 21-51.31 21H212.31Zm176.46-206.62-42.15-42.15L717.85-760H560v-60h260v260h-60v-157.85L388.77-346.62Z'/%3e%3c/svg%3e",
 	link: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M432.31-298.46H281.54q-75.34 0-128.44-53.1Q100-404.65 100-479.98q0-75.33 53.1-128.44 53.1-53.12 128.44-53.12h150.77v60H281.54q-50.39 0-85.96 35.58Q160-530.38 160-480q0 50.38 35.58 85.96 35.57 35.58 85.96 35.58h150.77v60ZM330-450v-60h300v60H330Zm197.69 151.54v-60h150.77q50.39 0 85.96-35.58Q800-429.62 800-480q0-50.38-35.58-85.96-35.57-35.58-85.96-35.58H527.69v-60h150.77q75.34 0 128.44 53.1Q860-555.35 860-480.02q0 75.33-53.1 128.44-53.1 53.12-128.44 53.12H527.69Z'/%3e%3c/svg%3e",
 	expand: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-140v-300h60v198.23L718.23-760H520v-60h300v300h-60v-198.23L241.77-200H440v60H140Z'/%3e%3c/svg%3e",
@@ -596,6 +610,7 @@ var BaseIcons = {
 	share: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M672.22-100q-44.91 0-76.26-31.41-31.34-31.41-31.34-76.28 0-6 4.15-29.16L284.31-404.31q-14.46 15-34.36 23.5t-42.64 8.5q-44.71 0-76.01-31.54Q100-435.39 100-480q0-44.61 31.3-76.15 31.3-31.54 76.01-31.54 22.74 0 42.64 8.5 19.9 8.5 34.36 23.5l284.46-167.08q-2.38-7.38-3.27-14.46-.88-7.08-.88-15.08 0-44.87 31.43-76.28Q627.49-860 672.4-860t76.25 31.44Q780-797.13 780-752.22q0 44.91-31.41 76.26-31.41 31.34-76.28 31.34-22.85 0-42.5-8.69Q610.15-662 595.69-677L311.23-509.54q2.38 7.39 3.27 14.46.88 7.08.88 15.08t-.88 15.08q-.89 7.07-3.27 14.46L595.69-283q14.46-15 34.12-23.69 19.65-8.69 42.5-8.69 44.87 0 76.28 31.43Q780-252.51 780-207.6t-31.44 76.25Q717.13-100 672.22-100Zm.09-60q20.27 0 33.98-13.71Q720-187.42 720-207.69q0-20.27-13.71-33.98-13.71-13.72-33.98-13.72-20.27 0-33.98 13.72-13.72 13.71-13.72 33.98 0 20.27 13.72 33.98Q652.04-160 672.31-160Zm-465-272.31q20.43 0 34.25-13.8 13.83-13.81 13.83-33.89t-13.83-33.89q-13.82-13.8-34.25-13.8-20.11 0-33.71 13.8Q160-500.08 160-480t13.6 33.89q13.6 13.8 33.71 13.8Zm498.88-286.02Q720-732.04 720-752.31q0-20.27-13.71-33.98Q692.58-800 672.31-800q-20.27 0-33.98 13.71-13.72 13.71-13.72 33.98 0 20.27 13.81 33.98 13.81 13.72 33.89 13.72 20.07 0 33.88-13.72Zm-33.88 510.64ZM207.69-480Zm464.62-272.31Z'/%3e%3c/svg%3e",
 	send: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-190v-580l688.46 290L140-190Zm60-90 474-200-474-200v147.69L416.92-480 200-427.69V-280Zm0 0v-400 400Z'/%3e%3c/svg%3e",
 	filter: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M411.15-260v-60h137.31v60H411.15ZM256.16-450v-60h447.3v60h-447.3ZM140-640v-60h680v60H140Z'/%3e%3c/svg%3e",
+	funnel: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M455.39-180q-15.08 0-25.23-10.16Q420-200.31 420-215.39v-231.53L196.08-731.38q-11.54-15.39-3.35-32 8.2-16.62 27.66-16.62h519.22q19.46 0 27.66 16.62 8.19 16.61-3.35 32L540-446.92v231.53q0 15.08-10.16 25.23Q519.69-180 504.61-180h-49.22ZM480-468l198-252H282l198 252Zm0 0Z'/%3e%3c/svg%3e",
 	refresh: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M481.54-180q-125.63 0-212.81-87.17-87.19-87.17-87.19-212.77 0-125.6 87.19-212.83Q355.91-780 481.54-780q70.15 0 132.77 31.19 62.61 31.2 104.15 88.04V-780h60v244.61H533.85v-59.99h158q-31.62-57.93-87.7-91.27Q548.08-720 481.54-720q-100 0-170 70t-70 170q0 100 70 170t170 70q77 0 139-44t87-116h63.23q-27.23 97.92-107.27 158.96Q583.46-180 481.54-180Z'/%3e%3c/svg%3e",
 	dragHandle: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M360-175.39q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-240-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm-240-240q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Zm240 0q-26.65 0-45.63-18.98-18.98-18.98-18.98-45.63 0-26.65 18.98-45.63 18.98-18.98 45.63-18.98 26.65 0 45.63 18.98 18.98 18.98 18.98 45.63 0 26.65-18.98 45.63-18.98 18.98-45.63 18.98Z'/%3e%3c/svg%3e",
 	qrCode: "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3e%3cpath d='M140-520v-300h300v300H140Zm60-60h180v-180H200v180Zm-60 440v-300h300v300H140Zm60-60h180v-180H200v180Zm320-320v-300h300v300H520Zm60-60h180v-180H580v180Zm165 440v-75h75v75h-75ZM520-365v-75h75v75h-75Zm75 75v-75h75v75h-75Zm-75 75v-75h75v75h-75Zm75 75v-75h75v75h-75Zm75-75v-75h75v75h-75Zm0-150v-75h75v75h-75Zm75 75v-75h75v75h-75Z'/%3e%3c/svg%3e",
@@ -970,6 +985,38 @@ var buildComponents = (c) => ({
 		color: "primary-surface",
 		shadow: "menu"
 	} },
+	menu: { options: {
+		minWidth: 184,
+		color: void 0,
+		border: void 0,
+		borderRadius: void 0,
+		shadow: void 0,
+		paddingVertical: "xs",
+		paddingHorizontal: "none",
+		dividerBorder: "light",
+		dividerSpacing: "xs"
+	} },
+	menuItem: {
+		options: {
+			height: 38,
+			paddingHorizontal: "md",
+			gap: "md",
+			borderRadius: "none",
+			typeface: "label",
+			textColor: void 0,
+			hoverColor: "primary-container",
+			activeSymbol: "check",
+			transitionSpeed: .35
+		},
+		variants: { warn: {
+			color: c.warn,
+			"&:hover, &:focus": {
+				backgroundColor: c["warn-container"],
+				color: c["on-warn-container"]
+			}
+		} }
+	},
+	expand: { options: { transitionSpeed: .35 } },
 	footer: { options: {
 		height: 52,
 		color: "primary",
@@ -1576,7 +1623,7 @@ var emitThemeFile = (input) => {
 			"const components = (colors: Colors): ComponentThemes => ({});",
 			"",
 			"/**",
-			" * Icon primitives, merged over the built-in 59-icon set per name: reuse a",
+			" * Icon primitives, merged over the built-in 61-icon set per name: reuse a",
 			" * built-in name to reskin it, or add any new name. Define an icon ONCE here",
 			" * and render it anywhere via `<uni-icon name='…'/>` — never inline SVG in",
 			" * components.",
@@ -1707,7 +1754,7 @@ var UniThemes = {
 Object.keys(UniThemes)[0];
 //#endregion
 //#region package.json
-var version = "7.1.0";
+var version = "7.3.0";
 //#endregion
 //#region schematics-src/ng-add/transforms.ts
 var addDependencies = (packageJsonText, deps) => {

package/types/uni-design-system-uni-angular.d.ts

@@ -3,6 +3,7 @@ import { Signal, WritableSignal, InjectionToken, ElementRef, TemplateRef, OnInit
 import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
 import { IconName, Variant, ContainerColorToken, PaletteConfig, GenerateColorsConfig, Radii, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, ColorToken, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, Elevation, RadiiSize, TextColor, JustifyContent, StyleExpression, Orientation, CssLength, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap, ColorScheme, ColorCategory, ThemeShape, ContrastCheck, Colors, GenerationInput } from '@uni-design-system/uni-core';
 import { FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
+import * as _uni_design_system_uni_angular from '@uni-design-system/uni-angular';
 
 /**
  * Returns a document-unique id for wiring ARIA relationships
@@ -977,6 +978,10 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     readonly popoverId: string;
     paddingVertical: _angular_core.InputSignal<NullableSize>;
     paddingHorizontal: _angular_core.InputSignal<NullableSize>;
+    border: _angular_core.InputSignal<string>;
+    borderRadius: _angular_core.InputSignal<string>;
+    shadow: _angular_core.InputSignal<string>;
+    color: _angular_core.InputSignal<ContainerColorToken>;
     dropdownShowing: _angular_core.OutputEmitterRef<boolean>;
     dropdownHiding: _angular_core.OutputEmitterRef<boolean>;
     dropdownRef: ElementRef<HTMLDivElement>;
@@ -997,11 +1002,32 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     hideDropdown(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
 }
 
-declare class UniExpandComponent {
+/** Theme-level options for `uni-expand`. */
+interface UniExpandOptions {
+    /**
+     * Base reveal/collapse duration in seconds (matching alert/card
+     * `transitionSpeed`), lives in the `expand` theme options. The default
+     * theme uses `0.35`. This is the duration at a 240px-tall region; the
+     * actual duration scales with content height (√-of-height, clamped —
+     * `expandDuration` in uni-core) so short regions stay snappy and tall
+     * ones aren't rushed. Also drives `uni-expand-toggle`'s chevron rotation
+     * so trigger and region move on the same clock.
+     */
+    transitionSpeed?: number;
+}
+
+declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
     collapsed: _angular_core.ModelSignal<boolean>;
+    /**
+     * Exact per-instance duration in seconds. Bypasses size-aware scaling —
+     * an explicit number means the consumer wants that number. Omitted, the
+     * duration derives from the `expand` theme options' `transitionSpeed`
+     * scaled by content height (see `duration`).
+     */
+    transitionSpeed: _angular_core.InputSignal<number>;
     /** Referenced by the controlling toggle's aria-controls. */
     readonly regionId: string;
     /**
@@ -1010,26 +1036,103 @@ declare class UniExpandComponent {
      * animations only after the first render, i.e. on real state changes.
      */
     protected readonly ready: _angular_core.WritableSignal<boolean>;
+    private readonly contentRef;
+    /**
+     * Last observed content height. Retained after collapse (the observer
+     * disconnects but the signal keeps its value) so the leave animation and
+     * the next reveal are timed to the real size. Until the first measurement
+     * lands — one frame into the very first reveal — the duration falls back
+     * to the unscaled token; CSS remaps animation progress when
+     * `animation-duration` updates, so the retime is imperceptible that early.
+     */
+    private readonly contentHeight;
     constructor();
     toggle(): void;
+    /**
+     * The resolved duration in seconds: the `transitionSpeed` input verbatim,
+     * or the `expand` theme options' `transitionSpeed` scaled by content height
+     * (`expandDuration` — √-of-height, clamped) so short regions stay snappy
+     * and tall ones aren't rushed. The public sync hook: Expand Area binds this
+     * to its toggle so the chevron rotates on the region's clock, and consumers
+     * can bind adjacent styling the same way
+     * (`[style.transition-duration]="expand.duration() + 's'"`).
+     */
+    readonly duration: _angular_core.Signal<number>;
+    protected readonly cssDuration: _angular_core.Signal<string>;
+    /**
+     * A custom element is `display: inline` by default, which would lay the
+     * animated grid out as a block-in-inline box and distort the revealed
+     * content's spacing. Every consumer would otherwise have to write
+     * `uni-expand { display: block }` themselves.
+     */
+    protected readonly hostClassName: string;
     expandClassName: string;
     contentClassName: string;
     private expand;
     private collapse;
+    /**
+     * Reveal is motion-safe (WCAG 2.3.3): under `prefers-reduced-motion` these
+     * classes are empty, so the region appears and disappears instantly.
+     * `overflow: hidden` rides inside the guard deliberately — it exists to clip
+     * the growing box mid-animation, and leaving it applied at rest would crop
+     * decorations that legitimately paint outside the region (focus rings,
+     * offset outlines). Angular removes a leaving node on the next frame when it
+     * detects no animation, so nothing hangs when the guard strips them.
+     *
+     * The classes carry the default duration; the animated div's
+     * `[style.animation-duration]` binding overrides it with the resolved
+     * `duration`, so the classes stay static while timing tracks the theme and
+     * the content's size through signals alone.
+     */
     expandAnimation: string;
     collapseAnimation: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandComponent, "uni-expand", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandComponent, "uni-expand", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "transitionSpeed": { "alias": "transitionSpeed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
 }
 
+/**
+ * Trigger for a {@link UniExpandComponent} region.
+ *
+ * Two shapes, chosen by whether `label` is set:
+ * - **Icon only** (default) — the bare chevron, sized for a Card Header.
+ * - **Labelled** — 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.
+ */
 declare class UniExpandToggleComponent {
     collapsed: _angular_core.ModelSignal<boolean>;
     /** Id of the Expand region this toggle controls (see UniExpandComponent.regionId). */
     ariaControls: _angular_core.InputSignal<string>;
+    /** Names the region. Setting it switches the toggle to its labelled shape. */
+    label: _angular_core.InputSignal<string>;
+    /** Muted qualifier beside the label ("for POs & custom orders"). Needs `label`. */
+    sublabel: _angular_core.InputSignal<string>;
+    /**
+     * Rotation duration in seconds. Expand Area binds the region's resolved
+     * `duration` here so chevron and reveal share one clock even when the
+     * region is size-scaled or overridden per instance.
+     */
+    transitionSpeed: _angular_core.InputSignal<number>;
+    /** Fallback clock when no `transitionSpeed` is bound: the `expand` theme options' `transitionSpeed`. */
+    private readonly expandOptions;
+    private readonly speed;
+    /**
+     * The glyph rotates, never the host.
+     *
+     * The host is taller than the glyph (an inline-level box reserves baseline
+     * descender space), so spinning it about its own centre walks the glyph
+     * off-centre. `uni-icon` is a centred square sized to the glyph, which makes
+     * it the only box here that rotates symmetrically. It also keeps a label
+     * from turning upside down with the chevron.
+     */
+    private readonly glyphStyles;
     protected readonly className: _angular_core.Signal<string>;
+    protected readonly triggerClassName: string;
+    protected readonly labelClassName: string;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandToggleComponent, "uni-expand-toggle", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandToggleComponent, "uni-expand-toggle", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "sublabel": { "alias": "sublabel"; "required": false; "isSignal": true; }; "transitionSpeed": { "alias": "transitionSpeed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, never, true, never>;
 }
 
 declare class UniExpandAreaComponent {
@@ -1156,6 +1259,15 @@ declare class UniIconButtonComponent {
     loading: _angular_core.InputSignal<boolean>;
     opticalSize: _angular_core.InputSignal<number>;
     protected readonly srOnlyClass: string;
+    /**
+     * Sizes `iconName` from the size token's `fontSize`, the same value that sizes
+     * a `symbolName` ligature — so the two paths render the same glyph size and
+     * `symbolName` → `iconName` is a like-for-like swap. Without it a masked icon
+     * fills the whole button box, since the base size tokens carry no padding.
+     * Themes that do use padding (Carbon) set a matching `fontSize`, so they land
+     * on the same glyph either way.
+     */
+    protected readonly glyphSize: _angular_core.Signal<string | number>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconButtonComponent, "button[uni-icon-button], button[icon-button]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
@@ -1365,25 +1477,76 @@ declare class UniWrapComponent extends UniBoxComponent {
 interface BaseMenuItem {
     symbolName?: string;
     action?: () => void;
+    /** Tone routed through the theme's `menuItem.variants` (e.g. 'warn' for destructive actions). */
+    variant?: Variant;
+    disabled?: boolean;
 }
 interface MenuItemWithLabel extends BaseMenuItem {
     label: string;
     template?: never;
     context?: never;
+    divider?: never;
 }
 interface MenuItemWithTemplate<T = any> extends BaseMenuItem {
     label?: never;
     template: TemplateRef<T>;
     context: T;
+    divider?: never;
+}
+/** A non-interactive separator between item groups; styled by the theme's `menu` options. */
+interface MenuDivider {
+    divider: true;
+}
+type MenuItem<T = any> = MenuDivider | MenuItemWithLabel | MenuItemWithTemplate<T>;
+declare const isDivider: (item: MenuItem) => item is MenuDivider;
+/** Theme options for the `menuItem` component entry. */
+interface UniMenuItemOptions {
+    height?: number;
+    paddingHorizontal?: NullableSize;
+    gap?: NullableSize;
+    borderRadius?: Radius;
+    typeface?: Typeface;
+    /** Resting text color; undefined inherits the panel's on-color. */
+    textColor?: ColorKey;
+    hoverColor?: ContainerColorToken;
+    /** Trailing symbol marking the active item; undefined/'' renders none. */
+    activeSymbol?: string;
+    /** Hover/focus transition in seconds; 0 switches instantly. */
+    transitionSpeed?: number;
+}
+
+/**
+ * Theme options for the `menu` component entry. The panel-chrome fields
+ * (color/border/borderRadius/shadow) fall back to the theme's `dropdown`
+ * options when undefined, so menus follow generic popovers until a theme
+ * deliberately splits them.
+ */
+interface UniMenuOptions {
+    /** Panel minimum width in px; undefined sizes to the widest item. */
+    minWidth?: number;
+    color?: ContainerColorToken;
+    border?: Border;
+    borderRadius?: Radius;
+    shadow?: Shadow;
+    paddingVertical?: NullableSize;
+    paddingHorizontal?: NullableSize;
+    dividerBorder?: Border;
+    /** Vertical margin and horizontal inset applied to dividers. */
+    dividerSpacing?: NullableSize;
 }
-type MenuItem<T = any> = MenuItemWithLabel | MenuItemWithTemplate<T>;
 
 declare class UniMenuComponent {
+    private theme;
     menuItems: _angular_core.InputSignal<MenuItem[]>;
     activeItem: _angular_core.InputSignal<MenuItem>;
     placement: _angular_core.InputSignal<Placement>;
     menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
     TriggerClassName: string;
+    /** Type guard for the template: dividers render as separators, not items. */
+    protected readonly isDivider: (item: MenuItem) => item is _uni_design_system_uni_angular.MenuDivider;
+    protected readonly menuOptions: _angular_core.Signal<UniMenuOptions>;
+    protected readonly menuClassName: _angular_core.Signal<string>;
+    protected readonly dividerClassName: _angular_core.Signal<string>;
     private itemComponents;
     private dropdownComponent;
     /** Which item receives focus when the menu opens (ArrowUp opens onto the last item). */
@@ -2321,6 +2484,13 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     isMouseInside: _angular_core.WritableSignal<boolean>;
     /** Whether the bubble is currently shown (or fading out). */
     private readonly visible;
+    /**
+     * Set when the wrapped control is activated: clicking a button is not a
+     * request to toggle the bubble, and re-showing it right away makes a
+     * state-flipping label ("Expand" → "Collapse") blink back mid-interaction.
+     * Re-arms when the pointer leaves or focus moves away.
+     */
+    private readonly suppressed;
     readonly tooltipId: string;
     private readonly anchorName;
     hoverDelay: _angular_core.InputSignal<number>;
@@ -2334,6 +2504,13 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     onFocusIn(event: FocusEvent): void;
     onFocusOut(): void;
     onEscape(event: Event): void;
+    /**
+     * A click on an interactive element inside the host is an activation of
+     * that control — hide the bubble and stay suppressed until re-arm. A click
+     * anywhere else (inline-text tooltips, tap on a non-interactive host)
+     * keeps the tap-to-toggle behavior.
+     */
+    protected onClick(event: Event): void;
     toggleTooltip(): void;
     mouseenter(): void;
     mouseleave(): void;
@@ -2367,5 +2544,5 @@ declare class DragAndDropDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragAndDropDirective, "[uni-drag-n-drop], [dragAndDrop]", never, {}, { "onFileDropped": "onFileDropped"; }, never, never, true, never>;
 }
 
-export { BodyRenderDirective, ConfirmationDialogComponent, DragAndDropDirective, FOCUSABLE_SELECTOR, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniCheckboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniRadioComponent, UniRecordDatasource, UniRowComponent, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackComponent, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTextComponent, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniToggleComponent, UniTooltipComponent, UniWrapComponent, acceptableFile, anchorArrowStyles, anchorStyles, getFileExtension, motionSafe, newAnchorName, resolveFocusTarget, uniqueId, useTimer, visuallyHidden };
-export type { Alert, AnchorOffset, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerMode, DrawerPosition, ImagePosition, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, ScrollbarAppearance, SkeletonShape, Snackbar, Sort, SortDirection, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCheckboxOptions, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDrawerOptions, UniInputBoxOptions, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniRadioOption, UniRadioOptions, UniSearchInputOptions, UniSkeletonOptions, UniSliderOptions, UniStatOptions, UniTabsOptions, UniTextareaOptions, UniToggleOptions };
+export { BodyRenderDirective, ConfirmationDialogComponent, DragAndDropDirective, FOCUSABLE_SELECTOR, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniCheckboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniRadioComponent, UniRecordDatasource, UniRowComponent, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackComponent, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTextComponent, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniToggleComponent, UniTooltipComponent, UniWrapComponent, acceptableFile, anchorArrowStyles, anchorStyles, getFileExtension, isDivider, motionSafe, newAnchorName, resolveFocusTarget, uniqueId, useTimer, visuallyHidden };
+export type { Alert, AnchorOffset, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerMode, DrawerPosition, ImagePosition, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, ScrollbarAppearance, SkeletonShape, Snackbar, Sort, SortDirection, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCheckboxOptions, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDrawerOptions, UniExpandOptions, UniInputBoxOptions, UniMenuItemOptions, UniMenuOptions, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniRadioOption, UniRadioOptions, UniSearchInputOptions, UniSkeletonOptions, UniSliderOptions, UniStatOptions, UniTabsOptions, UniTextareaOptions, UniToggleOptions };