@uni-design-system/uni-angular 10.3.0 → 11.0.0

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

@@ -1,7 +1,7 @@
 import * as _angular_core from '@angular/core';
 import { Signal, WritableSignal, InjectionToken, ElementRef, TemplateRef, OnInit, OnDestroy, AfterViewInit } from '@angular/core';
 import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
-import { IconName, Variant, ContainerColorToken, PaletteConfig, GenerateColorsConfig, Radii, UniTheme, ComponentName, ComponentTheme, MotionToken, ThemeName, ThemeParseResult, TextRole, ContentColorToken, Size, NullableSize, Thickness, NullableStyleExpression, ColorKey, ColorToken, Typeface, Radius, Motion, OptionalSize, Border, Shadow, ZIndexableElements, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap, TextColor, TagTone, Elevation, RadiiSize, JustifyContent, StyleExpression, Orientation, CssLength, ColorScheme, ColorCategory, ThemeShape, ContrastCheck, Colors, GenerationInput } from '@uni-design-system/uni-core';
+import { IconName, Variant, ContainerColorToken, PaletteConfig, GenerateColorsConfig, Radii, UniTheme, ComponentName, ComponentTheme, MotionToken, StyleExpression, ThemeName, ThemeParseResult, TextRole, ContentColorToken, Size, NullableSize, Thickness, NullableStyleExpression, ColorKey, ColorToken, Typeface, Radius, Motion, Backdrop, OptionalSize, Border, Shadow, ZIndexableElements, OptionalColor, OptionalRadius, OptionalBorder, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap, TextColor, TagTone, Elevation, RadiiSize, JustifyContent, Orientation, CssLength, 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';
 import { CSSObject } from '@emotion/css/create-instance';
@@ -805,7 +805,7 @@ declare abstract class UniBaseDatasource<T> {
     abstract recordCount: Signal<number>;
     selections: WritableSignal<T[]>;
     sort: WritableSignal<Sort<T>>;
-    sortColumn: Signal<keyof T>;
+    sortColumn: Signal<keyof T | undefined>;
     sortDirection: Signal<SortDirection>;
     abstract pageIndex: Signal<number>;
     abstract pageSize: Signal<number>;
@@ -872,7 +872,7 @@ declare class UniServerSideDatasource<T> extends UniBaseDatasource<T> {
     private _sortColumn;
     private _sortDirection;
     private filter;
-    sortColumn: _angular_core.Signal<keyof T>;
+    sortColumn: _angular_core.Signal<keyof T | undefined>;
     sortDirection: _angular_core.Signal<SortDirection>;
     private totalRecords;
     private dataResource;
@@ -883,7 +883,7 @@ declare class UniServerSideDatasource<T> extends UniBaseDatasource<T> {
     records: _angular_core.Signal<T[]>;
     recordCount: _angular_core.Signal<number>;
     isLoading: _angular_core.Signal<boolean>;
-    error: _angular_core.Signal<Error>;
+    error: _angular_core.Signal<Error | undefined>;
     hasError: _angular_core.Signal<boolean>;
     constructor(dataLoader: DataLoader<T>, initialPageSize?: number);
     sortRecords(sort: Sort<T>): void;
@@ -942,13 +942,13 @@ interface Confirmation {
 }
 
 declare class NotificationService {
-    alert: _angular_core.WritableSignal<Alert>;
+    alert: _angular_core.WritableSignal<Alert | undefined>;
     showAlert: (alert: Alert) => void;
     hideAlert: () => void;
-    snackbar: _angular_core.WritableSignal<Snackbar>;
+    snackbar: _angular_core.WritableSignal<Snackbar | undefined>;
     showSnackbar: (snackbar: Snackbar) => void;
     hideSnackbar: () => void;
-    confirmation: _angular_core.WritableSignal<Confirmation>;
+    confirmation: _angular_core.WritableSignal<Confirmation | undefined>;
     showConfirmation: (confirmation: Confirmation) => void;
     hideConfirmation: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationService, never>;
@@ -1019,6 +1019,8 @@ declare class ThemeService {
     shadows: Signal<Partial<Record<string, string>>>;
     icons: Signal<_uni_design_system_uni_core.Icons>;
     motions: Signal<Partial<Record<string, MotionToken>>>;
+    /** Same story as `motions`: a JSON theme may predate the backdrops scale. */
+    backdrops: Signal<Partial<Record<string, StyleExpression>>>;
     constructor();
     /**
      * Activate a registered theme. Returns false — touching nothing, persisting
@@ -1052,7 +1054,7 @@ declare class ThemeService {
     /** Remove a registered theme; falls back to the first remaining theme if it was active. */
     unregisterTheme(id: string): void;
     /** The live brand palette config, when a custom theme is active. */
-    customPalette: _angular_core.WritableSignal<BrandPaletteConfig>;
+    customPalette: _angular_core.WritableSignal<BrandPaletteConfig | null>;
     isCustomTheme: Signal<boolean>;
     /**
      * Generate a full theme from a brand palette config and make it active. When
@@ -1066,7 +1068,7 @@ declare class ThemeService {
     selectedThemeKey: _angular_core.WritableSignal<string>;
     textClass: (textRole: TextRole, textColor?: ContentColorToken) => string;
     componentStyle: (componentName: ComponentName, variant: Variant, size: Size) => Signal<{
-        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression;
+        [x: string]: string | number | StyleExpression | undefined;
     }>;
     /**
      * The active variant's roles from a component's `variantOptions` map — the
@@ -1095,7 +1097,7 @@ declare class ThemeService {
      * scale like any other token — it is `0`, not the string `'none'`, which is
      * not a valid length and was silently dropped wherever it landed.
      */
-    getSpacing: (size: NullableSize) => string | number;
+    getSpacing: (size: NullableSize) => string | number | undefined;
     private readonly warnedSpacing;
     /**
      * Resolve a spacing token against the active theme.
@@ -1106,12 +1108,12 @@ declare class ThemeService {
      * per token in dev.
      */
     private resolveSpacing;
-    getThickness: (thickness: Thickness) => string | number;
-    getContentColor: (token: ContainerColorToken, useVariant?: boolean) => string;
+    getThickness: (thickness: Thickness) => string | number | undefined;
+    getContentColor: (token: ContainerColorToken, useVariant?: boolean) => string | undefined;
     colorPair: (token?: ContainerColorToken, colorVariant?: boolean) => NullableStyleExpression;
     backgroundColor: (token?: ColorKey) => NullableStyleExpression;
     backgroundImage: (url?: string) => NullableStyleExpression;
-    getContainerColors: (color: Variant, useVariant?: boolean) => _uni_design_system_uni_core.StyleExpression;
+    getContainerColors: (color: Variant, useVariant?: boolean) => NullableStyleExpression;
     /**
      * The shared keyboard-focus indicator's styles (WCAG 2.4.7), without a
      * selector — for controls that key the ring off their own state selector
@@ -1128,7 +1130,7 @@ declare class ThemeService {
      * color or `currentColor`.
      */
     focusRingStyle: (color?: string, gap?: string | number) => {
-        boxShadow?: string;
+        boxShadow?: string | undefined;
         outline: string;
         outlineOffset: string | number;
     };
@@ -1139,12 +1141,12 @@ declare class ThemeService {
      */
     focusRing: (token?: ColorToken) => {
         '&:focus-visible': {
-            boxShadow?: string;
+            boxShadow?: string | undefined;
             outline: string;
             outlineOffset: string | number;
         };
     };
-    typeface: (typeface?: Typeface) => _uni_design_system_uni_core.TypeFaceDefinition;
+    typeface: (typeface?: Typeface) => "" | _uni_design_system_uni_core.TypeFaceDefinition | undefined;
     colorPalette: () => Partial<Record<string, string>>;
     color(color?: ColorKey): NullableStyleExpression;
     getDashedBorder(color: ColorKey | undefined, radius: Radius | undefined): NullableStyleExpression;
@@ -1154,6 +1156,16 @@ declare class ThemeService {
      * token that isn't there — still animates rather than snapping.
      */
     motion(token: Motion | undefined): MotionToken;
+    private readonly warnedBackdrops;
+    /**
+     * Resolves a named backdrop primitive — the wash a modal surface lays over
+     * the page — so every such surface dims it the same way.
+     *
+     * A raw style object passes straight through: that is the shape the dialog's
+     * and drawer's `backdrop` options took before the scale existed, and a
+     * consumer theme that still states one keeps working.
+     */
+    backdrop(token: Backdrop | StyleExpression | undefined): NullableStyleExpression;
     radius(size: Radius | undefined): NullableStyleExpression;
     getRadiusLeft(size: Radius | undefined): NullableStyleExpression;
     getRadiusRight(size: Radius | undefined): NullableStyleExpression;
@@ -1178,14 +1190,14 @@ declare class ThemeService {
     borderLeft(border: Border | undefined): NullableStyleExpression;
     borderRight(border: Border | undefined): NullableStyleExpression;
     boxShadow(shadow: Shadow | undefined): {
-        boxShadow: string;
-    };
+        boxShadow: string | undefined;
+    } | undefined;
     gap(gap: OptionalSize): NullableStyleExpression;
     zIndex(element: ZIndexableElements | undefined): NullableStyleExpression;
     borderColor(borderColor: ColorToken): NullableStyleExpression;
     getComponentTheme<T, V = object>(componentName: ComponentName): Signal<ComponentTheme<T, V>>;
     getComponentOptions: <T>(componentName: ComponentName) => _angular_core.WritableSignal<T>;
-    componentOptions: (componentName: ComponentName) => Signal<unknown>;
+    componentOptions: (componentName: ComponentName) => Signal<{}>;
     style(prop: string, value: string | number | undefined): NullableStyleExpression;
     /**
      * Like {@link style}, but only `undefined` means "unset" — so a meaningful
@@ -1211,10 +1223,10 @@ declare class BaseComponent<T = unknown, V = unknown> {
      * be expressed as a single applied style. Undefined when the theme does not
      * define this variant — which also raises a dev warning.
      */
-    variantRoles: _angular_core.Signal<V>;
+    variantRoles: _angular_core.Signal<V | undefined>;
     componentOptions: _angular_core.Signal<T>;
     style: _angular_core.Signal<{
-        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression;
+        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression | undefined;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseComponent<any, any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseComponent<any, any>, "ng-component", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1238,6 +1250,8 @@ interface UniCheckboxVariant {
     onAccent?: ColorKey;
 }
 interface UniCheckboxOptions {
+    /** Named motion primitive for the box, tick and dash transitions. Defaults to `control`. */
+    motion?: Motion;
     size?: string | number;
     borderRadius?: string | number;
     /** Unchecked box background token. */
@@ -1249,6 +1263,13 @@ declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions, Uni
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     /** Synced from required() validators by the Signal Forms [formField] directive. */
@@ -1259,13 +1280,13 @@ declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions, Uni
      * `variant` defaults to `'primary'`, so the component cannot tell "set to
      * primary" from "not set".
      */
-    readonly checkedColor: _angular_core.InputSignal<string>;
+    readonly checkedColor: _angular_core.InputSignal<string | undefined>;
     /**
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /**
      * Mixed state for "select all"-style parent checkboxes. Cleared
      * automatically on the next user interaction, matching native behavior.
@@ -1274,6 +1295,10 @@ declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions, Uni
     protected readonly showError: _angular_core.Signal<boolean>;
     markAsTouched(): void;
     handleChange(event: Event): void;
+    /** Resolved from the component's `motion` option; `control` by default. */
+    private readonly motion;
+    /** The tick is drawn rather than switched, so it trails the box. */
+    private readonly drawMotion;
     protected readonly checkboxLabel: _angular_core.Signal<string>;
     protected readonly checkboxInput: _angular_core.Signal<string>;
     /**
@@ -1289,9 +1314,9 @@ declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions, Uni
      * default every component inherits.
      */
     private readonly accent;
-    protected readonly boxColor: _angular_core.Signal<string>;
+    protected readonly boxColor: _angular_core.Signal<string | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCheckboxComponent, "uni-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checkedColor": { "alias": "checkedColor"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; "indeterminate": "indeterminateChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCheckboxComponent, "uni-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checkedColor": { "alias": "checkedColor"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; "touch": "touch"; "indeterminate": "indeterminateChange"; }, never, never, true, never>;
 }
 
 /** A commit was refused (no match); the field reverted to the committed label. */
@@ -1331,16 +1356,23 @@ interface UniComboboxOptions {
  * value contract is identical, so swapping is a template-only change.
  */
 declare class UniComboboxComponent<T> extends BaseComponent<UniComboboxOptions> implements FormValueControl<T | null> {
-    readonly value: _angular_core.ModelSignal<T>;
+    readonly value: _angular_core.ModelSignal<T | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Accessible name for the field, e.g. "State"; echoed on the listbox. */
     label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
     options: _angular_core.InputSignal<Options<T>>;
     /**
      * Equality used to match `value` against option values, called as
@@ -1360,7 +1392,7 @@ declare class UniComboboxComponent<T> extends BaseComponent<UniComboboxOptions>
     /** `false` renders `options` verbatim; narrow them app-side from `query`. */
     filterLocally: _angular_core.InputSignal<boolean>;
     /** Filter predicate; default is locale-lowercased label-contains. */
-    filterWith: _angular_core.InputSignal<(option: Option<T>, query: string) => boolean>;
+    filterWith: _angular_core.InputSignal<((option: Option<T>, query: string) => boolean) | undefined>;
     debounceTime: _angular_core.InputSignal<number>;
     /** Debounced draft text, for async option lists. */
     query: _angular_core.OutputEmitterRef<string>;
@@ -1377,13 +1409,13 @@ declare class UniComboboxComponent<T> extends BaseComponent<UniComboboxOptions>
     /** Ties the popup to the field so the browser tracks it in the top layer. */
     private readonly anchor;
     /** `manual` where the top layer is usable, else null — see the popup helper. */
-    protected readonly popupAttr: "manual";
+    protected readonly popupAttr: "manual" | null;
     constructor();
     protected readonly srOnly: string;
     /** Commits, clears and refusals are otherwise silent to a screen reader. */
     protected readonly announcer: _uni_design_system_uni_angular.Announcer;
     /** null → the field shows the committed label; a string is an uncommitted draft. */
-    protected readonly draft: _angular_core.WritableSignal<string>;
+    protected readonly draft: _angular_core.WritableSignal<string | null>;
     /**
      * Popup visibility. Component-owned rather than `list.open()` — the shared
      * signal gates on `count() > 0`, which would hide the "No matches" row and
@@ -1432,6 +1464,8 @@ declare class UniComboboxComponent<T> extends BaseComponent<UniComboboxOptions>
     private closeList;
     private scrollToActive;
     private setFieldText;
+    /** The chevron turns with the popup it opens, so both read one token. */
+    private readonly chevronMotion;
     protected readonly className: _angular_core.Signal<string>;
     protected readonly rowClass: _angular_core.Signal<string>;
     protected readonly inputClass: _angular_core.Signal<string>;
@@ -1440,7 +1474,7 @@ declare class UniComboboxComponent<T> extends BaseComponent<UniComboboxOptions>
     protected readonly toggleClass: _angular_core.Signal<string>;
     protected readonly listClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniComboboxComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniComboboxComponent<any>, "uni-combobox, Combobox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "filterLocally": { "alias": "filterLocally"; "required": false; "isSignal": true; }; "filterWith": { "alias": "filterWith"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "query": "query"; "selected": "selected"; "cleared": "cleared"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniComboboxComponent<any>, "uni-combobox, Combobox", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "filterLocally": { "alias": "filterLocally"; "required": false; "isSignal": true; }; "filterWith": { "alias": "filterWith"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "query": "query"; "selected": "selected"; "cleared": "cleared"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 type UniCalendarMode = 'single' | 'range';
@@ -1469,8 +1503,8 @@ interface UniCalendarOptions {
     typeface?: Typeface;
     /** Grid gutter. */
     gap?: NullableSize;
-    navPrevSymbol?: string;
-    navNextSymbol?: string;
+    navPrevIcon?: IconName;
+    navNextIcon?: IconName;
     /** Intl weekday column format. */
     weekdayFormat?: 'narrow' | 'short';
     /** Show the adjacent months' days, muted and non-interactive. */
@@ -1490,7 +1524,7 @@ interface UniDateInputRejection {
  * affordance and panel only.
  */
 interface UniDateInputOptions {
-    toggleSymbol?: string;
+    toggleIcon?: IconName;
     popupShadow?: Shadow;
     popupBorderRadius?: Radius;
     popupColor?: ContainerColorToken;
@@ -1505,31 +1539,38 @@ interface UniDateInputOptions {
  * native popover hosting the same `uni-calendar` an app could render inline.
  */
 declare class UniDateInputComponent extends BaseComponent<UniDateInputOptions> implements FormValueControl<UniDate | undefined> {
-    readonly value: _angular_core.ModelSignal<string>;
+    readonly value: _angular_core.ModelSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Accessible name for the field, e.g. "Appointment date". */
     label: _angular_core.InputSignal<string>;
     /** Defaults to the locale's digit pattern, e.g. `MM/DD/YYYY`. */
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
     /** How the committed value renders, e.g. `{ dateStyle: 'long' }`. */
     displayFormat: _angular_core.InputSignal<Intl.DateTimeFormatOptions>;
     /** BCP 47 tag; defaults to the document language, then the browser's. */
-    locale: _angular_core.InputSignal<string>;
+    locale: _angular_core.InputSignal<string | undefined>;
     commitOnBlur: _angular_core.InputSignal<boolean>;
     /** Custom parser, replacing the built-in ISO/locale/month-name parsing. */
-    parse: _angular_core.InputSignal<(raw: string, locale: string) => UniDate | null>;
+    parse: _angular_core.InputSignal<((raw: string, locale: string) => UniDate | null) | undefined>;
     /** Renders without its own input-box chrome, for composers like uni-date-time-input. */
     embedded: _angular_core.InputSignal<boolean>;
-    minDate: _angular_core.InputSignal<string>;
-    maxDate: _angular_core.InputSignal<string>;
-    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean)>;
+    minDate: _angular_core.InputSignal<string | undefined>;
+    maxDate: _angular_core.InputSignal<string | undefined>;
+    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean) | undefined>;
     markers: _angular_core.InputSignal<UniCalendarMarker[]>;
-    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 5 | 6>;
+    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>;
     /** Popup shown. */
     opened: _angular_core.OutputEmitterRef<void>;
     /** Popup hidden. */
@@ -1579,7 +1620,7 @@ declare class UniDateInputComponent extends BaseComponent<UniDateInputOptions> i
     /** Embedded mode: the composer owns the box; keep only the flex row. */
     protected readonly embeddedClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDateInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDateInputComponent, "uni-date-input, DateInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "opened": "opened"; "closed": "closed"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDateInputComponent, "uni-date-input, DateInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "displayFormat": { "alias": "displayFormat"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "opened": "opened"; "closed": "closed"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 /**
@@ -1604,29 +1645,36 @@ interface UniDateTimeInputOptions {
  * different arrangement compose the primitives directly.
  */
 declare class UniDateTimeInputComponent extends BaseComponent<UniDateTimeInputOptions> implements FormValueControl<UniDateTime | undefined> {
-    readonly value: _angular_core.ModelSignal<string>;
+    readonly value: _angular_core.ModelSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Names the group; the parts are announced as "Date" and "Time" under it. */
     label: _angular_core.InputSignal<string>;
     /** Earliest allowed moment; the date and time fences are split from it. */
-    minDateTime: _angular_core.InputSignal<string>;
+    minDateTime: _angular_core.InputSignal<string | undefined>;
     /** Latest allowed moment; the date and time fences are split from it. */
-    maxDateTime: _angular_core.InputSignal<string>;
-    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean)>;
+    maxDateTime: _angular_core.InputSignal<string | undefined>;
+    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean) | undefined>;
     markers: _angular_core.InputSignal<UniCalendarMarker[]>;
     /** Fixed time choices; superseded per-day by `slotsFor` when that is set. */
-    slots: _angular_core.InputSignal<string[]>;
+    slots: _angular_core.InputSignal<string[] | undefined>;
     minuteStep: _angular_core.InputSignal<number>;
-    hour12: _angular_core.InputSignal<boolean>;
-    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 5 | 6>;
-    locale: _angular_core.InputSignal<string>;
+    hour12: _angular_core.InputSignal<boolean | undefined>;
+    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>;
+    locale: _angular_core.InputSignal<string | undefined>;
     /** Scheduling: the day's available times. Gates the time part on a date. */
-    slotsFor: _angular_core.InputSignal<(date: UniDate) => UniTime[]>;
+    slotsFor: _angular_core.InputSignal<((date: UniDate) => UniTime[]) | undefined>;
     private readonly host;
     /**
      * The two part-values. An external `value` write re-derives both; an
@@ -1634,17 +1682,17 @@ declare class UniDateTimeInputComponent extends BaseComponent<UniDateTimeInputOp
      * `undefined`) must not be wiped by its own echo.
      */
     private readonly parts;
-    protected readonly dateValue: _angular_core.Signal<string>;
-    protected readonly timeValue: _angular_core.Signal<string>;
+    protected readonly dateValue: _angular_core.Signal<string | undefined>;
+    protected readonly timeValue: _angular_core.Signal<string | undefined>;
     protected readonly showError: _angular_core.Signal<boolean>;
     private readonly minParts;
     private readonly maxParts;
-    protected readonly dateMin: _angular_core.Signal<string>;
-    protected readonly dateMax: _angular_core.Signal<string>;
-    protected readonly timeMin: _angular_core.Signal<string>;
-    protected readonly timeMax: _angular_core.Signal<string>;
+    protected readonly dateMin: _angular_core.Signal<string | undefined>;
+    protected readonly dateMax: _angular_core.Signal<string | undefined>;
+    protected readonly timeMin: _angular_core.Signal<string | undefined>;
+    protected readonly timeMax: _angular_core.Signal<string | undefined>;
     /** The chosen day's slots when `slotsFor` is set, else the fixed list. */
-    protected readonly effectiveSlots: _angular_core.Signal<string[]>;
+    protected readonly effectiveSlots: _angular_core.Signal<string[] | undefined>;
     protected readonly timeDisabled: _angular_core.Signal<boolean>;
     protected onDatePartChange(date: UniDate | undefined): void;
     protected onTimePartChange(time: UniTime | undefined): void;
@@ -1656,7 +1704,7 @@ declare class UniDateTimeInputComponent extends BaseComponent<UniDateTimeInputOp
     protected readonly timePartClass: _angular_core.Signal<string>;
     protected readonly dividerClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDateTimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDateTimeInputComponent, "uni-date-time-input, DateTimeInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "minDateTime": { "alias": "minDateTime"; "required": false; "isSignal": true; }; "maxDateTime": { "alias": "maxDateTime"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "slotsFor": { "alias": "slotsFor"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDateTimeInputComponent, "uni-date-time-input, DateTimeInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "minDateTime": { "alias": "minDateTime"; "required": false; "isSignal": true; }; "maxDateTime": { "alias": "maxDateTime"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "slotsFor": { "alias": "slotsFor"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 interface UniInputBoxOptions {
@@ -1689,10 +1737,10 @@ declare class UniInputBoxComponent extends BaseComponent<UniInputBoxOptions> {
     error: _angular_core.InputSignal<boolean>;
     minWidth: _angular_core.InputSignal<string>;
     /** Override the themed field height, e.g. `'auto'` for multi-line fields. */
-    height: _angular_core.InputSignal<string | number>;
-    width: _angular_core.InputSignal<string | number>;
+    height: _angular_core.InputSignal<string | number | undefined>;
+    width: _angular_core.InputSignal<string | number | undefined>;
     fullWidth: _angular_core.InputSignal<boolean>;
-    grow: _angular_core.InputSignal<number>;
+    grow: _angular_core.InputSignal<number | undefined>;
     /**
      * Stop applying the themed leading inset to the inner control, for fields
      * that place it themselves.
@@ -1706,10 +1754,10 @@ declare class UniInputBoxComponent extends BaseComponent<UniInputBoxOptions> {
     managedInset: _angular_core.InputSignal<boolean>;
     /** Auto-height fields (tag input, textarea) still keep the themed height as
         a floor, so a single-line field lines up with every other input. */
-    protected readonly minHeight: _angular_core.Signal<string | number>;
+    protected readonly minHeight: _angular_core.Signal<string | number | undefined>;
     protected readonly color: _angular_core.Signal<_uni_design_system_uni_core.ContainerColorToken>;
     protected readonly border: _angular_core.Signal<string>;
-    protected readonly shadow: _angular_core.Signal<string>;
+    protected readonly shadow: _angular_core.Signal<string | undefined>;
     protected readonly inputBoxClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniInputBoxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniInputBoxComponent, "uni-input-box", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; "managedInset": { "alias": "managedInset"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -1733,6 +1781,13 @@ declare class UniInputComponent implements FormValueControl<string> {
     readonly value: _angular_core.ModelSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     /** Synced from required() validators by the Signal Forms [formField] directive. */
@@ -1741,7 +1796,7 @@ declare class UniInputComponent implements FormValueControl<string> {
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     /**
@@ -1751,10 +1806,10 @@ declare class UniInputComponent implements FormValueControl<string> {
     type: _angular_core.InputSignal<UniInputType>;
     readonly readonly: _angular_core.InputSignal<boolean>;
     readonly name: _angular_core.InputSignal<string>;
-    readonly min: _angular_core.InputSignal<number>;
-    readonly max: _angular_core.InputSignal<number>;
-    readonly minLength: _angular_core.InputSignal<number>;
-    readonly maxLength: _angular_core.InputSignal<number>;
+    readonly minAttr: _angular_core.InputSignal<number | undefined>;
+    readonly maxAttr: _angular_core.InputSignal<number | undefined>;
+    readonly minLength: _angular_core.InputSignal<number | undefined>;
+    readonly maxLength: _angular_core.InputSignal<number | undefined>;
     /**
      * Patterns the value must match — all of them, per Signal Forms. The native
      * `pattern` attribute can only express one, so it is reflected only when
@@ -1762,25 +1817,25 @@ declare class UniInputComponent implements FormValueControl<string> {
      */
     readonly pattern: _angular_core.InputSignal<readonly RegExp[]>;
     /** Granularity for `type="number"`, e.g. `0.01` or `'any'`. */
-    step: _angular_core.InputSignal<string | number>;
+    step: _angular_core.InputSignal<string | number | undefined>;
     /** Autofill hint, e.g. `email`, `current-password`, `off`. */
-    autocomplete: _angular_core.InputSignal<string>;
+    autocomplete: _angular_core.InputSignal<string | undefined>;
     /** On-screen keyboard hint; defaults to whatever `type` implies. */
-    inputMode: _angular_core.InputSignal<UniInputMode>;
+    inputMode: _angular_core.InputSignal<UniInputMode | undefined>;
     /** Id of a `<datalist>` supplying suggestions. */
-    list: _angular_core.InputSignal<string>;
-    spellcheck: _angular_core.InputSignal<boolean>;
+    list: _angular_core.InputSignal<string | undefined>;
+    spellcheck: _angular_core.InputSignal<boolean | undefined>;
     /** Reflected only when unambiguous — see `pattern`. */
-    protected readonly nativePattern: _angular_core.Signal<string>;
-    width: _angular_core.InputSignal<string | number>;
+    protected readonly nativePattern: _angular_core.Signal<string | null>;
+    width: _angular_core.InputSignal<string | number | undefined>;
     fullWidth: _angular_core.InputSignal<boolean>;
-    grow: _angular_core.InputSignal<number>;
+    grow: _angular_core.InputSignal<number | undefined>;
     protected readonly showError: _angular_core.Signal<boolean>;
     markAsTouched(): void;
     handleInput(event: Event): void;
     inputClass: string;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniInputComponent, "uni-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, ["pre-input, [pre-input]", "post-input, [post-input]"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniInputComponent, "uni-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "minAttr": { "alias": "min"; "required": false; "isSignal": true; }; "maxAttr": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "pattern": { "alias": "pattern"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "list": { "alias": "list"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; }, never, ["pre-input, [pre-input]", "post-input, [post-input]"], true, never>;
 }
 
 /**
@@ -1807,13 +1862,13 @@ declare class UniBoxDirective {
      * `color` binding would feed both: the box would paint the surface and the
      * text would take the same token, rendering ink on identical ink.
      */
-    containerColor: _angular_core.InputSignal<ContainerColorToken>;
-    backgroundColor: _angular_core.InputSignal<string>;
-    borderRadius: _angular_core.InputSignal<string>;
-    borderRadiusLeft: _angular_core.InputSignal<string>;
-    borderRadiusRight: _angular_core.InputSignal<string>;
-    borderRadiusTop: _angular_core.InputSignal<string>;
-    borderRadiusBottom: _angular_core.InputSignal<string>;
+    containerColor: _angular_core.InputSignal<ContainerColorToken | undefined>;
+    backgroundColor: _angular_core.InputSignal<OptionalColor>;
+    borderRadius: _angular_core.InputSignal<OptionalRadius>;
+    borderRadiusLeft: _angular_core.InputSignal<OptionalRadius>;
+    borderRadiusRight: _angular_core.InputSignal<OptionalRadius>;
+    borderRadiusTop: _angular_core.InputSignal<OptionalRadius>;
+    borderRadiusBottom: _angular_core.InputSignal<OptionalRadius>;
     padding: _angular_core.InputSignal<OptionalSize>;
     paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
     paddingVertical: _angular_core.InputSignal<OptionalSize>;
@@ -1821,56 +1876,56 @@ declare class UniBoxDirective {
     paddingRight: _angular_core.InputSignal<OptionalSize>;
     paddingTop: _angular_core.InputSignal<OptionalSize>;
     paddingBottom: _angular_core.InputSignal<OptionalSize>;
-    border: _angular_core.InputSignal<string>;
-    borderTop: _angular_core.InputSignal<string>;
-    borderBottom: _angular_core.InputSignal<string>;
-    borderLeft: _angular_core.InputSignal<string>;
-    borderRight: _angular_core.InputSignal<string>;
+    border: _angular_core.InputSignal<OptionalBorder>;
+    borderTop: _angular_core.InputSignal<OptionalBorder>;
+    borderBottom: _angular_core.InputSignal<OptionalBorder>;
+    borderLeft: _angular_core.InputSignal<OptionalBorder>;
+    borderRight: _angular_core.InputSignal<OptionalBorder>;
     dashBorder: _angular_core.InputSignal<boolean>;
     alignSelf: _angular_core.InputSignal<OptionalAlignSelf>;
     alignItems: _angular_core.InputSignal<OptionalAlignItems>;
     alignContent: _angular_core.InputSignal<OptionalAlignContent>;
     justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
-    grow: _angular_core.InputSignal<number>;
+    grow: _angular_core.InputSignal<number | undefined>;
     /**
      * The `flex` shorthand. `[flex]="1"` is `flex: 1` — grow, shrink and a zero
      * basis — which `grow` alone cannot express, since it leaves
      * `flex-basis: auto`. Wins over `grow` when both are set.
      */
-    flex: _angular_core.InputSignal<string | number>;
-    shrink: _angular_core.InputSignal<number>;
-    basis: _angular_core.InputSignal<string | number>;
+    flex: _angular_core.InputSignal<string | number | undefined>;
+    shrink: _angular_core.InputSignal<number | undefined>;
+    basis: _angular_core.InputSignal<string | number | undefined>;
     /**
      * Inline-axis margin. `marginInline="auto"` centers a `maxWidth` container —
      * the one thing flex centering cannot do without an extra wrapper. Only the
      * inline axis is exposed: block margins collapse and fight `gap`, which is
      * why the primitives carry no margin otherwise.
      */
-    marginInline: _angular_core.InputSignal<"auto" | NullableSize>;
+    marginInline: _angular_core.InputSignal<"auto" | NullableSize | undefined>;
     display: _angular_core.InputSignal<OptionalDisplay>;
     position: _angular_core.InputSignal<OptionalPosition>;
-    inset: _angular_core.InputSignal<string | number>;
+    inset: _angular_core.InputSignal<string | number | undefined>;
     /** Number = px via binding (`[height]="420"`); string = CSS length (`height="420px"`). */
-    height: _angular_core.InputSignal<string | number>;
-    minHeight: _angular_core.InputSignal<string | number>;
-    maxHeight: _angular_core.InputSignal<string | number>;
+    height: _angular_core.InputSignal<string | number | undefined>;
+    minHeight: _angular_core.InputSignal<string | number | undefined>;
+    maxHeight: _angular_core.InputSignal<string | number | undefined>;
     /** Number = px via binding (`[width]="420"`); string = CSS length (`width="50%"`). */
-    width: _angular_core.InputSignal<string | number>;
-    minWidth: _angular_core.InputSignal<string | number>;
-    maxWidth: _angular_core.InputSignal<string | number>;
+    width: _angular_core.InputSignal<string | number | undefined>;
+    minWidth: _angular_core.InputSignal<string | number | undefined>;
+    maxWidth: _angular_core.InputSignal<string | number | undefined>;
     ignoreDir: _angular_core.InputSignal<boolean>;
-    gridArea: _angular_core.InputSignal<string>;
-    gridColumn: _angular_core.InputSignal<string>;
-    gridRow: _angular_core.InputSignal<string>;
+    gridArea: _angular_core.InputSignal<string | undefined>;
+    gridColumn: _angular_core.InputSignal<string | undefined>;
+    gridRow: _angular_core.InputSignal<string | undefined>;
     overflow: _angular_core.InputSignal<OptionalOverflow>;
-    shadow: _angular_core.InputSignal<string>;
+    shadow: _angular_core.InputSignal<string | undefined>;
     gap: _angular_core.InputSignal<OptionalSize>;
-    fullWidth: _angular_core.InputSignal<boolean>;
-    fullHeight: _angular_core.InputSignal<boolean>;
+    fullWidth: _angular_core.InputSignal<boolean | undefined>;
+    fullHeight: _angular_core.InputSignal<boolean | undefined>;
     flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
     textAlign: _angular_core.InputSignal<OptionalTextAlign>;
     wrapItems: _angular_core.InputSignal<OptionalWrap>;
-    zIndex: _angular_core.InputSignal<ZIndexableElements>;
+    zIndex: _angular_core.InputSignal<ZIndexableElements | undefined>;
     protected readonly boxClassName: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBoxDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniBoxDirective, "[uni-box-layout], [box-layout]", never, { "containerColor": { "alias": "containerColor"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "borderRadiusLeft": { "alias": "borderRadiusLeft"; "required": false; "isSignal": true; }; "borderRadiusRight": { "alias": "borderRadiusRight"; "required": false; "isSignal": true; }; "borderRadiusTop": { "alias": "borderRadiusTop"; "required": false; "isSignal": true; }; "borderRadiusBottom": { "alias": "borderRadiusBottom"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingLeft": { "alias": "paddingLeft"; "required": false; "isSignal": true; }; "paddingRight": { "alias": "paddingRight"; "required": false; "isSignal": true; }; "paddingTop": { "alias": "paddingTop"; "required": false; "isSignal": true; }; "paddingBottom": { "alias": "paddingBottom"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderTop": { "alias": "borderTop"; "required": false; "isSignal": true; }; "borderBottom": { "alias": "borderBottom"; "required": false; "isSignal": true; }; "borderLeft": { "alias": "borderLeft"; "required": false; "isSignal": true; }; "borderRight": { "alias": "borderRight"; "required": false; "isSignal": true; }; "dashBorder": { "alias": "dashBorder"; "required": false; "isSignal": true; }; "alignSelf": { "alias": "alignSelf"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; "alignContent": { "alias": "alignContent"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; "flex": { "alias": "flex"; "required": false; "isSignal": true; }; "shrink": { "alias": "shrink"; "required": false; "isSignal": true; }; "basis": { "alias": "basis"; "required": false; "isSignal": true; }; "marginInline": { "alias": "marginInline"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "inset": { "alias": "inset"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ignoreDir": { "alias": "ignoreDir"; "required": false; "isSignal": true; }; "gridArea": { "alias": "gridArea"; "required": false; "isSignal": true; }; "gridColumn": { "alias": "gridColumn"; "required": false; "isSignal": true; }; "gridRow": { "alias": "gridRow"; "required": false; "isSignal": true; }; "overflow": { "alias": "overflow"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "fullHeight": { "alias": "fullHeight"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "textAlign": { "alias": "textAlign"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; "zIndex": { "alias": "zIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1894,11 +1949,11 @@ declare class UniGridAreaDirective {
 
 declare class UniGridDirective extends UniBoxDirective {
     display: _angular_core.InputSignal<OptionalDisplay>;
-    templateAreas: _angular_core.InputSignal<string>;
-    templateColumns: _angular_core.InputSignal<string>;
-    templateRows: _angular_core.InputSignal<string>;
-    outline: _angular_core.InputSignal<Thickness>;
-    outlineColor: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
+    templateAreas: _angular_core.InputSignal<string | undefined>;
+    templateColumns: _angular_core.InputSignal<string | undefined>;
+    templateRows: _angular_core.InputSignal<string | undefined>;
+    outline: _angular_core.InputSignal<Thickness | undefined>;
+    outlineColor: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
     protected readonly gridClassName: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniGridDirective, "[uni-grid-layout], [grid-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "templateAreas": { "alias": "templateAreas"; "required": false; "isSignal": true; }; "templateColumns": { "alias": "templateColumns"; "required": false; "isSignal": true; }; "templateRows": { "alias": "templateRows"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "outlineColor": { "alias": "outlineColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1912,7 +1967,7 @@ declare class UniRowDirective extends UniBoxDirective {
      * when the row must shrink inside a constrained flex parent (scroll or
      * text truncation containment).
      */
-    minWidth: _angular_core.InputSignal<string | number>;
+    minWidth: _angular_core.InputSignal<string | number | undefined>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniRowDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniRowDirective, "[uni-row-layout], [row-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1926,7 +1981,7 @@ declare class UniStackDirective extends UniBoxDirective {
      * when the stack must shrink inside a constrained flex parent (scroll
      * containment).
      */
-    minHeight: _angular_core.InputSignal<string | number>;
+    minHeight: _angular_core.InputSignal<string | number | undefined>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniStackDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniStackDirective, "[uni-stack-layout], [stack-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -1956,6 +2011,13 @@ declare class UniMultiSelectDropdownComponent<T = unknown> extends BaseComponent
     readonly value: _angular_core.ModelSignal<T[]>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     /** Synced from required() validators by the Signal Forms [formField] directive. */
@@ -1964,7 +2026,7 @@ declare class UniMultiSelectDropdownComponent<T = unknown> extends BaseComponent
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     readonly options: _angular_core.InputSignal<Options<T>>;
     readonly placeholder: _angular_core.InputSignal<string>;
     /**
@@ -1973,7 +2035,7 @@ declare class UniMultiSelectDropdownComponent<T = unknown> extends BaseComponent
      * screen reader announces only the current selection, with no clue which
      * field it belongs to.
      */
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /** Debounce for the filter box, matching the library's input debounce. */
     readonly debounceTime: _angular_core.InputSignal<number>;
     protected readonly srOnly: string;
@@ -2018,15 +2080,15 @@ declare class UniMultiSelectDropdownComponent<T = unknown> extends BaseComponent
     protected isOptionSelected(option: Option<T>): _angular_core.Signal<boolean>;
     toggleOption(option: Option<T>, checked: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMultiSelectDropdownComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMultiSelectDropdownComponent<any>, "uni-multi-select-dropdown", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMultiSelectDropdownComponent<any>, "uni-multi-select-dropdown", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 declare class UniMultiSelectComponent<T = unknown> {
     options: _angular_core.InputSignal<Option<T>[]>;
-    selections: _angular_core.InputSignal<T[]>;
-    updates: _angular_core.OutputEmitterRef<T[]>;
+    selections: _angular_core.InputSignal<T[] | null | undefined>;
+    updates: _angular_core.OutputEmitterRef<T[] | undefined>;
     flexDirection: _angular_core.InputSignal<"column" | "column-reverse" | "row" | "row-reverse">;
-    checkboxGap: _angular_core.InputSignal<NullableSize>;
+    checkboxGap: _angular_core.InputSignal<NullableSize | undefined>;
     protected readonly values: _angular_core.Signal<unknown[]>;
     protected readonly optionsWithSelections: _angular_core.Signal<Option<T>[]>;
     protected readonly className: string;
@@ -2079,6 +2141,13 @@ declare class UniRadioComponent extends BaseComponent<UniRadioOptions, UniRadioV
     readonly value: _angular_core.ModelSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     /** Synced from required() validators by the Signal Forms [formField] directive. */
@@ -2088,14 +2157,14 @@ declare class UniRadioComponent extends BaseComponent<UniRadioOptions, UniRadioV
      * instance. Mirrors the input of the same name on `uni-checkbox` and
      * `uni-toggle`.
      */
-    readonly checkedColor: _angular_core.InputSignal<string>;
+    readonly checkedColor: _angular_core.InputSignal<string | undefined>;
     /**
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     readonly options: _angular_core.InputSignal<UniRadioOption[]>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     readonly name: _angular_core.InputSignal<string>;
     /** Links the group label to the radiogroup container. */
     protected readonly groupLabelId: string;
@@ -2119,7 +2188,7 @@ declare class UniRadioComponent extends BaseComponent<UniRadioOptions, UniRadioV
     private color;
     private readonly accent;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniRadioComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniRadioComponent, "uni-radio", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checkedColor": { "alias": "checkedColor"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniRadioComponent, "uni-radio", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "checkedColor": { "alias": "checkedColor"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 /**
@@ -2131,24 +2200,24 @@ declare class UniRadioComponent extends BaseComponent<UniRadioOptions, UniRadioV
  * element.
  */
 declare class UniDebounceInputComponent {
-    inputName: _angular_core.InputSignal<string>;
-    inputId: _angular_core.InputSignal<string>;
+    inputName: _angular_core.InputSignal<string | undefined>;
+    inputId: _angular_core.InputSignal<string | undefined>;
     debounceTime: _angular_core.InputSignal<number>;
     /** Accessible name for the input. */
-    label: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
     placeholder: _angular_core.InputSignal<string>;
     disabled: _angular_core.InputSignal<boolean>;
     /** Native input type; text-like only, matching `uni-input`. */
     type: _angular_core.InputSignal<UniInputType>;
-    autocomplete: _angular_core.InputSignal<string>;
-    inputMode: _angular_core.InputSignal<UniInputMode>;
-    role: _angular_core.InputSignal<string>;
-    ariaExpanded: _angular_core.InputSignal<boolean>;
-    ariaControls: _angular_core.InputSignal<string>;
-    ariaActivedescendant: _angular_core.InputSignal<string>;
+    autocomplete: _angular_core.InputSignal<string | undefined>;
+    inputMode: _angular_core.InputSignal<UniInputMode | undefined>;
+    role: _angular_core.InputSignal<string | undefined>;
+    ariaExpanded: _angular_core.InputSignal<boolean | undefined>;
+    ariaControls: _angular_core.InputSignal<string | undefined>;
+    ariaActivedescendant: _angular_core.InputSignal<string | undefined>;
     /** The debounced value, emitted once the user pauses typing. */
     valueChange: _angular_core.OutputEmitterRef<string>;
-    value: _angular_core.WritableSignal<string>;
+    value: _angular_core.WritableSignal<string | undefined>;
     private readonly inputElement;
     private timeoutId;
     private lastEmitted;
@@ -2165,9 +2234,9 @@ declare class UniDebounceInputComponent {
 /** Theme-level options for `uni-search-input`, resolved by token name. */
 interface UniSearchInputOptions {
     /** Leading (decorative) symbol. */
-    searchSymbol?: string;
+    searchIcon?: IconName;
     /** Clear-button symbol. */
-    clearSymbol?: string;
+    clearIcon?: IconName;
     /** Suggestion list surface color token. */
     listColor?: ColorKey;
     /** Active/hover suggestion fill; the on-color pair is derived. Must
@@ -2193,7 +2262,7 @@ interface UniSearchInputOptions {
 declare class UniSearchInputComponent extends BaseComponent<UniSearchInputOptions> {
     /** Accessible name for the field, also the placeholder fallback. */
     label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
     width: _angular_core.InputSignal<string | number>;
     debounceTime: _angular_core.InputSignal<number>;
     /**
@@ -2211,7 +2280,7 @@ declare class UniSearchInputComponent extends BaseComponent<UniSearchInputOption
     /** Ties the popup to the field so the browser tracks it in the top layer. */
     private readonly anchor;
     /** `manual` where the top layer is usable, else null — see the popup helper. */
-    protected readonly popupAttr: "manual";
+    protected readonly popupAttr: "manual" | null;
     constructor();
     protected readonly visibleSuggestions: _angular_core.Signal<string[]>;
     /** Shared combobox bookkeeping: open state, active option, ARIA ids. */
@@ -2230,8 +2299,25 @@ declare class UniSearchInputComponent extends BaseComponent<UniSearchInputOption
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSearchInputComponent, "uni-search-input", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; "searchSubmit": "searchSubmit"; "suggestionSelected": "suggestionSelected"; }, never, never, true, never>;
 }
 
+/**
+ * Theme options for `uni-select`. The box itself is `uni-input-box`'s; what
+ * belongs to the select is the dropdown affordance, which until 11.0.0 was
+ * hardcoded — `select` was declared in `ComponentName` with no theme entry
+ * behind it, so a theme could not reach it at all.
+ */
+interface UniSelectOptions {
+    /** Glyph for the dropdown affordance. Defaults to `chevronDown`. */
+    toggleIcon?: IconName;
+    /** Ink for that glyph. Defaults to `on-background-variant`, as `uni-combobox`. */
+    toggleColor?: ColorKey;
+    /** Square size of the glyph in px. Defaults to 20, matching `uni-combobox`. */
+    toggleSize?: number;
+}
+
 declare class UniSelectComponent<T> implements FormValueControl<T | null> {
-    readonly value: _angular_core.ModelSignal<T>;
+    private readonly theme;
+    protected readonly componentOptions: _angular_core.WritableSignal<UniSelectOptions>;
+    readonly value: _angular_core.ModelSignal<T | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
@@ -2242,12 +2328,12 @@ declare class UniSelectComponent<T> implements FormValueControl<T | null> {
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     readonly options: _angular_core.InputSignal<Options<T>>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly width: _angular_core.InputSignal<string | number>;
+    readonly placeholder: _angular_core.InputSignal<string | undefined>;
+    readonly width: _angular_core.InputSignal<string | number | undefined>;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
-    readonly grow: _angular_core.InputSignal<number>;
+    readonly grow: _angular_core.InputSignal<number | undefined>;
     /**
      * Equality used to match `value` against option values, called as
      * `compareWith(optionValue, value)`. Defaults to reference equality, which
@@ -2257,7 +2343,7 @@ declare class UniSelectComponent<T> implements FormValueControl<T | null> {
      */
     readonly compareWith: _angular_core.InputSignal<(optionValue: T, value: T) => boolean>;
     /** Accessible name for the select; a placeholder is not a label. */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string | undefined>;
     protected readonly UNSELECTED = -1;
     /**
      * We use the index as the HTML value to avoid issues with
@@ -2267,7 +2353,7 @@ declare class UniSelectComponent<T> implements FormValueControl<T | null> {
     protected readonly showError: _angular_core.Signal<boolean>;
     protected handleSelectChange(event: Event): void;
     selectClass: string;
-    arrowClass: string;
+    protected readonly arrowClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSelectComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSelectComponent<any>, "uni-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
 }
@@ -2319,11 +2405,11 @@ interface UniSliderOptions {
     tooltipShadow?: Shadow;
     tooltipBorderRadius?: Radius;
     /**
-     * Click-to-jump transition in ms. A drag is never animated — a transition on
-     * a dragged thumb reads as lag — so this applies to keyboard and track
-     * presses only.
+     * Timing for the click-to-jump move, as a `motion` token. A drag is never
+     * animated — a transition on a dragged thumb reads as lag — so this applies
+     * to keyboard and track presses only. Defaults to `snap`.
      */
-    transitionMs?: number;
+    motion?: Motion;
 }
 
 /** Index into the thumb pair. `0` is the `start` thumb, `1` the `end` thumb. */
@@ -2344,23 +2430,30 @@ type ThumbIndex = 0 | 1;
  */
 declare class UniSliderComponent extends BaseComponent<UniSliderOptions> implements FormValueControl<number | UniNumberRange | null> {
     /** Shape follows `mode`: a number when `single`, a `UniNumberRange` when `range`. */
-    readonly value: _angular_core.ModelSignal<number | UniNumberRange>;
+    readonly value: _angular_core.ModelSignal<number | UniNumberRange | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Accessible name, e.g. "Opacity". Names the group in range mode. */
     label: _angular_core.InputSignal<string>;
     mode: _angular_core.InputSignal<"range" | "single">;
-    min: _angular_core.InputSignal<number>;
-    max: _angular_core.InputSignal<number>;
+    min: _angular_core.InputSignal<number | UniNumberRange | undefined>;
+    max: _angular_core.InputSignal<number | UniNumberRange | undefined>;
     step: _angular_core.InputSignal<number>;
     /** `PageUp`/`PageDown` and `Shift+Arrow`. Default: a tenth of the range. */
-    largeStep: _angular_core.InputSignal<number>;
+    largeStep: _angular_core.InputSignal<number | undefined>;
     /** Fill anchor. Defaults to `min`; set `0` for a slider that spans ±. */
-    origin: _angular_core.InputSignal<number>;
+    origin: _angular_core.InputSignal<number | undefined>;
     marks: _angular_core.InputSignal<UniSliderMark[]>;
     /** Marks become the only valid stops — t-shirt sizing, Likert scales. */
     snapToMarks: _angular_core.InputSignal<boolean>;
@@ -2376,9 +2469,9 @@ declare class UniSliderComponent extends BaseComponent<UniSliderOptions> impleme
      */
     valueDisplay: _angular_core.InputSignal<"input" | "none" | "tooltip" | "inline">;
     /** Overrides how a value is rendered and spoken. */
-    formatValue: _angular_core.InputSignal<(value: number) => string>;
+    formatValue: _angular_core.InputSignal<((value: number) => string) | undefined>;
     /** Enforced distance between the two ends, in range mode. */
-    minGap: _angular_core.InputSignal<number>;
+    minGap: _angular_core.InputSignal<number | undefined>;
     variant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     /** Continuous, during a drag or a held key. Bind this for a live preview. */
     sliding: _angular_core.OutputEmitterRef<number | UniNumberRange>;
@@ -2399,6 +2492,8 @@ declare class UniSliderComponent extends BaseComponent<UniSliderOptions> impleme
     /** Set by keydown, consumed by keyup, so one commit follows a key run. */
     private keyed;
     protected readonly isRange: _angular_core.Signal<boolean>;
+    /** The contract admits a range here; a slider's own bounds are always scalar. */
+    private static readonly scalar;
     protected readonly resolvedMin: _angular_core.Signal<number>;
     protected readonly resolvedMax: _angular_core.Signal<number>;
     private derivePair;
@@ -2480,6 +2575,11 @@ declare class UniSliderComponent extends BaseComponent<UniSliderOptions> impleme
     protected readonly rootClass: _angular_core.Signal<string>;
     protected readonly rowClass: _angular_core.Signal<string>;
     protected readonly trackClass: _angular_core.Signal<string>;
+    /**
+     * The click-to-jump timing. `snap` by default: a thumb covering distance to
+     * a value the user just chose, which at `control`'s 300ms would read as lag.
+     */
+    private readonly motion;
     protected readonly fillClass: _angular_core.Signal<string>;
     protected readonly markClass: _angular_core.Signal<string>;
     protected readonly thumbClass: _angular_core.Signal<string>;
@@ -2490,7 +2590,7 @@ declare class UniSliderComponent extends BaseComponent<UniSliderOptions> impleme
     protected readonly readoutFieldClass: _angular_core.Signal<string>;
     protected readonly readoutClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSliderComponent, "uni-slider, Slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "largeStep": { "alias": "largeStep"; "required": false; "isSignal": true; }; "origin": { "alias": "origin"; "required": false; "isSignal": true; }; "marks": { "alias": "marks"; "required": false; "isSignal": true; }; "snapToMarks": { "alias": "snapToMarks"; "required": false; "isSignal": true; }; "valueDisplay": { "alias": "valueDisplay"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "minGap": { "alias": "minGap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "sliding": "sliding"; "changed": "changed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSliderComponent, "uni-slider, Slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "largeStep": { "alias": "largeStep"; "required": false; "isSignal": true; }; "origin": { "alias": "origin"; "required": false; "isSignal": true; }; "marks": { "alias": "marks"; "required": false; "isSignal": true; }; "snapToMarks": { "alias": "snapToMarks"; "required": false; "isSignal": true; }; "valueDisplay": { "alias": "valueDisplay"; "required": false; "isSignal": true; }; "formatValue": { "alias": "formatValue"; "required": false; "isSignal": true; }; "minGap": { "alias": "minGap"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "sliding": "sliding"; "changed": "changed"; }, never, never, true, never>;
 }
 
 /**
@@ -2573,58 +2673,65 @@ interface UniNumberInputOptions {
  * every other field. All arithmetic runs on the cdk's exact decimal helpers.
  */
 declare class UniNumberInputComponent extends BaseComponent<UniNumberInputOptions> implements FormValueControl<number | null> {
-    readonly value: _angular_core.ModelSignal<number>;
+    readonly value: _angular_core.ModelSignal<number | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /**
      * Exact binding, as a canonical decimal string. Bind this instead of `value`
      * where a cent in the fifth decimal place matters; both stay in sync, so it
      * is a one-word change from the ordinary case.
      */
-    readonly valueAsString: _angular_core.ModelSignal<string>;
+    readonly valueAsString: _angular_core.ModelSignal<string | null>;
     /** Accessible name, e.g. "Unit price". */
     label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
     preset: _angular_core.InputSignal<UniNumberPreset>;
     /** ISO 4217 code, e.g. `'USD'`. Implies `preset="currency"`. */
-    currency: _angular_core.InputSignal<string>;
+    currency: _angular_core.InputSignal<string | undefined>;
     /** BCP 47 tag. Defaults to the document language, then the browser's. */
-    locale: _angular_core.InputSignal<string>;
+    locale: _angular_core.InputSignal<string | undefined>;
     /** Static adornment before the number, e.g. `'$'`. Never parseable input. */
-    prefix: _angular_core.InputSignal<string>;
+    prefix: _angular_core.InputSignal<string | undefined>;
     /** Static adornment after the number, e.g. `'kg'`, `'/mo'`. */
-    suffix: _angular_core.InputSignal<string>;
-    decimals: _angular_core.InputSignal<number | [min: number, max: number]>;
-    grouping: _angular_core.InputSignal<false | "auto" | "always" | "min2">;
+    suffix: _angular_core.InputSignal<string | undefined>;
+    decimals: _angular_core.InputSignal<number | [min: number, max: number] | undefined>;
+    grouping: _angular_core.InputSignal<false | "auto" | "always" | "min2" | undefined>;
     /** Escape hatch, merged over the preset. */
-    numberFormat: _angular_core.InputSignal<Intl.NumberFormatOptions>;
+    numberFormat: _angular_core.InputSignal<Intl.NumberFormatOptions | undefined>;
     roundingMode: _angular_core.InputSignal<UniRoundingMode>;
-    align: _angular_core.InputSignal<"center" | "start" | "end">;
+    align: _angular_core.InputSignal<"center" | "start" | "end" | undefined>;
     /** The model is a fraction: `0.15` displays as `15%`. */
     valueIsFraction: _angular_core.InputSignal<boolean>;
     /** Spoken long form of an abbreviated suffix, e.g. `'kilograms'` for `kg`. */
-    unitAnnouncement: _angular_core.InputSignal<string>;
+    unitAnnouncement: _angular_core.InputSignal<string | undefined>;
     readOnly: _angular_core.InputSignal<boolean>;
     /** Renders without its own input-box chrome, for composers like uni-slider. */
     embedded: _angular_core.InputSignal<boolean>;
-    min: _angular_core.InputSignal<number>;
-    max: _angular_core.InputSignal<number>;
+    min: _angular_core.InputSignal<number | undefined>;
+    max: _angular_core.InputSignal<number | undefined>;
     step: _angular_core.InputSignal<number>;
     /** `PageUp`/`PageDown` and `Shift+Arrow`. Default: `step × 10`. */
-    largeStep: _angular_core.InputSignal<number>;
+    largeStep: _angular_core.InputSignal<number | undefined>;
     /** `Alt+Arrow`, Figma's fine-nudge convention. Unset disables it. */
-    smallStep: _angular_core.InputSignal<number>;
+    smallStep: _angular_core.InputSignal<number | undefined>;
     stepOrigin: _angular_core.InputSignal<"min" | "zero">;
     /** Cyclic fields only — 23 → 0 hours, 359 → 0 degrees. */
     wrap: _angular_core.InputSignal<boolean>;
     /** `false` refuses an out-of-range commit instead of clamping it. */
     clampOnCommit: _angular_core.InputSignal<boolean>;
     /** What ↑ commits on an empty field. Default: `min ?? 0`. */
-    emptyStepValue: _angular_core.InputSignal<number>;
+    emptyStepValue: _angular_core.InputSignal<number | undefined>;
     commitOnBlur: _angular_core.InputSignal<boolean>;
     selectOnFocus: _angular_core.InputSignal<boolean>;
     /** `12*3` → 36. Off by default: a parser in a form field is a real cost. */
@@ -2633,9 +2740,9 @@ declare class UniNumberInputComponent extends BaseComponent<UniNumberInputOption
     wheel: _angular_core.InputSignal<boolean>;
     repeat: _angular_core.InputSignal<boolean>;
     /** Custom parser, replacing the built-in locale parsing. */
-    parse: _angular_core.InputSignal<(raw: string, locale: string) => string | null>;
+    parse: _angular_core.InputSignal<((raw: string, locale: string) => string | null) | undefined>;
     /** Overrides the themed layout for this instance. */
-    stepperLayout: _angular_core.InputSignal<_uni_design_system_uni_angular.UniStepperLayout>;
+    stepperLayout: _angular_core.InputSignal<_uni_design_system_uni_angular.UniStepperLayout | undefined>;
     stepped: _angular_core.OutputEmitterRef<UniNumberStepped>;
     /** A commit was refused; the raw text stays in the field. */
     rejected: _angular_core.OutputEmitterRef<UniNumberRejection>;
@@ -2685,7 +2792,7 @@ declare class UniNumberInputComponent extends BaseComponent<UniNumberInputOption
      * spinbutton reporting 0 for "nothing yet" is a wrong answer, not a missing
      * one. `aria-valuetext` carries the localized "Empty" instead.
      */
-    protected readonly canonicalForAria: _angular_core.Signal<string>;
+    protected readonly canonicalForAria: _angular_core.Signal<string | null>;
     protected readonly describedBy: _angular_core.Signal<string>;
     private atFence;
     protected readonly atMin: _angular_core.Signal<boolean>;
@@ -2761,7 +2868,7 @@ declare class UniNumberInputComponent extends BaseComponent<UniNumberInputOption
     protected readonly stackedButtonClass: _angular_core.Signal<string>;
     protected readonly glyphSize: _angular_core.Signal<12 | 18>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniNumberInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniNumberInputComponent, "uni-number-input, NumberInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "valueAsString": { "alias": "valueAsString"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "numberFormat": { "alias": "numberFormat"; "required": false; "isSignal": true; }; "roundingMode": { "alias": "roundingMode"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "valueIsFraction": { "alias": "valueIsFraction"; "required": false; "isSignal": true; }; "unitAnnouncement": { "alias": "unitAnnouncement"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "largeStep": { "alias": "largeStep"; "required": false; "isSignal": true; }; "smallStep": { "alias": "smallStep"; "required": false; "isSignal": true; }; "stepOrigin": { "alias": "stepOrigin"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "clampOnCommit": { "alias": "clampOnCommit"; "required": false; "isSignal": true; }; "emptyStepValue": { "alias": "emptyStepValue"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "allowExpressions": { "alias": "allowExpressions"; "required": false; "isSignal": true; }; "wheel": { "alias": "wheel"; "required": false; "isSignal": true; }; "repeat": { "alias": "repeat"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "stepperLayout": { "alias": "stepperLayout"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "valueAsString": "valueAsStringChange"; "stepped": "stepped"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniNumberInputComponent, "uni-number-input, NumberInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "valueAsString": { "alias": "valueAsString"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "numberFormat": { "alias": "numberFormat"; "required": false; "isSignal": true; }; "roundingMode": { "alias": "roundingMode"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "valueIsFraction": { "alias": "valueIsFraction"; "required": false; "isSignal": true; }; "unitAnnouncement": { "alias": "unitAnnouncement"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "largeStep": { "alias": "largeStep"; "required": false; "isSignal": true; }; "smallStep": { "alias": "smallStep"; "required": false; "isSignal": true; }; "stepOrigin": { "alias": "stepOrigin"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "clampOnCommit": { "alias": "clampOnCommit"; "required": false; "isSignal": true; }; "emptyStepValue": { "alias": "emptyStepValue"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; "isSignal": true; }; "allowExpressions": { "alias": "allowExpressions"; "required": false; "isSignal": true; }; "wheel": { "alias": "wheel"; "required": false; "isSignal": true; }; "repeat": { "alias": "repeat"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "stepperLayout": { "alias": "stepperLayout"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "valueAsString": "valueAsStringChange"; "stepped": "stepped"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 /** Which end of the range a rejection or a change came from. */
@@ -2810,32 +2917,39 @@ interface UniNumberRangeInputOptions {
  * are still the cdk's, shared with every other numeric control.
  */
 declare class UniNumberRangeInputComponent extends BaseComponent<UniNumberRangeInputOptions> implements FormValueControl<UniNumberRange | null> {
-    readonly value: _angular_core.ModelSignal<UniNumberRange>;
+    readonly value: _angular_core.ModelSignal<UniNumberRange | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Names the group, e.g. "Price range". */
     label: _angular_core.InputSignal<string>;
     startLabel: _angular_core.InputSignal<string>;
     endLabel: _angular_core.InputSignal<string>;
     preset: _angular_core.InputSignal<UniNumberPreset>;
-    currency: _angular_core.InputSignal<string>;
-    locale: _angular_core.InputSignal<string>;
-    prefix: _angular_core.InputSignal<string>;
-    suffix: _angular_core.InputSignal<string>;
-    decimals: _angular_core.InputSignal<number | [min: number, max: number]>;
-    grouping: _angular_core.InputSignal<false | "auto" | "always" | "min2">;
+    currency: _angular_core.InputSignal<string | undefined>;
+    locale: _angular_core.InputSignal<string | undefined>;
+    prefix: _angular_core.InputSignal<string | undefined>;
+    suffix: _angular_core.InputSignal<string | undefined>;
+    decimals: _angular_core.InputSignal<number | [min: number, max: number] | undefined>;
+    grouping: _angular_core.InputSignal<false | "auto" | "always" | "min2" | undefined>;
     roundingMode: _angular_core.InputSignal<UniRoundingMode>;
-    placeholderStart: _angular_core.InputSignal<string>;
-    placeholderEnd: _angular_core.InputSignal<string>;
-    min: _angular_core.InputSignal<number>;
-    max: _angular_core.InputSignal<number>;
+    placeholderStart: _angular_core.InputSignal<string | undefined>;
+    placeholderEnd: _angular_core.InputSignal<string | undefined>;
+    minValue: _angular_core.InputSignal<number | undefined>;
+    maxValue: _angular_core.InputSignal<number | undefined>;
     step: _angular_core.InputSignal<number>;
     /** Enforced distance between the two ends. */
-    minGap: _angular_core.InputSignal<number>;
+    minGap: _angular_core.InputSignal<number | undefined>;
     /** The ends were entered backwards and have been exchanged. */
     swapped: _angular_core.OutputEmitterRef<UniNumberRange>;
     /** A typed commit on one end could not be read; its text stays in place. */
@@ -2862,7 +2976,7 @@ declare class UniNumberRangeInputComponent extends BaseComponent<UniNumberRangeI
     protected readonly describedBy: _angular_core.Signal<string>;
     /** The committed canonical decimal for a part, or `null` when that end is open. */
     private canonicalOf;
-    protected valueOf(part: UniNumberRangePart): number | null;
+    protected partValue(part: UniNumberRangePart): number | null;
     protected displayText(part: UniNumberRangePart): string;
     protected partLabel(part: UniNumberRangePart): string;
     protected valueTextOf(part: UniNumberRangePart): string;
@@ -2911,7 +3025,7 @@ declare class UniNumberRangeInputComponent extends BaseComponent<UniNumberRangeI
     protected readonly dividerClass: _angular_core.Signal<string>;
     protected readonly dividerText: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniNumberRangeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniNumberRangeInputComponent, "uni-number-range-input, NumberRangeInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "roundingMode": { "alias": "roundingMode"; "required": false; "isSignal": true; }; "placeholderStart": { "alias": "placeholderStart"; "required": false; "isSignal": true; }; "placeholderEnd": { "alias": "placeholderEnd"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minGap": { "alias": "minGap"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "swapped": "swapped"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniNumberRangeInputComponent, "uni-number-range-input, NumberRangeInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "startLabel": { "alias": "startLabel"; "required": false; "isSignal": true; }; "endLabel": { "alias": "endLabel"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "decimals": { "alias": "decimals"; "required": false; "isSignal": true; }; "grouping": { "alias": "grouping"; "required": false; "isSignal": true; }; "roundingMode": { "alias": "roundingMode"; "required": false; "isSignal": true; }; "placeholderStart": { "alias": "placeholderStart"; "required": false; "isSignal": true; }; "placeholderEnd": { "alias": "placeholderEnd"; "required": false; "isSignal": true; }; "minValue": { "alias": "min"; "required": false; "isSignal": true; }; "maxValue": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "minGap": { "alias": "minGap"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "swapped": "swapped"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 /**
@@ -2973,20 +3087,27 @@ interface UniQuantityStepperOptions {
  * eleven times. `editable=false` is for read-mostly tables.
  */
 declare class UniQuantityStepperComponent extends BaseComponent<UniQuantityStepperOptions> implements FormValueControl<number | null> {
-    readonly value: _angular_core.ModelSignal<number>;
+    readonly value: _angular_core.ModelSignal<number | null>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /**
      * Accessible name. Never visible and always needed — a cart with six of these
      * needs "Quantity, Blue T-shirt (M)", not six controls called "Quantity".
      */
     label: _angular_core.InputSignal<string>;
-    min: _angular_core.InputSignal<number>;
-    max: _angular_core.InputSignal<number>;
+    min: _angular_core.InputSignal<number | undefined>;
+    max: _angular_core.InputSignal<number | undefined>;
     step: _angular_core.InputSignal<number>;
     size: _angular_core.InputSignal<Size>;
     /** `false` renders the number as text: read-mostly tables. */
@@ -3098,7 +3219,7 @@ declare class UniQuantityStepperComponent extends BaseComponent<UniQuantityStepp
     protected readonly readoutClass: _angular_core.Signal<string>;
     protected readonly glyphSize: _angular_core.Signal<number>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniQuantityStepperComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniQuantityStepperComponent, "uni-quantity-stepper, QuantityStepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "deleteAtMin": { "alias": "deleteAtMin"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "removed": "removed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniQuantityStepperComponent, "uni-quantity-stepper, QuantityStepper", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "deleteAtMin": { "alias": "deleteAtMin"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "removed": "removed"; }, never, never, true, never>;
 }
 
 /**
@@ -3157,24 +3278,36 @@ declare class UniTagInputComponent extends BaseComponent<UniTagInputOptions> imp
     readonly value: _angular_core.ModelSignal<UniTagItem[]>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Accessible name for the field, e.g. "To". */
     label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
     /** `email` wires an address validator, paste parser and space separator. */
     preset: _angular_core.InputSignal<"text" | "email">;
     separators: _angular_core.InputSignal<string[]>;
     commitOnBlur: _angular_core.InputSignal<boolean>;
     allowDuplicates: _angular_core.InputSignal<boolean>;
-    max: _angular_core.InputSignal<number>;
-    validate: _angular_core.InputSignal<(raw: string) => boolean>;
-    parse: _angular_core.InputSignal<(pasted: string) => string[]>;
+    /**
+     * Maximum number of tags. Declared as the contract's `maxLength` — for an
+     * array value that is exactly what it means, and Angular 22 types it as a
+     * number — while staying `[max]` in templates.
+     */
+    maxLength: _angular_core.InputSignal<number | undefined>;
+    validate: _angular_core.InputSignal<((raw: string) => boolean) | undefined>;
+    parse: _angular_core.InputSignal<((pasted: string) => string[]) | undefined>;
     tagVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     tagTone: _angular_core.InputSignal<TagTone>;
-    tagSize: _angular_core.InputSignal<Size>;
+    tagSize: _angular_core.InputSignal<Size | undefined>;
     suggestions: _angular_core.InputSignal<UniTagSuggestion[]>;
     /** Debounced text the app should filter `suggestions` from. */
     query: _angular_core.OutputEmitterRef<string>;
@@ -3188,7 +3321,7 @@ declare class UniTagInputComponent extends BaseComponent<UniTagInputOptions> imp
     /** Ties the popup to the field so the browser tracks it in the top layer. */
     private readonly anchor;
     /** `manual` where the top layer is usable, else null — see the popup helper. */
-    protected readonly popupAttr: "manual";
+    protected readonly popupAttr: "manual" | null;
     constructor();
     /** Uncommitted text in the field. */
     protected readonly draft: _angular_core.WritableSignal<string>;
@@ -3246,7 +3379,7 @@ declare class UniTagInputComponent extends BaseComponent<UniTagInputOptions> imp
     protected readonly inputClass: _angular_core.Signal<string>;
     protected readonly listClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagInputComponent, "uni-tag-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "tagVariant": { "alias": "tagVariant"; "required": false; "isSignal": true; }; "tagTone": { "alias": "tagTone"; "required": false; "isSignal": true; }; "tagSize": { "alias": "tagSize"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "query": "query"; "added": "added"; "removed": "removed"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagInputComponent, "uni-tag-input", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "preset": { "alias": "preset"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "maxLength": { "alias": "max"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "parse": { "alias": "parse"; "required": false; "isSignal": true; }; "tagVariant": { "alias": "tagVariant"; "required": false; "isSignal": true; }; "tagTone": { "alias": "tagTone"; "required": false; "isSignal": true; }; "tagSize": { "alias": "tagSize"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "query": "query"; "added": "added"; "removed": "removed"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 /**
@@ -3267,13 +3400,13 @@ declare class UniTextDirective {
     /** Typeface via the selector attribute: `uni-text="headline-large"`. */
     readonly uniText: _angular_core.InputSignal<string>;
     /** Explicit typeface; the attribute value wins when both are set. */
-    typeface: _angular_core.InputSignal<string>;
+    typeface: _angular_core.InputSignal<string | undefined>;
     /** The ink, mapping straight to the CSS `color` property. */
-    color: _angular_core.InputSignal<string>;
+    color: _angular_core.InputSignal<string | undefined>;
     display: _angular_core.InputSignal<OptionalDisplay>;
     align: _angular_core.InputSignal<OptionalTextAlign>;
-    nowrap: _angular_core.InputSignal<boolean>;
-    maxWidth: _angular_core.InputSignal<number>;
+    nowrap: _angular_core.InputSignal<boolean | undefined>;
+    maxWidth: _angular_core.InputSignal<number | undefined>;
     ellipsis: _angular_core.InputSignal<boolean>;
     protected readonly resolvedTypeface: _angular_core.Signal<string>;
     protected readonly className: _angular_core.Signal<string>;
@@ -3286,6 +3419,13 @@ declare class UniTextareaComponent implements FormValueControl<string> {
     readonly value: _angular_core.ModelSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     /** Synced from required() validators by the Signal Forms [formField] directive. */
@@ -3294,20 +3434,20 @@ declare class UniTextareaComponent implements FormValueControl<string> {
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     label: _angular_core.InputSignal<string>;
     placeholder: _angular_core.InputSignal<string>;
     /** Visible text rows. Defaults to the theme's `textarea` options. */
-    rows: _angular_core.InputSignal<number>;
+    rows: _angular_core.InputSignal<number | undefined>;
     readonly readonly: _angular_core.InputSignal<boolean>;
     readonly name: _angular_core.InputSignal<string>;
-    readonly minLength: _angular_core.InputSignal<number>;
-    readonly maxLength: _angular_core.InputSignal<number>;
-    autocomplete: _angular_core.InputSignal<string>;
-    spellcheck: _angular_core.InputSignal<boolean>;
-    width: _angular_core.InputSignal<string | number>;
+    readonly minLength: _angular_core.InputSignal<number | undefined>;
+    readonly maxLength: _angular_core.InputSignal<number | undefined>;
+    autocomplete: _angular_core.InputSignal<string | undefined>;
+    spellcheck: _angular_core.InputSignal<boolean | undefined>;
+    width: _angular_core.InputSignal<string | number | undefined>;
     fullWidth: _angular_core.InputSignal<boolean>;
-    grow: _angular_core.InputSignal<number>;
+    grow: _angular_core.InputSignal<number | undefined>;
     private options;
     protected readonly resolvedRows: _angular_core.Signal<number>;
     protected readonly showError: _angular_core.Signal<boolean>;
@@ -3315,7 +3455,7 @@ declare class UniTextareaComponent implements FormValueControl<string> {
     markAsTouched(): void;
     handleInput(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTextareaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTextareaComponent, "uni-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTextareaComponent, "uni-textarea", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "spellcheck": { "alias": "spellcheck"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "grow": { "alias": "grow"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 /** Why typed text did not become a time. The raw text stays in the field. */
@@ -3329,7 +3469,7 @@ interface UniTimeInputRejection {
  * tagInput/searchInput.
  */
 interface UniTimeInputOptions {
-    toggleSymbol?: string;
+    toggleIcon?: IconName;
     listColor?: ContainerColorToken;
     listShadow?: Shadow;
     listBorderRadius?: Radius;
@@ -3351,28 +3491,35 @@ interface UniTimeInputOptions {
  * the field, flagged, with a `rejected` event.
  */
 declare class UniTimeInputComponent extends BaseComponent<UniTimeInputOptions> implements FormValueControl<UniTime | undefined> {
-    readonly value: _angular_core.ModelSignal<string>;
+    readonly value: _angular_core.ModelSignal<string | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** Accessible name for the field, e.g. "Start time". */
     label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string | undefined>;
     /** Generated list granularity, in minutes. */
     minuteStep: _angular_core.InputSignal<number>;
     /** Earliest allowed time (inclusive), `'09:00'`. */
-    minTime: _angular_core.InputSignal<string>;
+    minTime: _angular_core.InputSignal<string | undefined>;
     /** Latest allowed time (inclusive), `'17:00'`. */
-    maxTime: _angular_core.InputSignal<string>;
+    maxTime: _angular_core.InputSignal<string | undefined>;
     /** Exact allowed times (scheduling). When set, typed entry must match one. */
-    slots: _angular_core.InputSignal<string[]>;
+    slots: _angular_core.InputSignal<string[] | undefined>;
     /** 12-hour display; defaults from the locale. The value stays 24-hour. */
-    hour12: _angular_core.InputSignal<boolean>;
+    hour12: _angular_core.InputSignal<boolean | undefined>;
     /** BCP 47 tag for the display format; defaults to the document language. */
-    locale: _angular_core.InputSignal<string>;
+    locale: _angular_core.InputSignal<string | undefined>;
     commitOnBlur: _angular_core.InputSignal<boolean>;
     /** Renders without its own input-box chrome, for composers like uni-date-time-input. */
     embedded: _angular_core.InputSignal<boolean>;
@@ -3384,7 +3531,7 @@ declare class UniTimeInputComponent extends BaseComponent<UniTimeInputOptions> i
     /** Ties the popup to the field so the browser tracks it in the top layer. */
     private readonly anchor;
     /** `manual` where the top layer is usable, else null — see the popup helper. */
-    protected readonly popupAttr: "manual";
+    protected readonly popupAttr: "manual" | null;
     constructor();
     protected readonly srOnly: string;
     /** A refused commit — styles the field and sets aria-invalid until edited. */
@@ -3424,7 +3571,7 @@ declare class UniTimeInputComponent extends BaseComponent<UniTimeInputOptions> i
     protected readonly embeddedClass: _angular_core.Signal<string>;
     protected readonly listClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTimeInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTimeInputComponent, "uni-time-input, TimeInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "rejected": "rejected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTimeInputComponent, "uni-time-input, TimeInput", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "minuteStep": { "alias": "minuteStep"; "required": false; "isSignal": true; }; "minTime": { "alias": "minTime"; "required": false; "isSignal": true; }; "maxTime": { "alias": "maxTime"; "required": false; "isSignal": true; }; "slots": { "alias": "slots"; "required": false; "isSignal": true; }; "hour12": { "alias": "hour12"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "commitOnBlur": { "alias": "commitOnBlur"; "required": false; "isSignal": true; }; "embedded": { "alias": "embedded"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "rejected": "rejected"; }, never, never, true, never>;
 }
 
 /**
@@ -3436,15 +3583,6 @@ interface UniToggleVariant {
     accent: ColorKey;
 }
 interface UniToggleOptions {
-    /**
-     * @deprecated Track height in px, from before the toggle had a `sizes` block.
-     * Still honoured — and still wins when set, since a theme carrying it opted
-     * into the old derived-ratio geometry (width = 2x, knob = 0.8x) — but it
-     * applies to every instance regardless of the `size` input. Prefer the
-     * theme's `toggle.sizes` block, which gives each size token its own
-     * `width` / `height` / `padding`.
-     */
-    size?: number;
     /** Off-state track color token. */
     trackColor?: ColorKey;
     /** Knob color token. */
@@ -3463,6 +3601,13 @@ declare class UniToggleComponent extends BaseComponent<UniToggleOptions, UniTogg
     readonly checked: _angular_core.ModelSignal<boolean>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     /** Synced from required() validators by the Signal Forms [formField] directive. */
@@ -3471,8 +3616,8 @@ declare class UniToggleComponent extends BaseComponent<UniToggleOptions, UniTogg
      * Id(s) of external element(s) describing this control — typically your
      * app-rendered error message — exposed as aria-describedby.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    readonly label: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
+    readonly label: _angular_core.InputSignal<string | undefined>;
     /**
      * Checked-state track color token, overriding the theme's
      * `toggle.behavior.checkedColor`.
@@ -3482,7 +3627,7 @@ declare class UniToggleComponent extends BaseComponent<UniToggleOptions, UniTogg
      * tell "set to primary" from "not set". Without an input, a theme-level
      * `checkedColor` would silently make per-instance `variant` inert.
      */
-    readonly checkedColor: _angular_core.InputSignal<string>;
+    readonly checkedColor: _angular_core.InputSignal<string | undefined>;
     protected readonly showError: _angular_core.Signal<boolean>;
     markAsTouched(): void;
     handleChange(event: Event): void;
@@ -3513,7 +3658,7 @@ declare class UniToggleComponent extends BaseComponent<UniToggleOptions, UniTogg
     /** A chrome colour by token — no silent fallback; see `uni-radio`. */
     private color;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniToggleComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniToggleComponent, "uni-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checkedColor": { "alias": "checkedColor"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniToggleComponent, "uni-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "checkedColor": { "alias": "checkedColor"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 /**
@@ -3555,7 +3700,7 @@ interface UniAppBarOptions {
  */
 declare class UniAppBarComponent extends BaseComponent<UniAppBarOptions> {
     /** Bar title; alternatively project your own center content. */
-    title: _angular_core.InputSignal<string>;
+    title: _angular_core.InputSignal<string | undefined>;
     /** Stick the bar to the top of its scroll container. */
     sticky: _angular_core.InputSignal<boolean>;
     protected readonly className: _angular_core.Signal<string>;
@@ -3570,7 +3715,7 @@ interface UniAvatarOptions {
     /** Typeface token for the initials. */
     typeface?: Typeface;
     /** Symbol shown when there is no image and no name to take initials from. */
-    fallbackSymbol?: string;
+    fallbackIcon?: IconName;
 }
 /** Theme-level options for `uni-avatar-group`. */
 interface UniAvatarGroupOptions {
@@ -3589,15 +3734,15 @@ interface UniAvatarGroupOptions {
  */
 declare class UniAvatarComponent extends BaseComponent<UniAvatarOptions> {
     /** Image URL; on load error the avatar falls back to initials/symbol. */
-    src: _angular_core.InputSignal<string>;
+    src: _angular_core.InputSignal<string | undefined>;
     /** Person's name: drives the initials and the accessible label. */
-    name: _angular_core.InputSignal<string>;
+    name: _angular_core.InputSignal<string | undefined>;
     /** Verbatim text instead of derived initials (e.g. a group's “+3”). */
-    text: _angular_core.InputSignal<string>;
+    text: _angular_core.InputSignal<string | undefined>;
     protected readonly imageFailed: _angular_core.WritableSignal<boolean>;
     protected readonly showImage: _angular_core.Signal<boolean>;
     protected readonly initials: _angular_core.Signal<string>;
-    protected readonly label: _angular_core.Signal<string>;
+    protected readonly label: _angular_core.Signal<string | undefined>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAvatarComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAvatarComponent, "uni-avatar", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -3610,7 +3755,7 @@ declare class UniAvatarComponent extends BaseComponent<UniAvatarOptions> {
  */
 declare class UniAvatarGroupComponent extends BaseComponent<UniAvatarGroupOptions> {
     /** Show at most this many avatars; the rest collapse into a “+N” chip. */
-    max: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number | undefined>;
     private readonly avatars;
     protected readonly surplus: _angular_core.Signal<number>;
     protected readonly className: _angular_core.Signal<string>;
@@ -3621,11 +3766,11 @@ declare class UniAvatarGroupComponent extends BaseComponent<UniAvatarGroupOption
 type ImagePosition = 'top' | 'bottom' | 'left' | 'right' | 'center' | string;
 declare class UniBackgroundComponent {
     theme: ThemeService;
-    image: _angular_core.InputSignal<string>;
-    imagePosition: _angular_core.InputSignal<string>;
-    imageSize: _angular_core.InputSignal<string | number>;
+    image: _angular_core.InputSignal<string | undefined>;
+    imagePosition: _angular_core.InputSignal<string | undefined>;
+    imageSize: _angular_core.InputSignal<string | number | undefined>;
     height: _angular_core.InputSignal<string | number>;
-    width: _angular_core.InputSignal<string | number>;
+    width: _angular_core.InputSignal<string | number | undefined>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBackgroundComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBackgroundComponent, "uni-background", never, { "image": { "alias": "image"; "required": false; "isSignal": true; }; "imagePosition": { "alias": "imagePosition"; "required": false; "isSignal": true; }; "imageSize": { "alias": "imageSize"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -3636,9 +3781,9 @@ interface UniBadgeOptions {
 }
 
 declare class UniBadgeComponent extends BaseComponent<UniBadgeOptions> {
-    color: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
+    color: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
     useVariant: _angular_core.InputSignal<boolean>;
-    width: _angular_core.InputSignal<number>;
+    width: _angular_core.InputSignal<number | undefined>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBadgeComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBadgeComponent, "[uni-badge]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -3659,7 +3804,7 @@ interface UniBreadcrumbOptions {
     /** Color of the current (last) item. */
     currentColor?: ColorKey;
     /** Material symbol drawn between items. */
-    separatorSymbol?: string;
+    separatorIcon?: IconName;
     /** Space around separators, as a spacing token. */
     gap?: OptionalSize;
 }
@@ -3705,6 +3850,8 @@ interface UniButtonVariant {
 }
 /** Theme-level options for `uni-text-button`, resolved by token name. */
 interface UniButtonOptions {
+    /** Named motion primitive for the hover and press transition. Defaults to `control`. */
+    motion?: Motion;
     /**
      * Corner radius as a radii token. The default theme uses `max` (pill);
      * because this is a token, the theme's radii scale — including generated
@@ -3734,12 +3881,14 @@ declare class RippleDirective {
 }
 
 declare class UniButtonComponent extends BaseComponent<UniButtonOptions, UniButtonVariant> {
-    readonly disable: _angular_core.InputSignal<boolean>;
-    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly disable: _angular_core.InputSignal<boolean | undefined>;
+    readonly loading: _angular_core.InputSignal<boolean | undefined>;
     readonly fullWidth: _angular_core.InputSignal<boolean>;
-    readonly symbolLeft: _angular_core.InputSignal<string>;
-    readonly symbolRight: _angular_core.InputSignal<string>;
+    readonly symbolLeft: _angular_core.InputSignal<string | undefined>;
+    readonly symbolRight: _angular_core.InputSignal<string | undefined>;
     spinnerBox: string;
+    /** Resolved from the component's `motion` option; `control` by default. */
+    private readonly motion;
     protected readonly className: _angular_core.Signal<string>;
     /**
      * The focus ring's colour, from the variant's theme entry.
@@ -3763,13 +3912,6 @@ declare class UniButtonComponent extends BaseComponent<UniButtonOptions, UniButt
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonComponent, "button[uni-text-button], button[text-button]", never, { "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "symbolLeft": { "alias": "symbolLeft"; "required": false; "isSignal": true; }; "symbolRight": { "alias": "symbolRight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
 }
 
-declare class UniButtonGroupComponent {
-    private themeService;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonGroupComponent, "uni-button-group", never, {}, {}, never, ["*"], true, never>;
-}
-
 interface ButtonGroupConfig {
     tooltipPlacement?: Placement;
     buttonSize: Size;
@@ -3782,6 +3924,25 @@ interface ButtonGroupItem {
     action?: (selectedState?: boolean) => boolean | void;
     toggle?: WritableSignal<boolean>;
 }
+/**
+ * Theme options for `uni-button-group`. Declared in `ComponentName` since 8.x
+ * but with no entry behind it until 11.0.0, so the segmented frame's border
+ * and corner radius were hardcoded and unreachable from a theme.
+ */
+interface UniButtonGroupOptions {
+    /** Border primitive around each segment. Defaults to `quaternary`. */
+    border?: Border;
+    /** Corner radius on the outer ends of the group, in px. Defaults to 4. */
+    borderRadius?: number;
+}
+
+declare class UniButtonGroupComponent {
+    private themeService;
+    protected readonly componentOptions: _angular_core.WritableSignal<UniButtonGroupOptions>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonGroupComponent, "uni-button-group", never, {}, {}, never, ["*"], true, never>;
+}
 
 /** One rendered day cell — precomputed so the template stays declarative. */
 interface CalendarCell {
@@ -3811,28 +3972,35 @@ declare class UniCalendarComponent extends BaseComponent<UniCalendarOptions> imp
     readonly value: _angular_core.ModelSignal<UniCalendarValue>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
+    /**
+     * Angular 22 marks the bound field touched through this output; the
+     * `touched` model above is bound inward by the directive and no longer
+     * propagates back out. Emitted wherever this control already decided
+     * the user was done with it.
+     */
+    readonly touch: _angular_core.OutputEmitterRef<void>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string | undefined>;
     /** `'single'` reads/writes a `UniDate`; `'range'` a `UniDateRange`. */
     mode: _angular_core.InputSignal<UniCalendarMode>;
     /** Shown month, `'YYYY-MM'` — two-way, so an app can drive "jump to June". */
-    month: _angular_core.ModelSignal<string>;
+    month: _angular_core.ModelSignal<string | undefined>;
     /** Earliest selectable date (inclusive). */
-    minDate: _angular_core.InputSignal<string>;
+    minDate: _angular_core.InputSignal<string | undefined>;
     /** Latest selectable date (inclusive). */
-    maxDate: _angular_core.InputSignal<string>;
+    maxDate: _angular_core.InputSignal<string | undefined>;
     /** Blocked days: a list of dates, or a predicate. */
-    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean)>;
+    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean) | undefined>;
     /** Availability dots; `label` extends the day's accessible name. */
     markers: _angular_core.InputSignal<UniCalendarMarker[]>;
     /** BCP 47 tag; defaults to the document language, then the browser's. */
-    locale: _angular_core.InputSignal<string>;
+    locale: _angular_core.InputSignal<string | undefined>;
     /** First day of week, 0 = Sunday; defaults from the locale's week info. */
-    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 5 | 6>;
+    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 5 | 6 | undefined>;
     /** Names the grid when it stands alone (otherwise the heading names it). */
-    ariaLabel: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Day geometry token; `sm`/`md`/`lg` map to the theme's `calendar` sizes. */
     size: _angular_core.InputSignal<Size>;
     /** Each committed day, including both ends of a range. */
@@ -3841,9 +4009,9 @@ declare class UniCalendarComponent extends BaseComponent<UniCalendarOptions> imp
     protected readonly headingId: string;
     protected readonly srOnly: string;
     /** Pending range start — set by the first commit, cleared by the second. */
-    protected readonly pendingStart: _angular_core.WritableSignal<string>;
+    protected readonly pendingStart: _angular_core.WritableSignal<string | null>;
     /** Hover/focus candidate painting the preview band while a range is pending. */
-    protected readonly previewDate: _angular_core.WritableSignal<string>;
+    protected readonly previewDate: _angular_core.WritableSignal<string | null>;
     /** Live-region text; selections are otherwise silent for a screen reader. */
     /** Commits, clears and refusals are otherwise silent to a screen reader. */
     protected readonly announcer: _uni_design_system_uni_angular.Announcer;
@@ -3915,7 +4083,7 @@ declare class UniCalendarComponent extends BaseComponent<UniCalendarOptions> imp
     protected dotClassFor(variant: Variant | undefined): string;
     protected readonly showOutside: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCalendarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCalendarComponent, "uni-calendar, Calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "month": "monthChange"; "selected": "selected"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCalendarComponent, "uni-calendar, Calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "dirty": { "alias": "dirty"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "markers": { "alias": "markers"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "weekStart": { "alias": "weekStart"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; "touch": "touch"; "month": "monthChange"; "selected": "selected"; }, never, never, true, never>;
 }
 
 /** Why a callout closed. `programmatic` = the app drove `open` to false. */
@@ -3936,7 +4104,7 @@ interface UniCalloutOptions {
     padding: string;
     headerTypeface: Typeface;
     typeface: Typeface;
-    closeSymbol: IconName;
+    closeIcon: IconName;
     arrowSize: number;
     /** Main-axis gap between the spotlight hole edge and the panel, px. */
     offset: number;
@@ -3973,22 +4141,22 @@ declare class UniCalloutComponent extends BaseComponent<UniCalloutOptions> {
     private destroyRef;
     open: _angular_core.ModelSignal<boolean>;
     /** Identifies this callout in `dismissed` payloads. Empty string = unset. */
-    key: _angular_core.InputSignal<string>;
+    key: _angular_core.InputSignal<string | undefined>;
     /** Element (or id, resolved at open time) to spotlight. '' = unset. */
-    target: _angular_core.InputSignal<string | HTMLElement>;
+    target: _angular_core.InputSignal<string | HTMLElement | undefined>;
     placement: _angular_core.InputSignal<Placement>;
     /** Defaults to `spotlight` when a target resolves, else `dim`. */
-    backdrop: _angular_core.InputSignal<"none" | "spotlight" | "dim">;
+    backdrop: _angular_core.InputSignal<"none" | "spotlight" | "dim" | undefined>;
     /** When false, a transparent cover blocks the spotlit target. */
     targetInteractive: _angular_core.InputSignal<boolean>;
     /** Gates Escape and the close button. */
     dismissible: _angular_core.InputSignal<boolean>;
     /** When true, scrim clicks close (reason `backdrop`); else the panel pulses. */
     dismissOnBackdrop: _angular_core.InputSignal<boolean>;
-    header: _angular_core.InputSignal<string>;
+    header: _angular_core.InputSignal<string | undefined>;
     arrow: _angular_core.InputSignal<boolean>;
     /** Wins over the header/body labelling; the tour sets "{title}, step n of N". */
-    ariaLabel: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     /** Accessible name of the dismiss button (the tour passes its skip label). */
     closeLabel: _angular_core.InputSignal<string>;
     opened: _angular_core.OutputEmitterRef<void>;
@@ -4001,7 +4169,7 @@ declare class UniCalloutComponent extends BaseComponent<UniCalloutOptions> {
     protected readonly bodyId: string;
     private readonly anchorName;
     protected readonly showing: _angular_core.WritableSignal<boolean>;
-    protected readonly activeTarget: _angular_core.WritableSignal<HTMLElement>;
+    protected readonly activeTarget: _angular_core.WritableSignal<HTMLElement | null>;
     private readonly scrimShown;
     /**
      * Keeps the spotlight pieces rendered and the panel anchored through the
@@ -4086,7 +4254,7 @@ declare class UniCardComponent extends BaseComponent<UniCardOptions> {
      * older themes keep winning.
      */
     protected readonly cardStyle: _angular_core.Signal<{
-        boxShadow: string;
+        boxShadow?: string | undefined;
     }>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardComponent, "uni-card", never, {}, {}, never, ["*"], true, never>;
@@ -4100,9 +4268,9 @@ interface UniDataSearchOptions {
 }
 
 declare class UniDataSearchComponent<T> extends BaseComponent<UniDataSearchOptions> {
-    datasource: _angular_core.InputSignal<UniDatasource<T>>;
+    datasource: _angular_core.InputSignal<UniDatasource<T> | undefined>;
     placeholder: _angular_core.InputSignal<string>;
-    fields: _angular_core.InputSignal<string[]>;
+    fields: _angular_core.InputSignal<string[] | undefined>;
     searchValue: _angular_core.WritableSignal<string>;
     inputClassName: string;
     constructor();
@@ -4122,6 +4290,8 @@ interface ColumnDefinition<T> {
     textAlign?: 'left' | 'right' | 'center';
 }
 interface UniDataTableOptions {
+    /** Named motion primitive for the row hover transition. Defaults to `control`. */
+    motion?: Motion;
     border?: Border;
     borderRadius?: Radius;
     color?: ContainerColorToken;
@@ -4154,14 +4324,18 @@ declare class UniDataTableComponent<T> extends BaseComponent<UniDataTableOptions
     detailRowTemplate: _angular_core.InputSignal<TemplateRef<{
         $implicit: T;
         index: number;
-    }>>;
-    expandedIndex: _angular_core.WritableSignal<number>;
+    }> | undefined>;
+    expandedIndex: _angular_core.WritableSignal<number | null>;
     useMultiSelect: _angular_core.InputSignal<boolean>;
     useRowClick: _angular_core.InputSignal<boolean>;
-    highlight?: _angular_core.InputSignal<(row: T) => boolean>;
-    height: _angular_core.InputSignal<string>;
+    highlight?: _angular_core.InputSignal<((row: T) => boolean) | undefined> | undefined;
+    height: _angular_core.InputSignal<string | undefined>;
     scrollable: _angular_core.WritableSignal<boolean>;
-    loadingOverlayClass: string;
+    /** Row hover answers the pointer; the overlay arrives; a detail row reveals. */
+    private readonly motion;
+    private readonly overlayMotion;
+    private readonly revealMotion;
+    protected readonly loadingOverlayClass: _angular_core.Signal<string>;
     rowSelect: _angular_core.OutputEmitterRef<T>;
     rowClick: _angular_core.OutputEmitterRef<T>;
     protected readonly tableClass: _angular_core.Signal<string>;
@@ -4179,7 +4353,7 @@ declare class UniDataTableComponent<T> extends BaseComponent<UniDataTableOptions
     isHighlighted(row: T): boolean;
     protected readonly String: StringConstructor;
     handleScrollable(scrollable: boolean): void;
-    getBorder(name: string | undefined): string;
+    getBorder(name: string | undefined): string | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDataTableComponent<any>, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDataTableComponent<any>, "uni-data-table", never, { "datasource": { "alias": "datasource"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "detailRowTemplate": { "alias": "detailRowTemplate"; "required": false; "isSignal": true; }; "useMultiSelect": { "alias": "useMultiSelect"; "required": false; "isSignal": true; }; "useRowClick": { "alias": "useRowClick"; "required": false; "isSignal": true; }; "highlight": { "alias": "highlight"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "rowSelect": "rowSelect"; "rowClick": "rowClick"; }, never, ["data-table-header", "data-table-footer"], true, never>;
 }
@@ -4196,6 +4370,8 @@ interface UniDialogButtonsOptions {
     /** Bottom padding, as a spacing token. */
     paddingBottom?: NullableSize;
     justifyContent?: JustifyContent;
+    /** Border drawn above the pinned row, separating it from the scrolling body. */
+    divider?: Border;
     confirmButtonVariant?: Variant;
     cancelButtonVariant?: Variant;
     /** Size passed to both buttons. */
@@ -4212,14 +4388,14 @@ interface UniDialogButtonsOptions {
 
 declare class UniDialogButtonsComponent extends BaseComponent<UniDialogButtonsOptions> {
     private dialog;
-    confirmButtonText: _angular_core.InputSignal<string>;
-    confirmButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
-    cancelButtonText: _angular_core.InputSignal<string>;
-    cancelButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
-    disableConfirm: _angular_core.InputSignal<boolean>;
-    padding: _angular_core.InputSignal<NullableSize>;
-    paddingBottom: _angular_core.InputSignal<NullableSize>;
-    justifyContent: _angular_core.InputSignal<JustifyContent>;
+    confirmButtonText: _angular_core.InputSignal<string | undefined>;
+    confirmButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
+    cancelButtonText: _angular_core.InputSignal<string | undefined>;
+    cancelButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
+    disableConfirm: _angular_core.InputSignal<boolean | undefined>;
+    padding: _angular_core.InputSignal<NullableSize | undefined>;
+    paddingBottom: _angular_core.InputSignal<NullableSize | undefined>;
+    justifyContent: _angular_core.InputSignal<JustifyContent | undefined>;
     confirmed: _angular_core.OutputEmitterRef<void>;
     protected confirmVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     protected cancelVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
@@ -4228,6 +4404,8 @@ declare class UniDialogButtonsComponent extends BaseComponent<UniDialogButtonsOp
     protected justifyContentValue: _angular_core.Signal<JustifyContent>;
     protected gapValue: _angular_core.Signal<NullableSize>;
     protected buttonSize: _angular_core.Signal<Size>;
+    /** A pinned row, sized by its content rather than by the body beside it. */
+    protected readonly hostClass: _angular_core.Signal<string>;
     protected readonly className: _angular_core.Signal<string>;
     closeDialog(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogButtonsComponent, never>;
@@ -4243,19 +4421,25 @@ interface UniDialogHeaderOptions {
     textRole: TextRole;
     textColor?: ContentColorToken;
     textAlign?: 'left' | 'center' | 'right';
+    /** Border drawn under the pinned header, separating it from the scrolling body. */
+    divider?: Border;
     closeButtonIcon?: IconName;
-    closeButtonSymbol?: string;
     closeButtonSize?: Size;
 }
 
 declare class UniDialogHeaderComponent extends BaseComponent<UniDialogHeaderOptions> {
     private dialog;
     /** Attached to the title element so the parent dialog is labelled by it. */
-    protected readonly titleId: string;
+    protected readonly titleId: string | null;
     constructor();
     closeDialog(): void;
+    /**
+     * A pinned row: it is a flex child of the dialog and must not be sized by
+     * the scrolling body beside it.
+     */
+    protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogHeaderComponent, "[uni-dialog-header]", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogHeaderComponent, "[uni-dialog-header], [dialog-header]", never, {}, {}, never, ["*"], true, never>;
 }
 
 interface UniDialogOptions {
@@ -4263,10 +4447,51 @@ interface UniDialogOptions {
     borderRadius: Radius;
     color: ContainerColorToken;
     elevation: Elevation;
-    backdrop: StyleExpression;
+    /**
+     * Name of a `backdrops` primitive — the wash laid over the page behind the
+     * dialog. Shared with the drawer, so one token dresses both. A raw style
+     * object is still accepted for themes that stated one before the scale.
+     */
+    backdrop: Backdrop | StyleExpression;
+    /**
+     * Insets the whole surface: the pinned header, the scrolling body and the
+     * pinned buttons all sit inside it. Safe on a surface that never scrolls —
+     * the dialog is `overflow: clip` and only its body row scrolls.
+     */
     padding?: NullableSize;
+    /**
+     * Padding on the scrolling body row alone. Distinct from `padding`, which
+     * insets all three rows.
+     */
+    bodyPadding?: NullableSize;
+    /**
+     * Timing for the open and close fade, panel and scrim together. The same
+     * token the drawer points at, so the two surfaces arrive and leave alike.
+     */
+    motion?: Motion;
+    /**
+     * Minimum gap between the surface and the viewport edge. The dialog is
+     * content-sized up to `calc(100dvh - 2 x inset)` and scrolls its body from
+     * there.
+     */
+    inset?: NullableSize;
 }
 
+/**
+ * Modal dialog on the native `<dialog>` element, laid out as three rows:
+ * an optional `[dialog-header]`, the projected body, an optional
+ * `[dialog-buttons]`.
+ *
+ * **The surface is never the scroll container.** It is a flex column that is
+ * `overflow: clip` on both axes; the header and buttons pin while only the
+ * body row scrolls. Unlike the drawer, which is deliberately viewport-tall,
+ * the dialog stays content-sized: it has no `height`, and grows until it hits
+ * `calc(100dvh - 2 x inset)` — the point at which the body starts to scroll.
+ *
+ * The theme's `padding` insets all three rows (which is what makes the default
+ * header read as a pill floating inside the surface); `bodyPadding` pads the
+ * scrolling row alone.
+ */
 declare class UniDialogComponent extends BaseComponent<UniDialogOptions> {
     private elem;
     /** Two-way bindable open state: [(show)]. */
@@ -4275,21 +4500,34 @@ declare class UniDialogComponent extends BaseComponent<UniDialogOptions> {
      * Accessible name for dialogs without a DialogHeader. When a DialogHeader
      * is present it labels the dialog automatically via aria-labelledby.
      */
-    ariaLabel: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * CSS selector for the element to focus when the dialog opens. Defaults to
      * the browser's native behavior (first focusable element).
      */
-    initialFocus: _angular_core.InputSignal<string>;
-    defaultCloseButton: _angular_core.InputSignal<boolean>;
+    initialFocus: _angular_core.InputSignal<string | undefined>;
+    defaultCloseButton: _angular_core.InputSignal<boolean | undefined>;
     /** Id referenced by aria-labelledby; DialogHeader attaches it to the title. */
     readonly titleId: string;
     readonly hasTitle: _angular_core.WritableSignal<boolean>;
     /** Emits true once opened and false once the closing animation finishes. */
     showing: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    protected readonly bodyTemplate: _angular_core.Signal<TemplateRef<unknown>>;
+    protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
     constructor();
     private get _dialog();
+    /**
+     * One timing for the whole move, panel and scrim together — the same `panel`
+     * token the drawer's slide reads, so the two surfaces no longer disagree
+     * about how long arriving takes.
+     */
+    private readonly motion;
+    /** The gap the surface keeps from the viewport edge before its body scrolls. */
+    private readonly inset;
     protected readonly className: _angular_core.Signal<string>;
+    /** The only scrolling row, and the only one `bodyPadding` touches. */
+    protected readonly bodyClass: _angular_core.Signal<string>;
     protected backdropClick(event: Event): void;
     /**
      * Escape fires the native 'cancel' event, which would close the dialog
@@ -4298,13 +4536,19 @@ declare class UniDialogComponent extends BaseComponent<UniDialogOptions> {
      */
     protected escapeCancel(event: Event): void;
     protected closingAnimation(e: AnimationEvent): void;
+    /**
+     * Doubled selector (`.css-x.css-x`) so these win over the icon button's own
+     * class, which sets `position: relative` and is emitted after this one.
+     * Without it the close never leaves the flow — it used to sit inline at the
+     * top of the surface, and under the flex column it would take a whole row.
+     */
     closeButton: string;
     private dialogFadeIn;
     private dialogFadeOut;
     open(): void;
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDialogComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogComponent, "dialog[uni-dialog]", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "defaultCloseButton": { "alias": "defaultCloseButton"; "required": false; "isSignal": true; }; }, { "show": "showChange"; "showing": "showing"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDialogComponent, "dialog[uni-dialog]", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "initialFocus": { "alias": "initialFocus"; "required": false; "isSignal": true; }; "defaultCloseButton": { "alias": "defaultCloseButton"; "required": false; "isSignal": true; }; }, { "show": "showChange"; "showing": "showing"; }, never, ["[uni-dialog-header], [dialog-header]", "[uni-dialog-buttons], [dialog-buttons]", "*"], true, never>;
 }
 
 declare class UniDividerComponent {
@@ -4351,13 +4595,13 @@ interface UniDrawerButtonsOptions {
  */
 declare class UniDrawerButtonsComponent extends BaseComponent<UniDrawerButtonsOptions> {
     private readonly drawer;
-    confirmButtonText: _angular_core.InputSignal<string>;
-    confirmButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
-    cancelButtonText: _angular_core.InputSignal<string>;
-    cancelButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
-    disableConfirm: _angular_core.InputSignal<boolean>;
-    padding: _angular_core.InputSignal<NullableSize>;
-    justifyContent: _angular_core.InputSignal<JustifyContent>;
+    confirmButtonText: _angular_core.InputSignal<string | undefined>;
+    confirmButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
+    cancelButtonText: _angular_core.InputSignal<string | undefined>;
+    cancelButtonVariant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
+    disableConfirm: _angular_core.InputSignal<boolean | undefined>;
+    padding: _angular_core.InputSignal<NullableSize | undefined>;
+    justifyContent: _angular_core.InputSignal<JustifyContent | undefined>;
     confirmed: _angular_core.OutputEmitterRef<void>;
     protected confirmVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     protected cancelVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
@@ -4396,7 +4640,6 @@ interface UniDrawerHeaderOptions {
     /** Rule separating the header from the scrolling body, as a border primitive. */
     divider?: Border;
     closeButtonIcon?: IconName;
-    closeButtonSymbol?: string;
     closeButtonSize?: Size;
 }
 
@@ -4411,9 +4654,9 @@ interface UniDrawerHeaderOptions {
 declare class UniDrawerHeaderComponent extends BaseComponent<UniDrawerHeaderOptions> {
     private readonly drawer;
     /** Title text. Falls back to the drawer's `headline`; projected content wins over both. */
-    headline: _angular_core.InputSignal<string>;
+    headline: _angular_core.InputSignal<string | undefined>;
     /** Attached to the title so the drawer is labelled by it. */
-    protected readonly titleId: string;
+    protected readonly titleId: string | null;
     protected readonly title: _angular_core.Signal<string>;
     protected readonly showClose: _angular_core.Signal<boolean>;
     constructor();
@@ -4472,8 +4715,12 @@ interface UniDrawerOptions {
      * unpadded so that header and footer rows can pin flush to its edges.
      */
     padding?: OptionalSize;
-    /** Backdrop styling for the overlay mode. Ignored when `scrim` is false. */
-    backdrop?: StyleExpression;
+    /**
+     * Name of a `backdrops` primitive — the wash laid over the page behind the
+     * overlay. The same token the dialog points at, so one theme entry dresses
+     * both. A raw style object is still accepted. Ignored when `scrim` is false.
+     */
+    backdrop?: Backdrop | StyleExpression;
     /**
      * Whether the overlay mode dims the page behind it. False leaves
      * `::backdrop` transparent — the drawer still traps focus and is still
@@ -4482,6 +4729,12 @@ interface UniDrawerOptions {
     scrim?: boolean;
     /** Surface treatment of the panel. */
     background?: DrawerBackground;
+    /**
+     * Timing for everything the panel does: the overlay's slide, its scrim's
+     * fade, and the side panel's width transition. One token for all three, so
+     * the scrim can never drift out of step with the panel it dims.
+     */
+    motion?: Motion;
 }
 
 /**
@@ -4519,17 +4772,17 @@ declare class UniDrawerComponent extends BaseComponent<UniDrawerOptions> {
      * is not, and a wrong accessible name is worse than a missing one — the
      * missing one is at least caught by any audit.
      */
-    ariaLabel: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * Title for the drawer's header row. Shorthand for projecting a
      * `[uni-drawer-header]`; project one instead when the header needs more
      * than a title (a record counter, prev/next navigation).
      */
-    headline: _angular_core.InputSignal<string>;
+    headline: _angular_core.InputSignal<string | undefined>;
     /** Whether the header row renders a close button. */
     defaultCloseButton: _angular_core.InputSignal<boolean>;
     /** Panel width in px, overriding the theme's `drawer.behavior.width`. */
-    width: _angular_core.InputSignal<number>;
+    width: _angular_core.InputSignal<number | undefined>;
     /**
      * Whether the overlay dims the page behind it, overriding the theme's
      * `drawer.behavior.scrim`. False leaves the backdrop transparent so the page
@@ -4539,13 +4792,13 @@ declare class UniDrawerComponent extends BaseComponent<UniDrawerOptions> {
      * This does not make the drawer non-modal: focus is still trapped and the
      * page behind is still inert. It is a visibility choice, not a modality one.
      */
-    scrim: _angular_core.InputSignal<boolean>;
+    scrim: _angular_core.InputSignal<boolean | undefined>;
     /**
      * CSS selector for the element to focus when the overlay opens. The native
      * default is the first focusable element, which in an editor panel is
      * usually the close button rather than the first field.
      */
-    initialFocus: _angular_core.InputSignal<string>;
+    initialFocus: _angular_core.InputSignal<string | undefined>;
     /**
      * The drawer is *asking* to close — Escape, the backdrop, or a close/cancel
      * button. Pair with `disableAutoClose` to hold the panel open while an async
@@ -4562,7 +4815,7 @@ declare class UniDrawerComponent extends BaseComponent<UniDrawerOptions> {
     readonly hasHeader: _angular_core.WritableSignal<boolean>;
     /** Id referenced by aria-labelledby; the header row attaches it to its title. */
     readonly titleId: string;
-    protected readonly labelledBy: _angular_core.Signal<string>;
+    protected readonly labelledBy: _angular_core.Signal<string | null>;
     protected readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
     protected readonly bodyTemplate: _angular_core.Signal<TemplateRef<unknown>>;
     protected readonly footerTemplate: _angular_core.Signal<TemplateRef<unknown>>;
@@ -4581,6 +4834,15 @@ declare class UniDrawerComponent extends BaseComponent<UniDrawerOptions> {
     private readonly edge;
     private readonly slideIn;
     private readonly slideOut;
+    /** The scrim's own fade, so the dimming arrives and leaves with the panel. */
+    private readonly scrimIn;
+    private readonly scrimOut;
+    /**
+     * One timing for everything the panel does. The scrim used to snap in and
+     * out around a panel that took 250ms to slide, because `::backdrop` had a
+     * background and no animation at all.
+     */
+    private readonly motion;
     /** Input wins over the theme option; the literal is the last-resort default. */
     private readonly panelWidth;
     private readonly showScrim;
@@ -4623,16 +4885,16 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
      * contains (e.g. 'menu' for Menu, 'dialog' for rich content). When unset,
      * only aria-expanded/aria-controls are managed.
      */
-    ariaHasPopup: _angular_core.InputSignal<AriaHasPopup>;
+    ariaHasPopup: _angular_core.InputSignal<AriaHasPopup | null>;
     /** Document-unique id of the popover element, for aria-controls wiring. */
     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>;
+    paddingVertical: _angular_core.InputSignal<NullableSize | undefined>;
+    paddingHorizontal: _angular_core.InputSignal<NullableSize | undefined>;
+    border: _angular_core.InputSignal<string | undefined>;
+    borderRadius: _angular_core.InputSignal<string | undefined>;
+    shadow: _angular_core.InputSignal<string | undefined>;
     /** A container color pair; `color` belongs to `uni-text` across the library. */
-    containerColor: _angular_core.InputSignal<ContainerColorToken>;
+    containerColor: _angular_core.InputSignal<ContainerColorToken | undefined>;
     dropdownShowing: _angular_core.OutputEmitterRef<boolean>;
     dropdownHiding: _angular_core.OutputEmitterRef<boolean>;
     dropdownRef: ElementRef<HTMLDivElement>;
@@ -4679,7 +4941,7 @@ declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
      * duration derives from the `expand` theme options' `transitionSpeed`
      * scaled by content height (see `duration`).
      */
-    transitionSpeed: _angular_core.InputSignal<number>;
+    transitionSpeed: _angular_core.InputSignal<number | undefined>;
     /** Referenced by the controlling toggle's aria-controls. */
     readonly regionId: string;
     /**
@@ -4762,17 +5024,17 @@ declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
 declare class UniExpandToggleComponent {
     collapsed: _angular_core.ModelSignal<boolean>;
     /** Id of the Expand region this toggle controls (see UniExpandComponent.regionId). */
-    ariaControls: _angular_core.InputSignal<string>;
+    ariaControls: _angular_core.InputSignal<string | undefined>;
     /** Names the region. Setting it switches the toggle to its labelled shape. */
-    label: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
     /** Muted qualifier beside the label ("for POs & custom orders"). Needs `label`. */
-    sublabel: _angular_core.InputSignal<string>;
+    sublabel: _angular_core.InputSignal<string | undefined>;
     /**
      * 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>;
+    transitionSpeed: _angular_core.InputSignal<number | undefined>;
     /** Fallback clock when no `transitionSpeed` is bound: the `expand` entry's
         motion token — the same one the region itself reads. */
     private readonly themeService;
@@ -4808,22 +5070,22 @@ declare class UniExpandAreaComponent {
 }
 
 declare class UniFileDropZoneComponent {
-    selectedFile: _angular_core.WritableSignal<File>;
-    selectedFileName: _angular_core.Signal<string>;
-    attachmentState: _angular_core.WritableSignal<"upload">;
+    selectedFile: _angular_core.WritableSignal<File | undefined>;
+    selectedFileName: _angular_core.Signal<string | undefined>;
+    attachmentState: _angular_core.WritableSignal<"upload" | undefined>;
     fileSelectorRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
     get fileSelectorElement(): HTMLInputElement;
-    height: _angular_core.InputSignal<string | number>;
+    height: _angular_core.InputSignal<string | number | undefined>;
     borderRadius: _angular_core.InputSignal<string>;
     border: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     padding: _angular_core.InputSignal<NullableSize>;
     useBrowseButton: _angular_core.InputSignal<boolean>;
     browseButtonText: _angular_core.InputSignal<string>;
     allowedFileExtensions: _angular_core.InputSignal<string[]>;
-    label: _angular_core.InputSignal<string>;
-    helpTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    label: _angular_core.InputSignal<string | undefined>;
+    helpTemplate: _angular_core.InputSignal<TemplateRef<unknown> | null>;
     helpTemplateContext: _angular_core.InputSignal<unknown>;
-    fileAttached: _angular_core.OutputEmitterRef<File>;
+    fileAttached: _angular_core.OutputEmitterRef<File | undefined>;
     fileRemoved: _angular_core.OutputEmitterRef<void>;
     /**
      * The zone acts as the keyboard-reachable file picker only when no browse
@@ -4939,7 +5201,7 @@ declare const listboxPopupStyles: (theme: ThemeService, options: UniListboxPopup
 
 declare class UniIconComponent {
     private themeService;
-    color: _angular_core.InputSignal<string>;
+    color: _angular_core.InputSignal<string | undefined>;
     name: _angular_core.InputSignal<IconName>;
     /**
      * Explicit square size. Bare numbers are px; strings pass through, so any CSS
@@ -4950,11 +5212,11 @@ declare class UniIconComponent {
      * padding. Set it at call sites that would otherwise need a width/height
      * rule just to size one icon.
      */
-    size: _angular_core.InputSignal<CssLength>;
+    size: _angular_core.InputSignal<CssLength | undefined>;
     /** Resolved from the theme's icon primitives; unknown names render nothing. */
     protected readonly path: _angular_core.Signal<string>;
     /** `null` leaves the styles off entirely, falling back to the stylesheet. */
-    protected readonly sizeValue: _angular_core.Signal<string>;
+    protected readonly sizeValue: _angular_core.Signal<string | null>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconComponent, "uni-icon", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -4973,19 +5235,20 @@ declare class UniIconButtonComponent {
     private theme;
     config: _angular_core.Signal<_uni_design_system_uni_core.ComponentTheme<{
         borderRadius?: RadiiSize;
+        motion?: Motion;
     }, UniIconButtonVariant>>;
     /**
      * Accessible name for the button. Alternative to projecting text content
      * (`<button icon-button>Close</button>`); one of the two is required for
      * an icon-only button to be announced correctly.
      */
-    ariaLabel: _angular_core.InputSignal<string>;
-    iconName: _angular_core.InputSignal<IconName>;
-    symbolName: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    iconName: _angular_core.InputSignal<IconName | undefined>;
+    symbolName: _angular_core.InputSignal<string | undefined>;
     variant: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     size: _angular_core.InputSignal<Size>;
-    disable: _angular_core.InputSignal<boolean>;
-    loading: _angular_core.InputSignal<boolean>;
+    disable: _angular_core.InputSignal<boolean | undefined>;
+    loading: _angular_core.InputSignal<boolean | undefined>;
     opticalSize: _angular_core.InputSignal<number>;
     protected readonly srOnlyClass: string;
     /**
@@ -4996,7 +5259,9 @@ declare class UniIconButtonComponent {
      * 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 glyphSize: _angular_core.Signal<string | number | undefined>;
+    /** Resolved from the component's `motion` option; `control` by default. */
+    private readonly motion;
     protected readonly className: _angular_core.Signal<string>;
     /**
      * The focus ring's colour, from the variant's theme entry — never from the
@@ -5009,6 +5274,81 @@ declare class UniIconButtonComponent {
     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: {}; }]>;
 }
 
+/**
+ * Theme options for `uni-inline-button` — the `inlineButton` theme entry.
+ *
+ * The control exists because the alternatives distort a sentence: a `ghost`
+ * button brings padding and a hit area that push the surrounding words apart,
+ * and a bare `<a>` gives navigation semantics to something that only acts.
+ */
+interface UniInlineButtonOptions {
+    /** Ink when `link` is set. Defaults to `primary`. */
+    linkColor?: ColorKey;
+    /** Underline by default, so a theme can make every inline button read as a link. */
+    underline?: boolean;
+    /** Underline on hover even when `underline` is off. Defaults to true. */
+    underlineOnHover?: boolean;
+    /** Distance from the text baseline to the underline. Defaults to `0.15em`. */
+    underlineOffset?: string;
+    /** Space between the glyph and the label, as a spacing token. Defaults to `xxs`. */
+    gap?: NullableSize;
+    /** Focus ring colour. Defaults to the shared focus ring. */
+    focusColor?: ColorKey;
+}
+
+/**
+ * A button that lives inside a sentence.
+ *
+ * Every other button in the library owns a box. Even `ghost` is a flex box
+ * with a hit area, horizontal padding and a type scale of its own, so dropping
+ * one into a sentence takes it out of the run of text entirely. This one
+ * inherits that type — family, size, weight, line height and colour — and adds
+ * no padding, so a paragraph reads as one continuous run with an action in the
+ * middle of it.
+ *
+ * It is always a real `<button>`: it can *look* like a link (`underline`,
+ * `link`) without claiming to be navigation, so Enter and Space activate it
+ * and assistive tech announces a button rather than an unfollowable link.
+ *
+ * A glyph may sit alongside the label without disturbing that: it is sized in
+ * `em`, so it scales with the type it lands in rather than pinning a px size
+ * into someone else's paragraph.
+ *
+ * One limit comes from the element itself. Browsers blockify a `<button>` to
+ * `inline-block` whatever `display` it asks for, so the control is an atomic
+ * inline box: its own label wraps inside it, but the run cannot split across a
+ * line break the way the words around it do. `display: contents` would buy
+ * that at the cost of the button being focusable at all, which is not a trade
+ * worth making — keep labels to a few words, which is what an inline action
+ * wants anyway.
+ */
+declare class UniInlineButtonComponent extends BaseComponent<UniInlineButtonOptions> {
+    /** Theme icon token rendered beside the label. Prefer this over `symbolName`. */
+    readonly iconName: _angular_core.InputSignal<IconName | undefined>;
+    /** Material Symbols ligature, for glyphs the theme's icon set doesn't carry. */
+    readonly symbolName: _angular_core.InputSignal<string | undefined>;
+    /** Which side of the label the glyph sits on. */
+    readonly iconPosition: _angular_core.InputSignal<"start" | "end">;
+    /** Underline the label, overriding the theme's default. */
+    readonly underline: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /** Paint the label with the theme's link colour instead of inheriting the ink. */
+    readonly link: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly glyphAtStart: _angular_core.Signal<boolean>;
+    /**
+     * `1em` rather than a px size: the control inherits the surrounding type, so
+     * the glyph has to scale with it or it will look wrong in every context but
+     * the one it was measured in.
+     */
+    protected readonly glyphSize: _angular_core.Signal<string>;
+    private readonly showUnderline;
+    protected readonly className: _angular_core.Signal<string>;
+    protected readonly labelClass: _angular_core.Signal<string>;
+    protected readonly glyphClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniInlineButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniInlineButtonComponent, "button[uni-inline-button], button[inline-button]", never, { "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 declare class UniJsonViewComponent {
     json: _angular_core.InputSignal<unknown>;
     rows: _angular_core.InputSignal<number>;
@@ -5058,7 +5398,7 @@ interface UniMenuItemOptions {
     textColor?: ColorKey;
     hoverColor?: ContainerColorToken;
     /** Trailing symbol marking the active item; undefined/'' renders none. */
-    activeSymbol?: string;
+    activeIcon?: IconName;
     /** Named motion primitive for the hover/focus fill. Defaults to `control`;
         omit both this and `transitionSpeed` for no transition at all. */
     motion?: Motion;
@@ -5087,7 +5427,7 @@ interface UniMenuOptions {
 declare class UniMenuComponent {
     private theme;
     menuItems: _angular_core.InputSignal<MenuItem[]>;
-    activeItem: _angular_core.InputSignal<MenuItem>;
+    activeItem: _angular_core.InputSignal<MenuItem | undefined>;
     placement: _angular_core.InputSignal<Placement>;
     menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
     TriggerClassName: string;
@@ -5120,17 +5460,17 @@ interface UniNotificationBadgeOptions {
 }
 
 declare class UniNotificationBadgeComponent extends BaseComponent<UniNotificationBadgeOptions> {
-    count: _angular_core.InputSignal<number>;
+    count: _angular_core.InputSignal<number | undefined>;
     maxCount: _angular_core.InputSignal<number>;
     badgeVariant: _angular_core.InputSignal<"dot" | "count" | "pill">;
-    color: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
+    color: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
     position: _angular_core.InputSignal<"top-right" | "top-left" | "bottom-right" | "bottom-left">;
     show: _angular_core.InputSignal<boolean>;
     /**
      * Screen-reader text for the badge (e.g. "5 unread messages"). Without it
      * a sensible default is announced; a bare number or dot carries no meaning.
      */
-    ariaLabel: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
     protected readonly srOnlyClass: string;
     protected readonly announcement: _angular_core.Signal<string>;
     displayValue: _angular_core.Signal<string>;
@@ -5151,9 +5491,9 @@ interface UniAlertOptions {
 }
 
 declare class UniAlertComponent extends BaseComponent<UniAlertOptions> implements AfterViewInit {
-    show: _angular_core.ModelSignal<boolean>;
-    iconName: _angular_core.InputSignal<IconName>;
-    symbolName: _angular_core.InputSignal<string>;
+    show: _angular_core.ModelSignal<boolean | undefined>;
+    iconName: _angular_core.InputSignal<IconName | undefined>;
+    symbolName: _angular_core.InputSignal<string | undefined>;
     useVariant: _angular_core.InputSignal<boolean>;
     showing: _angular_core.OutputEmitterRef<boolean>;
     alertRef?: ElementRef<HTMLDialogElement>;
@@ -5167,14 +5507,14 @@ declare class UniAlertComponent extends BaseComponent<UniAlertOptions> implement
     ngAfterViewInit(): void;
     open(): void;
     close(): void;
-    protected readonly effectiveIconName: _angular_core.Signal<IconName>;
+    protected readonly effectiveIconName: _angular_core.Signal<IconName | undefined>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAlertComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAlertComponent, "uni-alert", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; }, { "show": "showChange"; "showing": "showing"; }, never, ["*"], true, never>;
 }
 
 declare class ConfirmationDialogComponent {
     show: _angular_core.InputSignal<boolean>;
-    confirmation: _angular_core.InputSignal<Confirmation>;
+    confirmation: _angular_core.InputSignal<Confirmation | undefined>;
     showing: _angular_core.OutputEmitterRef<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationDialogComponent, "uni-confirmation-dialog", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "confirmation": { "alias": "confirmation"; "required": false; "isSignal": true; }; }, { "showing": "showing"; }, never, never, true, never>;
@@ -5188,9 +5528,9 @@ declare class NotificationsComponent {
     protected readonly showAlert: _angular_core.Signal<boolean>;
     protected readonly showSnackbar: _angular_core.Signal<boolean>;
     protected readonly showConfirmation: _angular_core.Signal<boolean>;
-    protected readonly alert: _angular_core.Signal<Alert>;
-    protected readonly snackbar: _angular_core.Signal<Snackbar>;
-    protected readonly confirmation: _angular_core.Signal<Confirmation>;
+    protected readonly alert: _angular_core.Signal<Alert | undefined>;
+    protected readonly snackbar: _angular_core.Signal<Snackbar | undefined>;
+    protected readonly confirmation: _angular_core.Signal<Confirmation | undefined>;
     constructor();
     handleConfirmationShowingEvent(showing: boolean): void;
     handleSnackbarShowingEvent(showing: boolean): void;
@@ -5219,15 +5559,15 @@ declare class UniSnackbarComponent extends BaseComponent<UniSnackbarOptions> imp
         secondsRemaining: _angular_core.Signal<number>;
     };
     /** Two-way bindable open state: [(show)]. */
-    show: _angular_core.ModelSignal<boolean>;
-    iconName: _angular_core.InputSignal<IconName>;
-    symbolName: _angular_core.InputSignal<string>;
-    timeout: _angular_core.InputSignal<string | number>;
-    actionLabel: _angular_core.InputSignal<string>;
+    show: _angular_core.ModelSignal<boolean | undefined>;
+    iconName: _angular_core.InputSignal<IconName | undefined>;
+    symbolName: _angular_core.InputSignal<string | undefined>;
+    timeout: _angular_core.InputSignal<string | number | undefined>;
+    actionLabel: _angular_core.InputSignal<string | undefined>;
     useVariant: _angular_core.InputSignal<boolean>;
     action: _angular_core.OutputEmitterRef<void>;
     showing: _angular_core.OutputEmitterRef<boolean>;
-    snackbarRef: _angular_core.Signal<ElementRef<any>>;
+    snackbarRef: _angular_core.Signal<ElementRef<any> | undefined>;
     private get _snackbar();
     constructor();
     /** Timing for the enter/leave transition. */
@@ -5258,8 +5598,8 @@ interface UniPaginatorOptions {
 }
 
 declare class UniPaginatorComponent<T> extends BaseComponent<UniPaginatorOptions> {
-    datasource: _angular_core.InputSignal<UniDatasource<T>>;
-    initPageSize: _angular_core.InputSignal<number>;
+    datasource: _angular_core.InputSignal<UniDatasource<T> | undefined>;
+    initPageSize: _angular_core.InputSignal<number | undefined>;
     showPageSize: _angular_core.InputSignal<boolean>;
     showPageJumper: _angular_core.InputSignal<boolean>;
     showPageNumbers: _angular_core.InputSignal<boolean>;
@@ -5296,7 +5636,7 @@ interface UniPopoverOptions {
     offset: number;
     arrowSize: number;
     /** Icon primitive for the `closable` button. */
-    closeSymbol: IconName;
+    closeIcon: IconName;
     /** Hover open delay in tooltip mode, ms. */
     tooltipOpenDelay: number;
     /** Pointer-leave close delay in tooltip mode, ms. */
@@ -5336,18 +5676,18 @@ declare class UniPopoverComponent extends BaseComponent<UniPopoverOptions> {
      * the panel opens) while the projected trigger keeps the disclosure ARIA.
      * Empty string means unset.
      */
-    anchor: _angular_core.InputSignal<string | HTMLElement>;
+    anchor: _angular_core.InputSignal<string | HTMLElement | undefined>;
     /** Title rendered in the header row and used as the accessible name. */
-    header: _angular_core.InputSignal<string>;
+    header: _angular_core.InputSignal<string | undefined>;
     /** Renders a "Close" icon button in the header row. */
     closable: _angular_core.InputSignal<boolean>;
     arrow: _angular_core.InputSignal<boolean>;
     /** Panel max-width; numbers are px. Defaults to the theme's `maxWidth`. */
-    maxWidth: _angular_core.InputSignal<string | number>;
+    maxWidth: _angular_core.InputSignal<string | number | undefined>;
     /** Tooltip-mode hover-open delay, ms; defaults to the theme option. */
-    openDelay: _angular_core.InputSignal<number>;
+    openDelay: _angular_core.InputSignal<number | undefined>;
     /** Tooltip-mode pointer-leave close delay, ms; defaults to the theme option. */
-    closeDelay: _angular_core.InputSignal<number>;
+    closeDelay: _angular_core.InputSignal<number | undefined>;
     opened: _angular_core.OutputEmitterRef<void>;
     closed: _angular_core.OutputEmitterRef<void>;
     readonly panelId: string;
@@ -5405,15 +5745,41 @@ declare class UniPopoverComponent extends BaseComponent<UniPopoverOptions> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniPopoverComponent, "uni-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; "header": { "alias": "header"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "arrow": { "alias": "arrow"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "opened": "opened"; "closed": "closed"; }, never, ["[trigger]", "[popover-header]", "*", "[popover-footer]"], true, never>;
 }
 
+/**
+ * Theme options for `uni-progress-bar`. Declared in `ComponentName` with no
+ * entry behind it until 11.0.0, so the bar picked its colours straight off the
+ * palette and a theme had no way to re-point them.
+ */
+interface UniProgressBarOptions {
+    /** Unfilled track. Defaults to `primary-surface`. */
+    trackColor?: ColorKey;
+    /** Fill while in progress. Defaults to `secondary-surface`. */
+    fillColor?: ColorKey;
+    /** Fill once complete. Defaults to `secondary`. */
+    completeColor?: ColorKey;
+    /** Outline on both track and fill. Defaults to `on-background-variant`. */
+    borderColor?: ColorKey;
+    /** Outline width in px. Defaults to 1. */
+    strokeWidth?: number;
+}
+
 declare class UniProgressBarComponent {
     theme: ThemeService;
+    protected readonly componentOptions: _angular_core.WritableSignal<UniProgressBarOptions>;
     palette: _angular_core.Signal<Partial<Record<string, string>>>;
+    /** Every paint the bar uses, resolved through the theme entry. */
+    protected readonly paint: _angular_core.Signal<{
+        track: string | undefined;
+        fill: string | undefined;
+        complete: string | undefined;
+        border: string | undefined;
+    }>;
     width: _angular_core.InputSignal<number>;
     height: _angular_core.InputSignal<number>;
     percent: _angular_core.InputSignal<number>;
     /** Accessible name describing what is progressing (e.g. "Upload progress"). */
-    ariaLabel: _angular_core.InputSignal<string>;
-    stroke: number;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    protected readonly stroke: _angular_core.Signal<number>;
     protected readonly className: _angular_core.Signal<string>;
     protected readonly Math: Math;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniProgressBarComponent, never>;
@@ -5423,8 +5789,8 @@ declare class UniProgressBarComponent {
 declare class UniProgressGaugeComponent extends BaseComponent {
     percent: _angular_core.InputSignal<number>;
     /** Accessible name describing what is progressing. */
-    ariaLabel: _angular_core.InputSignal<string>;
-    textStyle: _angular_core.Signal<string | number | _uni_design_system_uni_core.StyleExpression>;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    textStyle: _angular_core.Signal<string | number | _uni_design_system_uni_core.StyleExpression | undefined>;
     private progress;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniProgressGaugeComponent, never>;
@@ -5459,7 +5825,7 @@ declare class UniScrollAreaComponent {
      * elements with `uni-text`, which owns `color` and maps it to the CSS
      * property. One `color` binding feeding both would render ink on ink.
      */
-    containerColor: _angular_core.InputSignal<ContainerColorToken>;
+    containerColor: _angular_core.InputSignal<ContainerColorToken | undefined>;
     borderRadius: _angular_core.InputSignal<string>;
     padding: _angular_core.InputSignal<OptionalSize>;
     paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
@@ -5468,7 +5834,7 @@ declare class UniScrollAreaComponent {
     paddingRight: _angular_core.InputSignal<OptionalSize>;
     paddingTop: _angular_core.InputSignal<OptionalSize>;
     paddingBottom: _angular_core.InputSignal<OptionalSize>;
-    border: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
+    border: _angular_core.InputSignal<keyof _uni_design_system_uni_core.UniVariantRegistry | undefined>;
     height: _angular_core.InputSignal<OptionalValue>;
     width: _angular_core.InputSignal<OptionalValue>;
     appearance: _angular_core.InputSignal<ScrollbarAppearance>;
@@ -5523,23 +5889,23 @@ interface UniSkeletonOptions {
 declare class UniSkeletonComponent extends BaseComponent<UniSkeletonOptions> {
     shape: _angular_core.InputSignal<SkeletonShape>;
     /** CSS width; defaults to 100% for text/rect and `height` for circles. */
-    width: _angular_core.InputSignal<string | number>;
+    width: _angular_core.InputSignal<string | number | undefined>;
     /** CSS height per block; defaults to 1em (text), 96px (rect), 40px (circle). */
-    height: _angular_core.InputSignal<string | number>;
+    height: _angular_core.InputSignal<string | number | undefined>;
     /** Number of text lines (text shape only). */
     lines: _angular_core.InputSignal<number>;
     /** Base color token; overrides the theme option for this skeleton. */
-    color: _angular_core.InputSignal<string>;
+    color: _angular_core.InputSignal<string | undefined>;
     /** Shimmer highlight token; overrides the theme option for this skeleton. */
-    highlightColor: _angular_core.InputSignal<string>;
+    highlightColor: _angular_core.InputSignal<string | undefined>;
     /** Radius token; overrides the theme option. Circles are always round. */
-    borderRadius: _angular_core.InputSignal<string>;
+    borderRadius: _angular_core.InputSignal<string | undefined>;
     /**
      * Announces the skeleton to assistive tech as a polite status. Leave unset
      * when a container already carries `aria-busy` — the skeleton then stays
      * `aria-hidden`, as a decorative placeholder should.
      */
-    label: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string | undefined>;
     protected readonly srOnly: string;
     private readonly cssSize;
     protected readonly resolvedHeight: _angular_core.Signal<string>;
@@ -5594,13 +5960,13 @@ declare class UniStatComponent extends BaseComponent<UniStatOptions> {
     /** The headline number: strings render verbatim, numbers auto-compact. */
     value: _angular_core.InputSignal<string | number>;
     /** Signed change, e.g. "+12.4%" or "-0.4%". The sign drives the arrow. */
-    delta: _angular_core.InputSignal<string>;
+    delta: _angular_core.InputSignal<string | undefined>;
     /** Whether an upward movement is good news. Flip for churn, errors, cost. */
     upIsGood: _angular_core.InputSignal<boolean>;
     /** Names the comparison period, e.g. "vs last month". */
-    caption: _angular_core.InputSignal<string>;
+    caption: _angular_core.InputSignal<string | undefined>;
     /** Recent values for the decorative sparkline (12 points reads best). */
-    trend: _angular_core.InputSignal<number[]>;
+    trend: _angular_core.InputSignal<number[] | undefined>;
     protected readonly srOnly: string;
     protected readonly displayValue: _angular_core.Signal<string>;
     protected readonly deltaIsUp: _angular_core.Signal<boolean>;
@@ -5612,7 +5978,7 @@ declare class UniStatComponent extends BaseComponent<UniStatOptions> {
         path: string;
         endX: string;
         endY: string;
-    }>;
+    } | undefined>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniStatComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniStatComponent, "uni-stat", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "upIsGood": { "alias": "upIsGood"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "trend": { "alias": "trend"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5640,6 +6006,8 @@ declare class UniTabComponent {
  * get pills (`borderRadius: 'max'` + `activeColor`) or any custom treatment.
  */
 interface UniTabsOptions {
+    /** Named motion primitive for a tab's ink and indicator transition. Defaults to `snap`. */
+    motion?: Motion;
     /** Tab label typography. */
     typeface?: Typeface;
     /** Inactive tab label color. */
@@ -5677,6 +6045,8 @@ declare class UniTabsComponent extends BaseComponent<UniTabsOptions> {
     protected readonly activeTab: _angular_core.Signal<UniTabComponent>;
     protected select(index: number): void;
     protected onKeydown(event: KeyboardEvent): void;
+    /** Resolved from the component's `motion` option; `snap` by default. */
+    private readonly motion;
     protected readonly tablistClass: _angular_core.Signal<string>;
     protected readonly tabClass: _angular_core.Signal<string>;
     protected readonly panelClass: _angular_core.Signal<string>;
@@ -5693,8 +6063,15 @@ interface UniTextareaOptions {
 }
 
 declare class UniSortHeaderComponent<T> {
-    column: _angular_core.InputSignal<keyof T>;
-    datasource: _angular_core.InputSignal<UniDatasource<T>>;
+    private readonly theme;
+    /**
+     * The arrow answers a click, so it rides `control`. This component has no
+     * theme entry of its own, so it names the token directly rather than
+     * exposing an option that would have nowhere to live.
+     */
+    private readonly motion;
+    column: _angular_core.InputSignal<keyof T | undefined>;
+    datasource: _angular_core.InputSignal<UniDatasource<T> | undefined>;
     protected readonly buttonClass: string;
     direction: _angular_core.Signal<SortDirection>;
     protected readonly className: _angular_core.Signal<string>;
@@ -5716,10 +6093,10 @@ interface SymbolOptions {
 
 declare class UniSymbolComponent extends BaseComponent<SymbolOptions> {
     name: _angular_core.InputSignal<string>;
-    fill: _angular_core.InputSignal<SymbolFill>;
-    weight: _angular_core.InputSignal<SymbolWeight>;
-    grade: _angular_core.InputSignal<SymbolGrade>;
-    opticalSize: _angular_core.InputSignal<number>;
+    fill: _angular_core.InputSignal<SymbolFill | undefined>;
+    weight: _angular_core.InputSignal<SymbolWeight | undefined>;
+    grade: _angular_core.InputSignal<SymbolGrade | undefined>;
+    opticalSize: _angular_core.InputSignal<number | undefined>;
     protected readonly className: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSymbolComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSymbolComponent, "uni-symbol", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "weight": { "alias": "weight"; "required": false; "isSignal": true; }; "grade": { "alias": "grade"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
@@ -5727,6 +6104,8 @@ declare class UniSymbolComponent extends BaseComponent<SymbolOptions> {
 
 /** Theme options for the `tag` component entry. */
 interface UniTagOptions {
+    /** Named motion primitive for the fill and ink transition. Defaults to `control`. */
+    motion?: Motion;
     borderRadius?: Radius;
     typeface?: Typeface;
     /** Space between the lead element, label and remove button. */
@@ -5754,17 +6133,17 @@ type UniTagValue = string | number | undefined;
 declare class UniTagComponent extends BaseComponent<UniTagOptions> {
     size: _angular_core.InputSignal<Size>;
     tone: _angular_core.InputSignal<TagTone>;
-    label: _angular_core.InputSignal<string>;
-    value: _angular_core.InputSignal<string | number>;
+    label: _angular_core.InputSignal<string | undefined>;
+    value: _angular_core.InputSignal<string | number | undefined>;
     /** Truncation budget, e.g. `'14ch'`. A number is treated as px. */
-    maxWidth: _angular_core.InputSignal<string | number>;
-    avatarSrc: _angular_core.InputSignal<string>;
+    maxWidth: _angular_core.InputSignal<string | number | undefined>;
+    avatarSrc: _angular_core.InputSignal<string | undefined>;
     /** Initials fallback when `avatarSrc` is absent or fails to load. */
-    avatarName: _angular_core.InputSignal<string>;
+    avatarName: _angular_core.InputSignal<string | undefined>;
     /** Theme icon primitive — the preferred glyph path. */
-    iconName: _angular_core.InputSignal<IconName>;
+    iconName: _angular_core.InputSignal<IconName | undefined>;
     /** Material Symbols ligature, for glyphs the theme's icon set doesn't carry. */
-    symbolName: _angular_core.InputSignal<string>;
+    symbolName: _angular_core.InputSignal<string | undefined>;
     /** Status dot in the current colour. */
     dot: _angular_core.InputSignal<boolean>;
     removable: _angular_core.InputSignal<boolean>;
@@ -5775,11 +6154,11 @@ declare class UniTagComponent extends BaseComponent<UniTagOptions> {
      * focusable so it can be removed), and announcing "not pressed" on a
      * recipient chip is worse than announcing nothing.
      */
-    selected: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.InputSignal<boolean | undefined>;
     invalid: _angular_core.InputSignal<boolean>;
     disabled: _angular_core.InputSignal<boolean>;
     /** Accessible-name override for the remove button. */
-    removeLabel: _angular_core.InputSignal<string>;
+    removeLabel: _angular_core.InputSignal<string | undefined>;
     /**
      * Tab position of the chip's controls. A composite that owns its own
      * roving focus — `uni-tag-input`, where the whole field is one tab stop —
@@ -5792,7 +6171,7 @@ declare class UniTagComponent extends BaseComponent<UniTagOptions> {
     /** A disabled chip wears the theme's `disabled` role, whatever its variant. */
     protected readonly resolvedVariant: _angular_core.Signal<keyof _uni_design_system_uni_core.UniVariantRegistry>;
     protected readonly themeStyle: _angular_core.Signal<{
-        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression;
+        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression | undefined;
     }>;
     /** Lead elements derive from the chip height, so no second size token. */
     protected readonly leadSize: _angular_core.Signal<number>;
@@ -5839,8 +6218,8 @@ declare class UniThemeBuilderComponent {
     protected pinSecondary: _angular_core.WritableSignal<boolean>;
     protected secondaryHex: _angular_core.WritableSignal<string>;
     /** Soft brand targets carried by the active preset (cleared on seed edits). */
-    protected targets: _angular_core.WritableSignal<Partial<Record<_uni_design_system_uni_core.BrandRole, string>>>;
-    protected copied: _angular_core.WritableSignal<"file" | "ngadd" | "dtcg">;
+    protected targets: _angular_core.WritableSignal<Partial<Record<_uni_design_system_uni_core.BrandRole, string>> | undefined>;
+    protected copied: _angular_core.WritableSignal<"file" | "ngadd" | "dtcg" | null>;
     protected showAllPairs: _angular_core.WritableSignal<boolean>;
     constructor();
     protected config: _angular_core.Signal<BrandPaletteConfig>;
@@ -5904,13 +6283,15 @@ declare class UniThemeSwitchComponent {
     ariaLabel: _angular_core.InputSignal<string>;
     /** Emits the selected theme key after it has been applied. */
     themeChanged: _angular_core.OutputEmitterRef<string>;
-    protected selected: _angular_core.Signal<string>;
+    protected selected: _angular_core.Signal<string | null>;
     protected select(themeName: ThemeName | null): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniThemeSwitchComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniThemeSwitchComponent, "uni-theme-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "themeChanged": "themeChanged"; }, never, never, true, never>;
 }
 
 interface UniTooltipOptions {
+    /** Named motion primitive for the fade in and out. Defaults to `notification`. */
+    motion?: Motion;
     color?: ContainerColorToken;
     border?: Border;
     borderRadius?: Radius;
@@ -5956,6 +6337,8 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     showTooltip(): void;
     hideTooltip(): void;
     protected onAnimationEnd(event: AnimationEvent): void;
+    /** Resolved from the component's `motion` option; `notification` by default. */
+    private readonly motion;
     protected readonly className: _angular_core.Signal<string>;
     private tooltipFadeIn;
     private tooltipFadeOut;
@@ -6008,7 +6391,7 @@ declare class UniTourComponent extends BaseComponent<UniTourOptions> {
     private destroyRef;
     steps: _angular_core.InputSignal<UniTourStep[]>;
     /** The presented step index, or null when the tour is not running. */
-    active: _angular_core.ModelSignal<number>;
+    active: _angular_core.ModelSignal<number | null>;
     nextLabel: _angular_core.InputSignal<string>;
     backLabel: _angular_core.InputSignal<string>;
     skipLabel: _angular_core.InputSignal<string>;
@@ -6028,11 +6411,11 @@ declare class UniTourComponent extends BaseComponent<UniTourOptions> {
     /** Repeats must still be heard: the same gate message can come round
         again on a later step. */
     protected readonly announcer: _uni_design_system_uni_angular.Announcer;
-    protected readonly resolvedTarget: _angular_core.WritableSignal<HTMLElement>;
+    protected readonly resolvedTarget: _angular_core.WritableSignal<HTMLElement | undefined>;
     private readonly presentedIndex;
     private gateCleanup;
     protected readonly index: _angular_core.Signal<number>;
-    protected readonly currentStep: _angular_core.Signal<UniTourStep>;
+    protected readonly currentStep: _angular_core.Signal<UniTourStep | undefined>;
     protected readonly isLast: _angular_core.Signal<boolean>;
     protected readonly clickGate: _angular_core.Signal<boolean>;
     /** Gated steps force an interactive target — the gate needs the gesture. */
@@ -6082,5 +6465,6 @@ declare class DragAndDropDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragAndDropDirective, "[uni-drag-n-drop], [dragAndDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
 }
 
-export { BodyRenderDirective, ConfirmationDialogComponent, DRAWER_PANEL, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_FORMS, UNI_LAYOUT, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxDirective, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterDirective, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerButtonsComponent, UniDrawerComponent, UniDrawerHeaderComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniNumberInputComponent, UniNumberRangeInputComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniQuantityStepperComponent, UniRadioComponent, UniRecordDatasource, UniRowDirective, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackDirective, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagInputComponent, UniTextDirective, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapDirective, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clampDecimal, clearAnchorName, compareDecimal, createAnnouncer, createListboxNavigation, createPressRepeat, dayOfWeek, daysInMonth, decimalScale, discreteOverlayTransition, evaluateExpression, focusableElements, formatDate, formatMonthHeading, formatNumber, formatTime, fromScaled, getFileExtension, inclusiveDayCount, isCanonicalDecimal, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeNumberParts, localeWeekStart, losesPrecision, monthOf, motionSafe, newAnchorName, newListboxAnchor, normalizeDecimal, parseDateText, parseNumber, parseTimeText, promoteListboxPopup, rawNumberText, resolveElement, resolveFocusTarget, resolveNumberFormat, restoreOverlayFocus, roundDecimal, setAnchorName, settleNumber, shiftDecimal, speakNumber, splitDateTime, spotlightStyles, stepDecimal, supportsAnchoredPopup, timeSlots, toAsciiDigits, toDecimal, toNumber, toScaled, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
-export type { Alert, AnchorOffset, AnchorRect, Announcer, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerBackground, DrawerCloseReason, DrawerMode, DrawerPosition, ImagePosition, ListboxNavigationConfig, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, PressRepeat, PressRepeatConfig, PressRepeatTiming, ScrollbarAppearance, SkeletonShape, SkeletonSweepDirection, Snackbar, Sort, SortDirection, SpotlightOptions, SpotlightStyles, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCalendarMarker, UniCalendarMode, UniCalendarOptions, UniCalendarValue, UniCalloutDismissal, UniCalloutOptions, UniCheckboxOptions, UniCheckboxVariant, UniComboboxOptions, UniComboboxRejection, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDate, UniDateInputOptions, UniDateInputRejection, UniDateRange, UniDateTime, UniDateTimeInputOptions, UniDrawerButtonsOptions, UniDrawerCloseRequest, UniDrawerHeaderOptions, UniDrawerOptions, UniDrawerPanel, UniExpandOptions, UniInputBoxOptions, UniInputMode, UniInputType, UniListboxPopupOptions, UniLocaleNumberParts, UniMenuItemOptions, UniMenuOptions, UniMonthGridCell, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniNumberClamp, UniNumberFormatConfig, UniNumberGrouping, UniNumberInputOptions, UniNumberParseResult, UniNumberPreset, UniNumberRange, UniNumberRangeInputOptions, UniNumberRangePart, UniNumberRangeRejection, UniNumberRejectReason, UniNumberRejection, UniNumberStepConfig, UniNumberStepped, UniPaginatorOptions, UniPopoverOptions, UniQuantityStepperOptions, UniRadioOption, UniRadioOptions, UniRadioVariant, UniResolvedNumberFormat, UniRoundingMode, UniSearchInputOptions, UniSkeletonOptions, UniSliderMark, UniSliderOptions, UniSliderThumb, UniStatOptions, UniStepperLayout, UniTabsOptions, UniTagInputOptions, UniTagItem, UniTagOptions, UniTagRejection, UniTagSuggestion, UniTagValue, UniTextareaOptions, UniTime, UniTimeInputOptions, UniTimeInputRejection, UniToggleOptions, UniToggleVariant, UniTourAdvance, UniTourOptions, UniTourStep, UniWeekdayName };
+export { BodyRenderDirective, ConfirmationDialogComponent, DRAWER_PANEL, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_FORMS, UNI_LAYOUT, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxDirective, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterDirective, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerButtonsComponent, UniDrawerComponent, UniDrawerHeaderComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInlineButtonComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniNumberInputComponent, UniNumberRangeInputComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniQuantityStepperComponent, UniRadioComponent, UniRecordDatasource, UniRowDirective, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackDirective, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagInputComponent, UniTextDirective, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapDirective, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clampDecimal, clearAnchorName, compareDecimal, createAnnouncer, createListboxNavigation, createPressRepeat, dayOfWeek, daysInMonth, decimalScale, discreteOverlayTransition, evaluateExpression, focusableElements, formatDate, formatMonthHeading, formatNumber, formatTime, fromScaled, getFileExtension, inclusiveDayCount, isCanonicalDecimal, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeNumberParts, localeWeekStart, losesPrecision, monthOf, motionSafe, newAnchorName, newListboxAnchor, normalizeDecimal, parseDateText, parseNumber, parseTimeText, promoteListboxPopup, rawNumberText, resolveElement, resolveFocusTarget, resolveNumberFormat, restoreOverlayFocus, roundDecimal, setAnchorName, settleNumber, shiftDecimal, speakNumber, splitDateTime, spotlightStyles, stepDecimal, supportsAnchoredPopup, timeSlots, toAsciiDigits, toDecimal, toNumber, toScaled, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
+export type { Alert, AnchorOffset, AnchorRect, Announcer, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerBackground, DrawerCloseReason, DrawerMode, DrawerPosition, ImagePosition, ListboxNavigationConfig, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, PressRepeat, PressRepeatConfig, PressRepeatTiming, ScrollbarAppearance, SkeletonShape, SkeletonSweepDirection, Snackbar, Sort, SortDirection, SpotlightOptions, SpotlightStyles, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCalendarMarker, UniCalendarMode, UniCalendarOptions, UniCalendarValue, UniCalloutDismissal, UniCalloutOptions, UniCheckboxOptions, UniCheckboxVariant, UniComboboxOptions, UniComboboxRejection, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDate, UniDateInputOptions, UniDateInputRejection, UniDateRange, UniDateTime, UniDateTimeInputOptions, UniDrawerButtonsOptions, UniDrawerCloseRequest, UniDrawerHeaderOptions, UniDrawerOptions, UniDrawerPanel, UniExpandOptions, UniInlineButtonOptions, UniInputBoxOptions, UniInputMode, UniInputType, UniListboxPopupOptions, UniLocaleNumberParts, UniMenuItemOptions, UniMenuOptions, UniMonthGridCell, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniNumberClamp, UniNumberFormatConfig, UniNumberGrouping, UniNumberInputOptions, UniNumberParseResult, UniNumberPreset, UniNumberRange, UniNumberRangeInputOptions, UniNumberRangePart, UniNumberRangeRejection, UniNumberRejectReason, UniNumberRejection, UniNumberStepConfig, UniNumberStepped, UniPaginatorOptions, UniPopoverOptions, UniQuantityStepperOptions, UniRadioOption, UniRadioOptions, UniRadioVariant, UniResolvedNumberFormat, UniRoundingMode, UniSearchInputOptions, UniSelectOptions, UniSkeletonOptions, UniSliderMark, UniSliderOptions, UniSliderThumb, UniStatOptions, UniStepperLayout, UniTabsOptions, UniTagInputOptions, UniTagItem, UniTagOptions, UniTagRejection, UniTagSuggestion, UniTagValue, UniTextareaOptions, UniTime, UniTimeInputOptions, UniTimeInputRejection, UniToggleOptions, UniToggleVariant, UniTourAdvance, UniTourOptions, UniTourStep, UniWeekdayName };
+//# sourceMappingURL=uni-design-system-uni-angular.d.ts.map