@uni-design-system/uni-angular 8.3.1 → 9.0.0

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

@@ -1,9 +1,9 @@
 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, NullableSize, ThemeName, ThemeParseResult, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, ColorToken, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, Elevation, RadiiSize, TextColor, JustifyContent, StyleExpression, Orientation, CssLength, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap, TagTone, ColorScheme, ColorCategory, ThemeShape, ContrastCheck, Colors, GenerationInput } 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 { FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
 import * as _uni_design_system_uni_angular from '@uni-design-system/uni-angular';
-import { FormValueControl, FormCheckboxControl } from '@angular/forms/signals';
 import { CSSObject } from '@emotion/css/create-instance';
 
 /**
@@ -44,6 +44,43 @@ declare const visuallyHidden: {
 declare function motionSafe<T extends object>(styles: T): {
     '@media (prefers-reduced-motion: no-preference)': T;
 };
+interface Announcer {
+    /**
+     * Current live-region text. Bind it to a visually hidden element that is
+     * already in the DOM when the component renders — a region added at the
+     * moment it gains text is not reliably announced:
+     *
+     * ```html
+     * <span role="status" aria-live="polite" [class]="srOnly">
+     *   {{ announcer.message() }}
+     * </span>
+     * ```
+     */
+    readonly message: Signal<string>;
+    /** Announce `text`, even when it repeats what was just announced. */
+    announce(text: string): void;
+}
+/**
+ * A polite live region's text, for the running commentary a form control owes
+ * a screen reader: commits, clears, refused entries, result counts — changes
+ * a sighted user sees but that are otherwise silent.
+ *
+ * Extracted because five controls (`uni-combobox`, `uni-tag-input`,
+ * `uni-time-input`, `uni-date-input`, `uni-calendar`) carried byte-identical
+ * copies, including the repeat trick below — the kind of subtlety that is
+ * quietly dropped when the sixth control hand-rolls its own.
+ *
+ * Announcing the same text twice must still be heard: assistive tech reads a
+ * live region when its content *changes*, so setting an identical string is a
+ * no-op and the second "No match." would be silent. A trailing space breaks
+ * the equality without changing a word of what is read. Successive repeats
+ * alternate between the padded and unpadded form, so nothing accumulates.
+ *
+ * Deliberately holds no DOM and no styling: the region belongs to the
+ * component's own template, where its placement and visually-hidden class are
+ * already the component's business.
+ */
+declare function createAnnouncer(): Announcer;
 
 /**
  * Canonical date/time value shapes shared by `uni-calendar`,
@@ -162,6 +199,18 @@ interface ListboxNavigationConfig {
      * nearest enabled option; an all-disabled list never activates.
      */
     disabled?: (index: number) => boolean;
+    /**
+     * Let Home/End jump to the ends of the list. Default false.
+     *
+     * In an editable combobox those keys belong to the caret — APG reserves
+     * them for text editing, and a control that steals them makes the text
+     * un-navigable while its list is open. Opt in only where focus is *not* in
+     * a text field (uni-multi-select-dropdown, whose focus rides the option
+     * checkboxes). Nothing is lost by leaving it off: opening with ArrowUp
+     * already lands on the last option, ArrowDown on the first, and navigation
+     * wraps at both ends.
+     */
+    homeEndNavigates?: boolean;
 }
 /**
  * The keyboard and ARIA bookkeeping shared by every combobox-style popup:
@@ -172,8 +221,9 @@ interface ListboxNavigationConfig {
  * Extracted because three controls need the identical contract
  * (`uni-search-input`, `uni-tag-input`, and the multi-select upgrade), and the
  * parts that silently drift between hand-rolled copies all live here: the
- * wrap-around arithmetic, Home/End, and keeping the active id in sync with the
- * option list.
+ * wrap-around arithmetic and keeping the active id in sync with the option
+ * list. Home/End are opt-in (`homeEndNavigates`) because a text field's caret
+ * has the better claim on them.
  *
  * `Enter` and `Escape` are deliberately *not* handled: what they mean depends
  * on the control (submit a search, commit a typed token, clear the field), and
@@ -187,6 +237,7 @@ declare class ListboxNavigation {
     private readonly _activeIndex;
     private readonly wrap;
     private readonly isDisabled;
+    private readonly homeEndNavigates;
     /** Whether the popup is showing. Also false when there is nothing to show. */
     readonly open: Signal<boolean>;
     /** Index of the highlighted option, or -1 when none is active. */
@@ -201,9 +252,9 @@ declare class ListboxNavigation {
     hide(): void;
     setActive(index: number): void;
     /**
-     * Handle ArrowDown / ArrowUp / Home / End, opening the popup if needed.
-     * Returns true when the key was consumed, so a caller can fall through to
-     * its own handling for everything else.
+     * Handle ArrowDown / ArrowUp — and Home / End where `homeEndNavigates` is
+     * on. Opens the popup if needed. Returns true when the key was consumed, so
+     * a caller can fall through to its own handling for everything else.
      */
     navigate(event: KeyboardEvent): boolean;
     private nextIndex;
@@ -322,8 +373,14 @@ declare function isToggleOpen(event: Event): boolean;
  * top layer: `transition-behavior: allow-discrete` over the `hidden` keys plus
  * `display`/`overlay`, the shown state under `:popover-open`, and
  * `@starting-style` so entry transitions run from the hidden state.
+ *
+ * `display` and `overlay` must ride along or the element cannot animate into
+ * and out of the top layer at all — it would simply appear and vanish.
+ *
+ * `timingFunction` is omitted from the output when not given, leaving the CSS
+ * initial value (`ease`), so callers that never asked for one are unaffected.
  */
-declare function discreteOverlayTransition(durationMs: number, hidden: Record<string, string | number>, shown: Record<string, string | number>): Record<string, unknown>;
+declare function discreteOverlayTransition(durationMs: number, hidden: Record<string, string | number>, shown: Record<string, string | number>, timingFunction?: string): Record<string, unknown>;
 /**
  * Returns focus to `target` when an overlay closes while focus was inside its
  * panel (or was dropped on `<body>` by the top layer closing), so keyboard
@@ -556,12 +613,13 @@ declare class ThemeService {
     component: <T>(componentName: ComponentName) => Signal<ComponentTheme<T>>;
     colors: Signal<Partial<Record<string, string>>>;
     typeFaces: Signal<Record<string, _uni_design_system_uni_core.TypeFaceDefinition>>;
-    spacing: Signal<Partial<Record<NullableSize, string | number>>>;
+    spacing: Signal<_uni_design_system_uni_core.Spacing>;
     thicknesses: Signal<Partial<Record<string, string | number>>>;
     radii: Signal<Partial<Record<string, string>>>;
     borders: Signal<Partial<Record<string, string>>>;
     shadows: Signal<Partial<Record<string, string>>>;
     icons: Signal<_uni_design_system_uni_core.Icons>;
+    motions: Signal<Partial<Record<string, MotionToken>>>;
     constructor();
     /**
      * Activate a registered theme. Returns false — touching nothing, persisting
@@ -611,7 +669,22 @@ declare class ThemeService {
     componentStyle: (componentName: ComponentName, variant: Variant, size: Size) => Signal<{
         [x: string]: string | number | _uni_design_system_uni_core.StyleExpression;
     }>;
+    /**
+     * Resolve a spacing token to its CSS value. `'none'` resolves through the
+     * 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;
+    private readonly warnedSpacing;
+    /**
+     * Resolve a spacing token against the active theme.
+     *
+     * The scale is open — a theme may name steps beyond `xxs`…`xxl` — so a
+     * mistyped token cannot be a compile error. It would otherwise vanish
+     * silently, since an `undefined` CSS value is simply dropped, so say so once
+     * per token in dev.
+     */
+    private resolveSpacing;
     getThickness: (thickness: Thickness) => string | number;
     getContentColor: (token: ContainerColorToken, useVariant?: boolean) => string;
     colorPair: (token?: ContainerColorToken, colorVariant?: boolean) => NullableStyleExpression;
@@ -654,6 +727,12 @@ declare class ThemeService {
     colorPalette: () => Partial<Record<string, string>>;
     color(color?: ColorKey): NullableStyleExpression;
     getDashedBorder(color: ColorKey | undefined, radius: Radius | undefined): NullableStyleExpression;
+    /**
+     * Resolves a named motion primitive. Falls back to `popup` and then to a
+     * hard default, so a theme that predates the motion scale — or names a
+     * token that isn't there — still animates rather than snapping.
+     */
+    motion(token: Motion | undefined): MotionToken;
     radius(size: Radius | undefined): NullableStyleExpression;
     getRadiusLeft(size: Radius | undefined): NullableStyleExpression;
     getRadiusRight(size: Radius | undefined): NullableStyleExpression;
@@ -666,6 +745,12 @@ declare class ThemeService {
     paddingRight(size: OptionalSize): NullableStyleExpression;
     paddingTop(size: OptionalSize): NullableStyleExpression;
     paddingBottom(size: OptionalSize): NullableStyleExpression;
+    /**
+     * Inline-axis margin only — `'auto'` passes through for centering, anything
+     * else resolves as a spacing token. Block margins are deliberately absent
+     * (they collapse and fight `gap`).
+     */
+    marginInline(margin: 'auto' | OptionalSize): NullableStyleExpression;
     border(border: Border | undefined): NullableStyleExpression;
     borderTop(border: Border | undefined): NullableStyleExpression;
     borderBottom(border: Border | undefined): NullableStyleExpression;
@@ -681,6 +766,12 @@ declare class ThemeService {
     getComponentOptions: <T>(componentName: ComponentName) => _angular_core.WritableSignal<T>;
     componentOptions: (componentName: ComponentName) => Signal<unknown>;
     style(prop: string, value: string | number | undefined): NullableStyleExpression;
+    /**
+     * Like {@link style}, but only `undefined` means "unset" — so a meaningful
+     * `0` survives. `flex-shrink: 0` is the whole point of the input, and
+     * {@link style}'s truthiness check would drop it.
+     */
+    styleIfSet(prop: string, value: string | number | undefined): NullableStyleExpression;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
 }
@@ -701,221 +792,192 @@ declare class BaseComponent<T = unknown> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BaseComponent<any>, "ng-component", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/** Theme-level options for `uni-app-bar`, resolved by token name. */
-interface UniAppBarOptions {
-    /** Bar surface color token (with its paired on-color). */
-    color?: ContainerColorToken;
-    /** Bar height in px. */
-    height?: number;
-    /** Rule under the bar, as a border primitive token. */
-    divider?: Border;
-    /** Title typography token. */
-    typeface?: Typeface;
-    /** Horizontal padding, as a spacing token. */
-    padding?: OptionalSize;
-    /** Space between bar children, as a spacing token. */
-    gap?: OptionalSize;
-    /** Optional elevation shadow token (e.g. 'raised'). */
-    elevation?: Elevation;
-}
-
-/**
- * Horizontal application bar: project leading controls (menu button, logo)
- * with the `leading` attribute, actions with `trailing` (pushed to the far
- * edge), and either pass `title` or project custom center content. Surface,
- * divider, height, typography and spacing all resolve from `appBar` tokens.
- * Place it inside your page's `<header>` landmark.
- */
-declare class UniAppBarComponent extends BaseComponent<UniAppBarOptions> {
-    /** Bar title; alternatively project your own center content. */
-    title: _angular_core.InputSignal<string>;
-    /** Stick the bar to the top of its scroll container. */
-    sticky: _angular_core.InputSignal<boolean>;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAppBarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAppBarComponent, "uni-app-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, ["[leading]", "*", "[trailing]"], true, never>;
+interface UniCheckboxOptions {
+    size?: string | number;
+    borderRadius?: string | number;
+    /** Unchecked box background token. */
+    boxColor?: ColorKey;
+    focusRingGap?: string | number;
 }
 
-/** Theme-level options for `uni-avatar`, resolved by token name. */
-interface UniAvatarOptions {
-    /** Corner radius token — `max` renders circles; `sharp` themes get squares. */
-    borderRadius?: Radius;
-    /** Typeface token for the initials. */
-    typeface?: Typeface;
-    /** Symbol shown when there is no image and no name to take initials from. */
-    fallbackSymbol?: string;
-}
-/** Theme-level options for `uni-avatar-group`. */
-interface UniAvatarGroupOptions {
-    /** How far stacked avatars overlap, as a spacing token. */
-    overlap?: OptionalSize;
-    /** Ring color separating stacked avatars from each other. */
-    ringColor?: ColorKey;
-    /** Ring width in px. */
-    ringWidth?: number;
+declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions> implements FormCheckboxControl {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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>;
+    /**
+     * Mixed state for "select all"-style parent checkboxes. Cleared
+     * automatically on the next user interaction, matching native behavior.
+     */
+    readonly indeterminate: _angular_core.ModelSignal<boolean>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): void;
+    handleChange(event: Event): void;
+    protected readonly checkboxLabel: _angular_core.Signal<string>;
+    protected readonly checkboxInput: _angular_core.Signal<string>;
+    getThemeColor(token: ColorToken): string;
+    /** The content color paired with a variant fill (on-primary, on-warn, …). */
+    getOnColor(variant: ColorToken): string;
+    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; }; "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>;
 }
 
-/**
- * Identity avatar with a graceful fallback chain: image → initials from
- * `name` → themed symbol. Coloring, radius, typeface and sizes all resolve
- * from `avatar` theme tokens; `variant` picks the container palette.
- */
-declare class UniAvatarComponent extends BaseComponent<UniAvatarOptions> {
-    /** Image URL; on load error the avatar falls back to initials/symbol. */
-    src: _angular_core.InputSignal<string>;
-    /** Person's name: drives the initials and the accessible label. */
-    name: _angular_core.InputSignal<string>;
-    /** Verbatim text instead of derived initials (e.g. a group's “+3”). */
-    text: _angular_core.InputSignal<string>;
-    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 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>;
+/** A commit was refused (no match); the field reverted to the committed label. */
+interface UniComboboxRejection {
+    query: string;
 }
-
 /**
- * Overlapping stack of avatars. `max` collapses the overflow into a themed
- * “+N” chip (itself a `uni-avatar`). Overlap and separator ring resolve from
- * `avatarGroup` theme tokens.
+ * Theme options for the `combobox` entry. Field chrome is not duplicated
+ * here — it comes from `input` via uni-input-box; the list trio matches
+ * tagInput/searchInput/timeInput. Glyphs are theme icon primitives rendered
+ * by `uni-icon`, so they restyle with the theme's iconography.
  */
-declare class UniAvatarGroupComponent extends BaseComponent<UniAvatarGroupOptions> {
-    /** Show at most this many avatars; the rest collapse into a “+N” chip. */
-    max: _angular_core.InputSignal<number>;
-    private readonly avatars;
-    protected readonly surplus: _angular_core.Signal<number>;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAvatarGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAvatarGroupComponent, "uni-avatar-group", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, ["avatars"], ["*"], true, never>;
-}
-
-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>;
-    height: _angular_core.InputSignal<string | number>;
-    width: _angular_core.InputSignal<string | number>;
-    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>;
-}
-
-interface UniBadgeOptions {
-    borderRadius?: RadiiSize;
-}
-
-declare class UniBadgeComponent extends BaseComponent<UniBadgeOptions> {
-    color: _angular_core.InputSignal<Variant>;
-    useVariant: _angular_core.InputSignal<boolean>;
-    width: _angular_core.InputSignal<number>;
-    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>;
-}
-
-/** One step in the trail. The last item is treated as the current page. */
-interface BreadcrumbItem {
-    label: string;
-    /** Link target. Omit for SPA routing and handle `itemClicked` instead. */
-    href?: string;
-}
-/** Theme-level options for `uni-breadcrumb`, resolved by token name. */
-interface UniBreadcrumbOptions {
-    /** Trail typography token. */
-    typeface?: Typeface;
-    /** Link color for ancestor items. */
-    color?: ColorKey;
-    /** Color of the current (last) item. */
-    currentColor?: ColorKey;
-    /** Material symbol drawn between items. */
-    separatorSymbol?: string;
-    /** Space around separators, as a spacing token. */
-    gap?: OptionalSize;
+interface UniComboboxOptions {
+    toggleIcon?: IconName;
+    clearIcon?: IconName;
+    selectedIcon?: IconName;
+    listColor?: ContainerColorToken;
+    listShadow?: Shadow;
+    listBorderRadius?: Radius;
+    /** Active/hover option fill; the on-color pair is derived. Must contrast
+        with `listColor` or keyboard navigation turns invisible. */
+    activeColor?: ContainerColorToken;
+    /** Scroll height in rows — the list scrolls past this, never truncates. */
+    maxVisibleOptions?: number;
+    descriptionColor?: ContentColorToken; /** Named motion primitive for the suggestion popup's open animation.
+        Defaults to `popup` — the token `uni-dropdown` uses. */
+    motion?: Motion;
 }
 
 /**
- * WAI-ARIA breadcrumb: a `nav` landmark wrapping an ordered list; the last
- * item is the current page (`aria-current="page"`), separators are decorative.
- * Items with `href` render as real links; without one they render as
- * link-styled buttons emitting `itemClicked` — wire that to your router.
+ * Form-bound, closed-set, single-select autocomplete: `FormValueControl<T | null>`
+ * over object `Options<T>`, type-to-filter, commit-on-select. Typing produces a
+ * draft — a filter, never a value; the value changes only when an option
+ * commits, `clear()` runs, or the model is written from outside. Select
+ * semantics, not search: a real label, a chevron, no magnifier, nothing
+ * submits. For short lists with no need to type, prefer `uni-select` — the
+ * value contract is identical, so swapping is a template-only change.
  */
-declare class UniBreadcrumbComponent extends BaseComponent<UniBreadcrumbOptions> {
-    /** The trail, root first; the last item is the current page. */
-    items: _angular_core.InputSignal<BreadcrumbItem[]>;
-    /** Landmark label distinguishing this nav from others on the page. */
-    ariaLabel: _angular_core.InputSignal<string>;
-    /** Emits the clicked ancestor item (also fires for `href` links). */
-    itemClicked: _angular_core.OutputEmitterRef<BreadcrumbItem>;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBreadcrumbComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBreadcrumbComponent, "uni-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, never, true, never>;
-}
-
-/** Theme-level options for `uni-text-button`, resolved by token name. */
-interface UniButtonOptions {
+declare class UniComboboxComponent<T> extends BaseComponent<UniComboboxOptions> implements FormValueControl<T | null> {
+    readonly value: _angular_core.ModelSignal<T>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /** Accessible name for the field, e.g. "State"; echoed on the listbox. */
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    options: _angular_core.InputSignal<Options<T>>;
     /**
-     * Corner radius as a radii token. The default theme uses `max` (pill);
-     * because this is a token, the theme's radii scale — including generated
-     * shape languages (`sharp`/`modern`/`playful`) and custom primitives —
-     * restyles every button without touching component code.
+     * Equality used to match `value` against option values, called as
+     * `compareWith(optionValue, value)`. Defaults to reference equality, which
+     * never matches an object value rebuilt from elsewhere (e.g. a saved record
+     * against options from a fresh fetch) — pass a key comparison like
+     * `(a, b) => a?.id === b?.id` for object values.
      */
-    borderRadius?: RadiiSize;
-    /**
-     * Label typography as a typeface token. Defaults to the type scale's
-     * `button` role (family/weight/transform); per-size `fontSize` overrides
-     * from the theme's `sizes` still apply on top. Point it at any typeface —
-     * including custom primitives added to the theme's typography.
-     */
-    typeface?: Typeface;
-}
-
-declare class RippleDirective {
-    private renderer;
-    el: ElementRef<any>;
-    hostEl: any;
+    compareWith: _angular_core.InputSignal<(optionValue: T, value: T) => boolean>;
+    width: _angular_core.InputSignal<string | number>;
+    /** Show a ✕ while a value is set; an emptied field on blur also clears. */
+    clearable: _angular_core.InputSignal<boolean>;
+    /** Blur commits an exact-match draft; a non-matching draft reverts. */
+    commitOnBlur: _angular_core.InputSignal<boolean>;
+    /** i18n-able empty row, also announced when a filter matches nothing. */
+    emptyText: _angular_core.InputSignal<string>;
+    /** `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>;
+    debounceTime: _angular_core.InputSignal<number>;
+    /** Debounced draft text, for async option lists. */
+    query: _angular_core.OutputEmitterRef<string>;
+    /** An option committed. */
+    selected: _angular_core.OutputEmitterRef<Option<T>>;
+    cleared: _angular_core.OutputEmitterRef<void>;
+    /** A commit was refused (no match); the field reverted. */
+    rejected: _angular_core.OutputEmitterRef<UniComboboxRejection>;
+    private readonly host;
+    private readonly inputRef;
+    private readonly listRef;
+    /** Cancelled on destroy — a late tick would emit on a destroyed OutputRef. */
+    private queryTimer?;
+    /** 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";
     constructor();
-    onClick(e: MouseEvent): void;
-    rippleClass: string;
-    animateClass: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RippleDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RippleDirective, "[uniRipple]", never, {}, {}, never, never, true, never>;
-}
-
-declare class UniButtonComponent extends BaseComponent<UniButtonOptions> {
-    readonly disable: _angular_core.InputSignal<boolean>;
-    readonly loading: _angular_core.InputSignal<boolean>;
-    readonly fullWidth: _angular_core.InputSignal<boolean>;
-    readonly symbolLeft: _angular_core.InputSignal<string>;
-    readonly symbolRight: _angular_core.InputSignal<string>;
-    spinnerBox: string;
-    protected readonly className: _angular_core.Signal<string>;
-    symbolSize: _angular_core.Signal<number>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonComponent, never>;
-    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 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>;
+    /**
+     * Popup visibility. Component-owned rather than `list.open()` — the shared
+     * signal gates on `count() > 0`, which would hide the "No matches" row and
+     * misreport `aria-expanded` over an empty filter.
+     */
+    protected readonly popupOpen: _angular_core.WritableSignal<boolean>;
+    /** Index in options() of the option matching value(), else -1. */
+    protected readonly committedIndex: _angular_core.Signal<number>;
+    /** A value with no matching option renders '' but is preserved — options may
+        still be loading; the field self-heals when they arrive. */
+    protected readonly committedLabel: _angular_core.Signal<string>;
+    protected readonly displayValue: _angular_core.Signal<string>;
+    /** Indices into options() surviving the filter. The draft filters; the
+        committed label does not — reopening always shows the full set. */
+    protected readonly filteredIndices: _angular_core.Signal<number[]>;
+    /** Shared combobox bookkeeping, in filtered-list positions — the fourth
+        consumer of the contract behind search-input, tag-input and time-input. */
+    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    private commit;
+    protected clear(): void;
+    /**
+     * Draft resolution, used by Enter, Tab and blur:
+     * 1. an active option in the list → commit it;
+     * 2. else a unique exact label match (locale-case-insensitive) → commit it;
+     * 3. Enter only: the filter narrowed to exactly one enabled option → commit it
+     *    (on Enter the user can see the single candidate; on blur they're gone,
+     *    and committing a value they never saw confirmed is how forms grow
+     *    mystery data);
+     * 4. else the caller keeps the list open (Enter) or reverts (Tab/blur).
+     */
+    private resolveDraft;
+    private revertDraft;
+    private reject;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onInput(): void;
+    /** Click-to-browse: pointer users get the select affordance. Focus alone
+        never opens — Tab-through forms must not spray popups. */
+    protected onFieldClick(): void;
+    protected onToggleMousedown(event: MouseEvent): void;
+    protected onOptionClick(optIndex: number): void;
+    protected onFocusOut(event: FocusEvent): void;
+    /** Filtered position of the committed option when visible and enabled, else -1. */
+    private committedFilteredPos;
+    private openList;
+    private closeList;
+    private scrollToActive;
+    private setFieldText;
     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;
-    buttons: ButtonGroupItem[];
-}
-interface ButtonGroupItem {
-    symbolName: string;
-    selected?: boolean;
-    tooltip?: string;
-    action?: (selectedState?: boolean) => boolean | void;
-    toggle?: WritableSignal<boolean>;
+    protected readonly rowClass: _angular_core.Signal<string>;
+    protected readonly inputClass: _angular_core.Signal<string>;
+    /** Pointer-only affordance: keyboard already has ArrowDown, and the input
+        itself announces expanded state. */
+    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>;
 }
 
 type UniCalendarMode = 'single' | 'range';
@@ -954,96 +1016,1482 @@ interface UniCalendarOptions {
     todayStyle?: 'outline' | 'dot';
 }
 
-/** One rendered day cell — precomputed so the template stays declarative. */
-interface CalendarCell {
-    date: UniDate;
-    day: number;
-    outside: boolean;
-    disabled: boolean;
-    today: boolean;
-    selected: boolean;
-    inBand: boolean;
-    tabIndex: number;
-    ariaLabel: string;
-    markers: UniCalendarMarker[];
-    cellClass: string;
-    dayClass: string;
+/** Why typed text did not become a date. The raw text stays in the field. */
+interface UniDateInputRejection {
+    raw: string;
+    reason: 'unparseable' | 'out-of-range' | 'disabled';
 }
 /**
- * Inline month calendar: single-date or start–end range selection, day
- * markers (availability dots), min/max fences and disabled dates. One tab
- * stop with a roving-tabindex `role="grid"`; every day is a real button
- * named with its full date. Values are plain ISO strings (`'YYYY-MM-DD'`),
- * never `Date` objects, so bindings are timezone-free and serializable.
- * Selection and today colours come from the theme's `primary` role pair;
- * geometry and glyphs come from the `calendar` theme entry.
+ * Theme options for the `dateInput` entry. Field chrome is not duplicated
+ * here — it comes from `input` via uni-input-box; these style the popup
+ * affordance and panel only.
  */
-declare class UniCalendarComponent extends BaseComponent<UniCalendarOptions> implements FormValueControl<UniCalendarValue> {
-    readonly value: _angular_core.ModelSignal<UniCalendarValue>;
+interface UniDateInputOptions {
+    toggleSymbol?: string;
+    popupShadow?: Shadow;
+    popupBorderRadius?: Radius;
+    popupColor?: ContainerColorToken;
+}
+
+/**
+ * Date field with free-typed parsing and a popup calendar. Type `aug 20`,
+ * `8/20/2026` or `2026-08-20`, or pick from the grid — the form gets the
+ * same canonical `'YYYY-MM-DD'` string either way. Parsing is `Intl`-driven
+ * (locale digit order and month names, never hardcoded); unreadable text
+ * stays in the field, flagged, with a `rejected` event. The popup is a
+ * native popover hosting the same `uni-calendar` an app could render inline.
+ */
+declare class UniDateInputComponent extends BaseComponent<UniDateInputOptions> implements FormValueControl<UniDate | undefined> {
+    readonly value: _angular_core.ModelSignal<string>;
     readonly disabled: _angular_core.InputSignal<boolean>;
     readonly touched: _angular_core.ModelSignal<boolean>;
     readonly invalid: _angular_core.InputSignal<boolean>;
     readonly dirty: _angular_core.InputSignal<boolean>;
     readonly required: _angular_core.InputSignal<boolean>;
     readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    /** `'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>;
-    /** Earliest selectable date (inclusive). */
+    /** 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>;
+    /** 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>;
+    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>;
+    /** Renders without its own input-box chrome, for composers like uni-date-time-input. */
+    embedded: _angular_core.InputSignal<boolean>;
     minDate: _angular_core.InputSignal<string>;
-    /** Latest selectable date (inclusive). */
     maxDate: _angular_core.InputSignal<string>;
-    /** Blocked days: a list of dates, or a predicate. */
     disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean)>;
-    /** 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>;
-    /** First day of week, 0 = Sunday; defaults from the locale's week info. */
     weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 6 | 5>;
-    /** Names the grid when it stands alone (otherwise the heading names it). */
-    ariaLabel: _angular_core.InputSignal<string>;
-    /** 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. */
-    selected: _angular_core.OutputEmitterRef<string>;
+    /** Popup shown. */
+    opened: _angular_core.OutputEmitterRef<void>;
+    /** Popup hidden. */
+    closed: _angular_core.OutputEmitterRef<void>;
+    /** A typed commit was refused; the raw text stays in the field. */
+    rejected: _angular_core.OutputEmitterRef<UniDateInputRejection>;
     private readonly host;
-    protected readonly headingId: string;
+    private readonly inputRef;
+    private readonly toggleRef;
+    private readonly popupRef;
+    private readonly dropdown;
+    private readonly calendar;
     protected readonly srOnly: string;
-    /** Pending range start — set by the first commit, cleared by the second. */
-    protected readonly pendingStart: _angular_core.WritableSignal<string>;
-    /** Hover/focus candidate painting the preview band while a range is pending. */
-    protected readonly previewDate: _angular_core.WritableSignal<string>;
-    /** Live-region text; selections are otherwise silent for a screen reader. */
-    protected readonly announcement: _angular_core.WritableSignal<string>;
+    /** A refused commit — styles the field and sets aria-invalid until edited. */
+    protected readonly draftInvalid: _angular_core.WritableSignal<boolean>;
+    /** Commits, clears and refusals are otherwise silent to a screen reader. */
+    protected readonly announcer: _uni_design_system_uni_angular.Announcer;
+    protected readonly toggleElement: _angular_core.Signal<any>;
+    protected readonly popupOpen: _angular_core.Signal<boolean>;
     protected readonly resolvedLocale: _angular_core.Signal<string>;
-    protected readonly resolvedWeekStart: _angular_core.Signal<number>;
-    /**
-     * The month on screen: the `month` model, else the value's month, else
-     * today's. Falsy guards on purpose: `''` — the only typeable empty for a
-     * string-typed model — counts as unset, or it would reach the month math
-     * and blow up the grid and heading.
-     */
-    protected readonly viewMonth: _angular_core.Signal<string>;
-    private readonly anchorDate;
-    /**
-     * The roving-tabindex day. Re-derives when the view or value changes
-     * (selected day in view → today in view → first enabled day); keyboard
-     * navigation writes it directly.
-     */
-    protected readonly focusedDate: _angular_core.WritableSignal<string>;
+    protected readonly displayText: _angular_core.Signal<string>;
+    protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
     protected readonly showError: _angular_core.Signal<boolean>;
-    protected readonly heading: _angular_core.Signal<string>;
-    protected readonly weekdays: _angular_core.Signal<_uni_design_system_uni_angular.UniWeekdayName[]>;
-    private readonly disabledDateSet;
-    private readonly markersByDate;
-    /** The committed range, or the pending preview band. */
-    private readonly rangeBand;
-    protected isDayDisabled(date: UniDate): boolean;
-    private isSelected;
-    /** The full render model: one precomputed cell per grid position. */
-    protected readonly gridWeeks: _angular_core.Signal<CalendarCell[][]>;
+    protected readonly toggleLabel: _angular_core.Signal<string>;
+    private fullDate;
+    private isDayBlocked;
+    protected setValue(date: UniDate | undefined, silent?: boolean): void;
+    private refuse;
+    protected commit(raw: string): boolean;
+    /** Step a committed value ±1 day, skipping blocked days, stopping at fences. */
+    private step;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onInput(): void;
+    protected onFocusOut(event: FocusEvent): void;
+    protected openPopup(): void;
+    protected closePopup(): void;
+    protected onPopupShowing(): void;
+    protected onPopupHiding(): void;
+    protected onCalendarPick(date: UniDate): void;
+    /** The popup is a focus-holding dialog: Tab cycles inside it (APG pattern). */
+    protected onPopupKeydown(event: KeyboardEvent): void;
+    private setFieldText;
+    protected readonly className: _angular_core.Signal<string>;
+    protected readonly rowClass: _angular_core.Signal<string>;
+    protected readonly inputClass: _angular_core.Signal<string>;
+    protected readonly toggleWrapClass: _angular_core.Signal<string>;
+    /** 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>;
+}
+
+/**
+ * Theme options for the `dateTimeInput` entry. Field chrome comes from
+ * `input` via the single shared uni-input-box; these style the seam between
+ * the two parts.
+ */
+interface UniDateTimeInputOptions {
+    /** Space between the date part, the divider, and the time part. */
+    partGap?: NullableSize;
+    dividerColor?: ColorToken;
+}
+
+/**
+ * One field for a date and a time: a thin composer seating a uni-date-input
+ * and a uni-time-input in one input-box chrome under one label, yielding one
+ * combined `'YYYY-MM-DDTHH:mm'` value. The value emits only when both parts
+ * are set — a time without a day is not an answer — and clearing the date
+ * clears it. With `slotsFor`, the time part stays disabled until a day is
+ * chosen and offers exactly that day's slots: the scheduling flow in one
+ * attribute. Two honest tab stops (it is two questions); apps needing a
+ * different arrangement compose the primitives directly.
+ */
+declare class UniDateTimeInputComponent extends BaseComponent<UniDateTimeInputOptions> implements FormValueControl<UniDateTime | undefined> {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /** 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>;
+    /** 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)>;
+    markers: _angular_core.InputSignal<UniCalendarMarker[]>;
+    /** Fixed time choices; superseded per-day by `slotsFor` when that is set. */
+    slots: _angular_core.InputSignal<string[]>;
+    minuteStep: _angular_core.InputSignal<number>;
+    hour12: _angular_core.InputSignal<boolean>;
+    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 6 | 5>;
+    locale: _angular_core.InputSignal<string>;
+    /** Scheduling: the day's available times. Gates the time part on a date. */
+    slotsFor: _angular_core.InputSignal<(date: UniDate) => UniTime[]>;
+    private readonly host;
+    /**
+     * The two part-values. An external `value` write re-derives both; an
+     * internal partial state (a date without a time round-trips through
+     * `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 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>;
+    /** The chosen day's slots when `slotsFor` is set, else the fixed list. */
+    protected readonly effectiveSlots: _angular_core.Signal<string[]>;
+    protected readonly timeDisabled: _angular_core.Signal<boolean>;
+    protected onDatePartChange(date: UniDate | undefined): void;
+    protected onTimePartChange(time: UniTime | undefined): void;
+    private setParts;
+    protected onHostFocusOut(event: FocusEvent): void;
+    protected readonly className: _angular_core.Signal<string>;
+    protected readonly groupClass: _angular_core.Signal<string>;
+    protected readonly datePartClass: _angular_core.Signal<string>;
+    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>;
+}
+
+interface UniInputBoxOptions {
+    color: ContainerColorToken;
+    disabledColor: ContainerColorToken;
+    errorColor: ContainerColorToken;
+    border: Border;
+    errorBorder: Border;
+    borderRadius: Radius;
+    shadow?: Shadow;
+    errorShadow?: Shadow;
+    height?: string | number;
+    paddingLeft: OptionalSize;
+    typeface?: Typeface;
+    textColor: ColorKey;
+    disabledTextColor: ColorKey;
+    focusOutline: string;
+    focusOutlineOffset: number;
+    /** Border swapped in while an inner control has focus (default: keep `border`). */
+    focusBorder?: Border;
+    /** Ring shown while focused, e.g. a soft `0 0 0 3px` spread shadow. */
+    focusShadow?: Shadow;
+    /** Background swapped in while focused (default: keep `color`). */
+    focusColor?: ContainerColorToken;
+}
+
+declare class UniInputBoxComponent extends BaseComponent<UniInputBoxOptions> {
+    protected readonly className: string;
+    disabled: _angular_core.InputSignal<boolean>;
+    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>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    grow: _angular_core.InputSignal<number>;
+    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 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; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * The text-like native input types `uni-input` supports.
+ *
+ * Deliberately not the full native list: `checkbox`, `radio`, `file`, `range`,
+ * `color`, `submit` and `hidden` are not text-like — they break both the
+ * `uni-input-box` chrome and the `FormValueControl<string>` value contract —
+ * and `date` / `time` / `datetime-local` have dedicated components
+ * (`uni-date-input`, `uni-time-input`, `uni-date-time-input`) that handle
+ * locale parsing and keyboard interaction properly.
+ */
+type UniInputType = 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'number';
+/** Values for the native `inputmode` hint, which picks the on-screen keyboard. */
+type UniInputMode = 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
+
+declare class UniInputComponent implements FormValueControl<string> {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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>;
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Native input type. Text-like types only — `date`/`time` have dedicated
+     * components, and non-text types break the input chrome and the string value.
+     */
+    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>;
+    /**
+     * 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
+     * there is exactly one; Signal Forms validates the rest either way.
+     */
+    readonly pattern: _angular_core.InputSignal<readonly RegExp[]>;
+    /** Granularity for `type="number"`, e.g. `0.01` or `'any'`. */
+    step: _angular_core.InputSignal<string | number>;
+    /** Autofill hint, e.g. `email`, `current-password`, `off`. */
+    autocomplete: _angular_core.InputSignal<string>;
+    /** On-screen keyboard hint; defaults to whatever `type` implies. */
+    inputMode: _angular_core.InputSignal<UniInputMode>;
+    /** Id of a `<datalist>` supplying suggestions. */
+    list: _angular_core.InputSignal<string>;
+    spellcheck: _angular_core.InputSignal<boolean>;
+    /** Reflected only when unambiguous — see `pattern`. */
+    protected readonly nativePattern: _angular_core.Signal<string>;
+    width: _angular_core.InputSignal<string | number>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    grow: _angular_core.InputSignal<number>;
+    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>;
+}
+
+/**
+ * The base layout primitive, applied as an attribute to any element so
+ * semantics stay yours: `<main box-layout [grow]="1" padding="md">`. It is a
+ * directive, so it composes freely — with another layout attribute
+ * (`<div stack-layout uni-text="body-1-long">`) and with a component's own host
+ * element (`<uni-card box-layout padding="lg">`); Angular merges the host
+ * `class` bindings rather than letting one win.
+ *
+ * Sizing convention (height/width/min/max/inset): a **number is px and needs
+ * a binding** — `[height]="420"`; a **plain attribute is a CSS length
+ * string** — `height="420px"`. Spacing/radius/color inputs take theme tokens.
+ */
+declare class UniBoxDirective {
+    theme: ThemeService;
+    /**
+     * A container color *pair*: the named surface plus its paired on-color, so a
+     * box and its contents stay legible together.
+     *
+     * Named `containerColor`, not `color`, because it is not the CSS `color`
+     * property — `uni-text` owns that name, and it maps to it directly. The two
+     * directives share elements routinely (`<div row-layout uni-text>`), and one
+     * `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>;
+    padding: _angular_core.InputSignal<OptionalSize>;
+    paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
+    paddingVertical: _angular_core.InputSignal<OptionalSize>;
+    paddingLeft: _angular_core.InputSignal<OptionalSize>;
+    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>;
+    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>;
+    /**
+     * 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>;
+    /**
+     * 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>;
+    display: _angular_core.InputSignal<OptionalDisplay>;
+    position: _angular_core.InputSignal<OptionalPosition>;
+    inset: _angular_core.InputSignal<string | number>;
+    /** 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>;
+    /** 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>;
+    ignoreDir: _angular_core.InputSignal<boolean>;
+    gridArea: _angular_core.InputSignal<string>;
+    gridColumn: _angular_core.InputSignal<string>;
+    gridRow: _angular_core.InputSignal<string>;
+    overflow: _angular_core.InputSignal<OptionalOverflow>;
+    shadow: _angular_core.InputSignal<string>;
+    gap: _angular_core.InputSignal<OptionalSize>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    fullHeight: _angular_core.InputSignal<boolean>;
+    flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
+    textAlign: _angular_core.InputSignal<OptionalTextAlign>;
+    wrapItems: _angular_core.InputSignal<OptionalWrap>;
+    zIndex: _angular_core.InputSignal<ZIndexableElements>;
+    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>;
+}
+
+declare class UniCenterDirective extends UniBoxDirective {
+    display: _angular_core.InputSignal<OptionalDisplay>;
+    justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
+    alignItems: _angular_core.InputSignal<OptionalAlignItems>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCenterDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniCenterDirective, "[uni-center-layout], [center-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UniGridAreaDirective {
+    area: _angular_core.InputSignal<string>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridAreaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniGridAreaDirective, "[uni-grid-area-layout], [grid-area-layout]", never, { "area": { "alias": "area"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+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<Variant>;
+    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>;
+}
+
+declare class UniRowDirective extends UniBoxDirective {
+    display: _angular_core.InputSignal<OptionalDisplay>;
+    flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
+    /**
+     * Defaults to `fit-content` (guards content collapse). Set `[minWidth]="0"`
+     * when the row must shrink inside a constrained flex parent (scroll or
+     * text truncation containment).
+     */
+    minWidth: _angular_core.InputSignal<string | number>;
+    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>;
+}
+
+declare class UniStackDirective extends UniBoxDirective {
+    display: _angular_core.InputSignal<OptionalDisplay>;
+    flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
+    /**
+     * Defaults to `fit-content` (guards content collapse). Set `[minHeight]="0"`
+     * when the stack must shrink inside a constrained flex parent (scroll
+     * containment).
+     */
+    minHeight: _angular_core.InputSignal<string | number>;
+    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>;
+}
+
+declare class UniWrapDirective extends UniBoxDirective {
+    display: _angular_core.InputSignal<OptionalDisplay>;
+    wrapItems: _angular_core.InputSignal<OptionalWrap>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniWrapDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniWrapDirective, "[uni-wrap-layout], [wrap-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface UniMultiSelectDropdownOptions {
+    textRole: Typeface;
+    textColor: TextColor;
+    placeholderTextColor: TextColor;
+    dividerBorder: Border;
+    searchInputBorder: Border;
+    searchInputBorderRadius: Radius;
+    focusOutline: string;
+    focusOutlineOffset: number;
+}
+
+declare class UniMultiSelectDropdownComponent<T = unknown> extends BaseComponent<UniMultiSelectDropdownOptions> implements FormValueControl<T[]> {
+    protected readonly className: string;
+    readonly value: _angular_core.ModelSignal<T[]>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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 options: _angular_core.InputSignal<Options<T>>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * What the field is for, e.g. "Fruits". Rendered visually hidden inside the
+     * trigger so its accessible name reads "Fruits, Apple, Pear" — without it a
+     * screen reader announces only the current selection, with no clue which
+     * field it belongs to.
+     */
+    readonly label: _angular_core.InputSignal<string>;
+    /** Debounce for the filter box, matching the library's input debounce. */
+    readonly debounceTime: _angular_core.InputSignal<number>;
+    protected readonly srOnly: string;
+    protected readonly query: _angular_core.WritableSignal<string>;
+    private queryTimer?;
+    protected readonly filteredOptions: _angular_core.Signal<Options<T>>;
+    private readonly optionRefs;
+    /**
+     * Roving focus over the options. The shared helper owns the index
+     * arithmetic — wrapping, Home/End, and never pointing past a list the
+     * filter has narrowed — the same contract `uni-search-input` and
+     * `uni-tag-input` use, so the keys behave identically across all three.
+     *
+     * `disabled` indexes into `filteredOptions`, matching `count`: arrows step
+     * over disabled rows and Home/End land on the nearest enabled one, so the
+     * focus target is always a checkbox that can actually take focus.
+     */
+    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
+    /** Announced with the selection so the count is not left to guesswork. */
+    readonly selectionSummary: _angular_core.Signal<string>;
+    readonly selectedLabelsText: _angular_core.Signal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly textColor: _angular_core.Signal<_uni_design_system_uni_core.TextColor>;
+    triggerClass: string;
+    protected readonly searchInputClass: _angular_core.Signal<string>;
+    protected handleQueryInput(event: Event): void;
+    /**
+     * Arrow keys walk the options from anywhere in the panel, including the
+     * filter box — previously the only way in was to Tab through every
+     * checkbox.
+     */
+    protected onPanelKeydown(event: KeyboardEvent): void;
+    /** Keeps the active index in step when focus lands on a row by pointer. */
+    protected onOptionFocus(index: number): void;
+    /**
+     * Selects every *enabled* option. A disabled option is not committable, so
+     * "select all" must not commit one on the user's behalf — the same rule
+     * `toggleOption` and the keyboard path follow.
+     */
+    selectAll(): void;
+    deselectAll(): void;
+    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>;
+}
+
+declare class UniMultiSelectComponent<T = unknown> {
+    options: _angular_core.InputSignal<Option<T>[]>;
+    selections: _angular_core.InputSignal<T[]>;
+    updates: _angular_core.OutputEmitterRef<T[]>;
+    flexDirection: _angular_core.InputSignal<"column" | "column-reverse" | "row" | "row-reverse">;
+    checkboxGap: _angular_core.InputSignal<NullableSize>;
+    protected readonly values: _angular_core.Signal<unknown[]>;
+    protected readonly optionsWithSelections: _angular_core.Signal<Option<T>[]>;
+    protected readonly className: string;
+    handleCheck(checked: boolean, value: T): void;
+    /** Selects every *enabled* option — a disabled option is not committable. */
+    selectAll(): void;
+    deselectAll(): void;
+    optionWrapper: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMultiSelectComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMultiSelectComponent<any>, "uni-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "checkboxGap": { "alias": "checkboxGap"; "required": false; "isSignal": true; }; }, { "updates": "updates"; }, never, never, true, never>;
+}
+
+interface UniRadioOption {
+    /**
+     * The label displayed for this radio option
+     */
+    label: string;
+    /**
+     * The value associated with this radio option
+     */
+    value: string;
+    /**
+     * Whether this option is disabled
+     */
+    disabled?: boolean;
+}
+interface UniRadioOptions {
+    /**
+     * The size of the radio buttons
+     */
+    size?: number;
+    /** Unselected ring color token. */
+    ringColor?: ColorKey;
+    /** Circle background token. */
+    fillColor?: ColorKey;
+    /** Named motion primitive for the dot's grow/retract and the ring's color
+        change. Defaults to `control`; a token with `duration: 0` is instant. */
+    motion?: Motion;
+}
+
+declare class UniRadioComponent extends BaseComponent<UniRadioOptions> implements FormValueControl<string> {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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 options: _angular_core.InputSignal<UniRadioOption[]>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    /** Links the group label to the radiogroup container. */
+    protected readonly groupLabelId: string;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): void;
+    private readonly metrics;
+    protected readonly radioGroupClass: string;
+    protected readonly radioOptionClass: _angular_core.Signal<string>;
+    protected readonly radioInputClass: _angular_core.Signal<string>;
+    handleRadioChange(optionValue: string): void;
+    getThemeColor(token: ColorToken): string;
+    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; }; "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>;
+}
+
+/**
+ * Text input that emits `change` only after the user pauses typing. Wears the
+ * shared input chrome (themed color, border, typeface, focus ring) via
+ * `uni-input-box`; project adornments with the `pre-input` / `post-input`
+ * slots, matching `uni-input`'s convention. The ARIA passthrough inputs let a
+ * wrapping composite (e.g. SearchInput's combobox) annotate the real input
+ * element.
+ */
+declare class UniDebounceInputComponent {
+    inputName: _angular_core.InputSignal<string>;
+    inputId: _angular_core.InputSignal<string>;
+    debounceTime: _angular_core.InputSignal<number>;
+    /** Accessible name for the input. */
+    label: _angular_core.InputSignal<string>;
+    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>;
+    /** The debounced value, emitted once the user pauses typing. */
+    valueChange: _angular_core.OutputEmitterRef<string>;
+    value: _angular_core.WritableSignal<string>;
+    private readonly inputElement;
+    private timeoutId;
+    private lastEmitted;
+    constructor();
+    handleInput(event: Event): void;
+    /** Empty the field immediately, cancelling any pending emit. */
+    clear(): void;
+    focus(): void;
+    inputClass: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDebounceInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDebounceInputComponent, "uni-debounce-input", never, { "inputName": { "alias": "inputName"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "inputMode": { "alias": "inputMode"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "ariaActivedescendant": { "alias": "ariaActivedescendant"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, ["[pre-input]", "[post-input]"], true, never>;
+}
+
+/** Theme-level options for `uni-search-input`, resolved by token name. */
+interface UniSearchInputOptions {
+    /** Leading (decorative) symbol. */
+    searchSymbol?: string;
+    /** Clear-button symbol. */
+    clearSymbol?: string;
+    /** Suggestion list surface color token. */
+    listColor?: ColorKey;
+    /** Active/hover suggestion fill; the on-color pair is derived. Must
+        contrast with `listColor` or keyboard navigation turns invisible. */
+    activeColor?: ContainerColorToken;
+    /** Suggestion list elevation token. */
+    listShadow?: Shadow;
+    /** Suggestion list radius token. */
+    listBorderRadius?: Radius;
+    /** Cap on rendered suggestions. */
+    maxSuggestions?: number; /** Named motion primitive for the suggestion popup's open animation.
+        Defaults to `popup` — the token `uni-dropdown` uses. */
+    motion?: Motion;
+}
+
+/**
+ * Generic search field: shared input chrome with a leading magnifier, a clear
+ * button while there's a query, Enter to submit, and optional type-ahead —
+ * pass `suggestions` (refresh them from `change`) and the field becomes an
+ * ARIA combobox with a keyboard-navigable listbox. Escape closes the list
+ * first, then clears the query.
+ */
+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>;
+    width: _angular_core.InputSignal<string | number>;
+    debounceTime: _angular_core.InputSignal<number>;
+    /**
+     * Type-ahead entries. Keep them fresh from `change` emissions; the list
+     * shows while the field has focus and entries exist.
+     */
+    suggestions: _angular_core.InputSignal<string[]>;
+    /** The debounced query, emitted as the user types. */
+    searchChange: _angular_core.OutputEmitterRef<string>;
+    /** A committed search: Enter, or a suggestion chosen from the list. */
+    searchSubmit: _angular_core.OutputEmitterRef<string>;
+    suggestionSelected: _angular_core.OutputEmitterRef<string>;
+    protected readonly field: _angular_core.Signal<UniDebounceInputComponent>;
+    private readonly listRef;
+    /** 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";
+    constructor();
+    protected readonly visibleSuggestions: _angular_core.Signal<string[]>;
+    /** Shared combobox bookkeeping: open state, active option, ARIA ids. */
+    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
+    readonly listboxId: string;
+    protected readonly hasQuery: _angular_core.Signal<boolean>;
+    protected handleChange(value: string): void;
+    protected submit(): void;
+    protected select(suggestion: string): void;
+    protected clear(): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onFocusOut(event: FocusEvent): void;
+    protected readonly className: _angular_core.Signal<string>;
+    protected readonly listClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSearchInputComponent, never>;
+    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>;
+}
+
+declare class UniSelectComponent<T> implements FormValueControl<T | null> {
+    readonly value: _angular_core.ModelSignal<T>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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 options: _angular_core.InputSignal<Options<T>>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly width: _angular_core.InputSignal<string | number>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly grow: _angular_core.InputSignal<number>;
+    /**
+     * Equality used to match `value` against option values, called as
+     * `compareWith(optionValue, value)`. Defaults to reference equality, which
+     * never matches an object value rebuilt from elsewhere (e.g. a saved record
+     * against options from a fresh fetch) — pass a key comparison like
+     * `(a, b) => a?.id === b?.id` for object values.
+     */
+    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>;
+    protected readonly UNSELECTED = -1;
+    /**
+     * We use the index as the HTML value to avoid issues with
+     * stringifying complex objects or duplicate labels.
+     */
+    protected readonly currentSelectedIndex: _angular_core.Signal<string | -1>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected handleSelectChange(event: Event): void;
+    selectClass: string;
+    arrowClass: 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>;
+}
+
+/** Theme-level options for `uni-slider`, resolved by token name. */
+interface UniSliderOptions {
+    /** Fill and thumb color. */
+    color?: ColorKey;
+    /** Unfilled track color. */
+    trackColor?: ColorKey;
+    /** Track and thumb radius token. */
+    borderRadius?: Radius;
+    /** Track height in px. */
+    trackHeight?: number;
+    /** Thumb diameter in px. */
+    thumbSize?: number;
+}
+
+/**
+ * Range slider on a native `<input type="range">` — keyboard interaction and
+ * the ARIA slider contract come from the platform. Fill, track, thumb and
+ * radii resolve from `slider` theme tokens; the fill percentage rides a CSS
+ * custom property so dragging never regenerates styles.
+ */
+declare class UniSliderComponent extends BaseComponent<UniSliderOptions> implements FormValueControl<number> {
+    readonly value: _angular_core.ModelSignal<number>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * Id(s) of external element(s) describing this control — typically your
+     * app-rendered value or error text — exposed as aria-describedby.
+     */
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    label: _angular_core.InputSignal<string>;
+    min: _angular_core.InputSignal<number>;
+    max: _angular_core.InputSignal<number>;
+    step: _angular_core.InputSignal<number>;
+    protected readonly resolvedMin: _angular_core.Signal<number>;
+    protected readonly resolvedMax: _angular_core.Signal<number>;
+    markAsTouched(): void;
+    handleInput(event: Event): void;
+    protected readonly fillPercent: _angular_core.Signal<string>;
+    protected readonly inputClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSliderComponent, "uni-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; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+/**
+ * One committed token. `value` is canonical — what a form submits — and
+ * everything else is presentation the field may enrich from a suggestion.
+ *
+ * `{ value: 'a@b.com' }` is a complete item, so the least a caller has to write
+ * is `[value]="[{ value: 'a@b.com' }]"`.
+ */
+interface UniTagItem {
+    /** Canonical value, e.g. an email address. */
+    value: string;
+    /** Display text; falls back to `value`. */
+    label?: string;
+    avatarSrc?: string;
+    /**
+     * Failed `validate()`. The item stays **in** the value rather than being
+     * rejected — a field that silently swallows a typo'd address is worse than
+     * one that shows it in red, and the user can click in to fix it.
+     */
+    invalid?: boolean;
+    /** Locked token (e.g. a thread owner): rendered without a remove control. */
+    disabled?: boolean;
+}
+/** A type-ahead entry. Same contract as `uni-search-input`: the app filters. */
+interface UniTagSuggestion {
+    value: string;
+    label?: string;
+    description?: string;
+    avatarSrc?: string;
+}
+/** Why a typed token did not become a chip. */
+interface UniTagRejection {
+    raw: string;
+    reason: 'duplicate' | 'max' | 'invalid';
+}
+/** Theme options for the `tagInput` component entry. */
+interface UniTagInputOptions {
+    /** Space between chips. */
+    chipGap?: NullableSize;
+    chipSize?: Size;
+    /** Keeps the text input usable when chips have wrapped. */
+    minInputWidth?: string | number;
+    listColor?: ContainerColorToken;
+    listShadow?: Shadow;
+    listBorderRadius?: Radius;
+    /** Active/hover suggestion fill; the on-color pair is derived. Must
+        contrast with `listColor` or keyboard navigation turns invisible. */
+    activeColor?: ContainerColorToken;
+    maxSuggestions?: number; /** Named motion primitive for the suggestion popup's open animation.
+        Defaults to `popup` — the token `uni-dropdown` uses. */
+    motion?: Motion;
+}
+
+declare class UniTagInputComponent extends BaseComponent<UniTagInputOptions> implements FormValueControl<UniTagItem[]> {
+    readonly value: _angular_core.ModelSignal<UniTagItem[]>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /** Accessible name for the field, e.g. "To". */
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    /** `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[]>;
+    tagVariant: _angular_core.InputSignal<Variant>;
+    tagTone: _angular_core.InputSignal<TagTone>;
+    tagSize: _angular_core.InputSignal<Size>;
+    suggestions: _angular_core.InputSignal<UniTagSuggestion[]>;
+    /** Debounced text the app should filter `suggestions` from. */
+    query: _angular_core.OutputEmitterRef<string>;
+    debounceTime: _angular_core.InputSignal<number>;
+    added: _angular_core.OutputEmitterRef<UniTagItem>;
+    removed: _angular_core.OutputEmitterRef<UniTagItem>;
+    rejected: _angular_core.OutputEmitterRef<UniTagRejection>;
+    private readonly inputRef;
+    private readonly chipRefs;
+    private readonly listRef;
+    /** 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";
+    constructor();
+    /** Uncommitted text in the field. */
+    protected readonly draft: _angular_core.WritableSignal<string>;
+    /** Index of the focused chip, or -1 when focus is in the text input. */
+    protected readonly focusedChip: _angular_core.WritableSignal<number>;
+    /** Adds, removes and refusals are otherwise silent to a screen reader. */
+    protected readonly announcer: _uni_design_system_uni_angular.Announcer;
+    protected readonly hintId: string;
+    protected readonly srOnly: string;
+    private queryTimer?;
+    protected readonly visibleSuggestions: _angular_core.Signal<UniTagSuggestion[]>;
+    /** Shared combobox bookkeeping — identical contract to uni-search-input. */
+    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly separatorKeys: _angular_core.Signal<string[]>;
+    protected readonly describedBy: _angular_core.Signal<string>;
+    protected labelOf(item: UniTagItem | UniTagSuggestion): string;
+    /** Split pasted text into candidate tokens. */
+    private parseRaw;
+    private isValid;
+    /**
+     * Turn typed text into a chip. Invalid entries are kept and flagged rather
+     * than dropped; duplicates and over-max are refused with a reason.
+     */
+    protected commit(raw: string): boolean;
+    private reject;
+    protected removeAt(index: number, focus?: 'left' | 'right' | 'input'): void;
+    private countNoun;
+    protected focusInput(): void;
+    private focusChip;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onInput(value: string): void;
+    protected onPaste(event: ClipboardEvent): void;
+    protected onBlur(): void;
+    protected onFocusOut(event: FocusEvent): void;
+    protected onChipKeydown(event: KeyboardEvent, index: number): void;
+    /** Lift a chip back into the input for correction. */
+    protected editChip(index: number): void;
+    protected selectSuggestion(suggestion: UniTagSuggestion): void;
+    private commitDraft;
+    private setDraft;
+    /** The host is the popup's anchor — the box the list mirrors the width of,
+        and the one its entry animation is measured against. The wrapper below
+        has the same geometry but is only the fallback's positioning context. */
+    protected readonly className: _angular_core.Signal<string>;
+    protected readonly wrapperClass: _angular_core.Signal<string>;
+    protected readonly fieldClass: _angular_core.Signal<string>;
+    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>;
+}
+
+/**
+ * The typography primitive, applied as an attribute to any element so
+ * semantics stay yours. The attribute value is the typeface:
+ * `<h1 uni-text="display-small">`, `<span uni-text="caption">`, dynamic via
+ * `[uni-text]="role()"`. With no value, the typeface is inferred from the
+ * host element (h1 → headline-large, p → body-1-long, …), falling back to
+ * `title-small`; the `typeface` input remains as an explicit override.
+ *
+ * It is a directive, so it stacks with anything else on the element — a layout
+ * attribute (`<div stack-layout uni-text="title-small">`) or a component's own
+ * host — rather than colliding with it.
+ */
+declare class UniTextDirective {
+    theme: ThemeService;
+    private readonly tag;
+    /** 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>;
+    /** The ink, mapping straight to the CSS `color` property. */
+    color: _angular_core.InputSignal<string>;
+    display: _angular_core.InputSignal<OptionalDisplay>;
+    align: _angular_core.InputSignal<OptionalTextAlign>;
+    nowrap: _angular_core.InputSignal<boolean>;
+    maxWidth: _angular_core.InputSignal<number>;
+    ellipsis: _angular_core.InputSignal<boolean>;
+    protected readonly resolvedTypeface: _angular_core.Signal<string>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTextDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UniTextDirective, "[uni-text]", never, { "uniText": { "alias": "uni-text"; "required": false; "isSignal": true; }; "typeface": { "alias": "typeface"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "nowrap": { "alias": "nowrap"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UniTextareaComponent implements FormValueControl<string> {
+    private theme;
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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>;
+    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>;
+    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>;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    grow: _angular_core.InputSignal<number>;
+    private options;
+    protected readonly resolvedRows: _angular_core.Signal<number>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly textareaClass: _angular_core.Signal<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>;
+}
+
+/** Why typed text did not become a time. The raw text stays in the field. */
+interface UniTimeInputRejection {
+    raw: string;
+    reason: 'unparseable' | 'out-of-range' | 'unavailable';
+}
+/**
+ * Theme options for the `timeInput` entry. Field chrome is not duplicated
+ * here — it comes from `input` via uni-input-box; the list trio matches
+ * tagInput/searchInput.
+ */
+interface UniTimeInputOptions {
+    toggleSymbol?: string;
+    listColor?: ContainerColorToken;
+    listShadow?: Shadow;
+    listBorderRadius?: Radius;
+    /** Active/hover option fill; the on-color pair is derived. Must contrast
+        with `listColor` or keyboard navigation turns invisible. */
+    activeColor?: ContainerColorToken;
+    maxVisibleOptions?: number; /** Named motion primitive for the suggestion popup's open animation.
+        Defaults to `popup` — the token `uni-dropdown` uses. */
+    motion?: Motion;
+}
+
+/**
+ * Time field: a combobox over time options — the same listbox contract as
+ * uni-search-input and uni-tag-input. Type `3p`, `930` or `15:00`, or pick
+ * `3:00 PM` from the list; the form always gets 24-hour `'HH:mm'` (`hour12`
+ * affects display only). The list is assistive, not exhaustive: any
+ * parseable time commits, unless `slots` pins the choices (a slot picker) —
+ * then a typed time must match one. Unreadable or unavailable text stays in
+ * the field, flagged, with a `rejected` event.
+ */
+declare class UniTimeInputComponent extends BaseComponent<UniTimeInputOptions> implements FormValueControl<UniTime | undefined> {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /** Accessible name for the field, e.g. "Start time". */
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    /** Generated list granularity, in minutes. */
+    minuteStep: _angular_core.InputSignal<number>;
+    /** Earliest allowed time (inclusive), `'09:00'`. */
+    minTime: _angular_core.InputSignal<string>;
+    /** Latest allowed time (inclusive), `'17:00'`. */
+    maxTime: _angular_core.InputSignal<string>;
+    /** Exact allowed times (scheduling). When set, typed entry must match one. */
+    slots: _angular_core.InputSignal<string[]>;
+    /** 12-hour display; defaults from the locale. The value stays 24-hour. */
+    hour12: _angular_core.InputSignal<boolean>;
+    /** BCP 47 tag for the display format; defaults to the document language. */
+    locale: _angular_core.InputSignal<string>;
+    commitOnBlur: _angular_core.InputSignal<boolean>;
+    /** Renders without its own input-box chrome, for composers like uni-date-time-input. */
+    embedded: _angular_core.InputSignal<boolean>;
+    /** A typed commit was refused; the raw text stays in the field. */
+    rejected: _angular_core.OutputEmitterRef<UniTimeInputRejection>;
+    private readonly host;
+    private readonly inputRef;
+    private readonly listRef;
+    /** 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";
+    constructor();
+    protected readonly srOnly: string;
+    /** A refused commit — styles the field and sets aria-invalid until edited. */
+    protected readonly draftInvalid: _angular_core.WritableSignal<boolean>;
+    /** Commits, clears and refusals are otherwise silent to a screen reader. */
+    protected readonly announcer: _uni_design_system_uni_angular.Announcer;
+    protected readonly resolvedLocale: _angular_core.Signal<string>;
+    protected readonly resolvedHour12: _angular_core.Signal<boolean>;
+    /** The listed times: pinned `slots` verbatim, else the generated step grid. */
+    protected readonly options: _angular_core.Signal<string[]>;
+    protected readonly optionLabels: _angular_core.Signal<string[]>;
+    /** Shared combobox bookkeeping — identical contract to uni-search-input. */
+    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
+    protected readonly displayText: _angular_core.Signal<string>;
+    protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected formatValue(time: UniTime): string;
+    protected setValue(time: UniTime | undefined, silent?: boolean): void;
+    private refuse;
+    protected commit(raw: string): boolean;
+    /** Step a committed value ±minuteStep (±1 slot when pinned), clamped. */
+    private stepValue;
+    protected onInputKeydown(event: KeyboardEvent): void;
+    protected onInput(): void;
+    protected onToggle(): void;
+    protected selectOption(time: UniTime): void;
+    protected onFocusOut(event: FocusEvent): void;
+    private openList;
+    private scrollToActive;
+    private scrollToIndex;
+    private setFieldText;
+    protected readonly className: _angular_core.Signal<string>;
+    protected readonly rowClass: _angular_core.Signal<string>;
+    protected readonly inputClass: _angular_core.Signal<string>;
+    protected readonly toggleWrapClass: _angular_core.Signal<string>;
+    /** Embedded mode: the composer owns the box; keep only the flex row. */
+    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>;
+}
+
+interface UniToggleOptions {
+    /**
+     * The size of the toggle switch
+     */
+    size?: number;
+    /** Off-state track color token. */
+    trackColor?: ColorKey;
+    /** Knob color token. */
+    knobColor?: ColorKey;
+}
+
+declare class UniToggleComponent extends BaseComponent<UniToggleOptions> implements FormCheckboxControl {
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    /** Synced from required() validators by the Signal Forms [field] directive. */
+    readonly required: _angular_core.InputSignal<boolean>;
+    /**
+     * 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>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): void;
+    handleChange(event: Event): void;
+    private readonly metrics;
+    protected readonly toggleLabel: _angular_core.Signal<string>;
+    protected readonly toggleInput: _angular_core.Signal<string>;
+    getThemeColor(token: ColorToken): string;
+    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; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+/**
+ * Every layout and typography attribute directive, for
+ * `imports: [...UNI_LAYOUT]`.
+ *
+ * These are attribute selectors, so an element carrying one that was never
+ * imported compiles cleanly and silently does nothing. Spreading the family is
+ * the cheapest way not to hit that.
+ */
+declare const UNI_LAYOUT: readonly [typeof UniBoxDirective, typeof UniRowDirective, typeof UniStackDirective, typeof UniCenterDirective, typeof UniWrapDirective, typeof UniGridDirective, typeof UniGridAreaDirective, typeof UniTextDirective];
+/** Every form control, for `imports: [...UNI_FORMS]`. */
+declare const UNI_FORMS: readonly [typeof UniInputComponent, typeof UniInputBoxComponent, typeof UniTextareaComponent, typeof UniSelectComponent, typeof UniCheckboxComponent, typeof UniRadioComponent, typeof UniToggleComponent, typeof UniComboboxComponent, typeof UniMultiSelectComponent, typeof UniMultiSelectDropdownComponent, typeof UniSearchInputComponent, typeof UniTagInputComponent, typeof UniSliderComponent, typeof UniDateInputComponent, typeof UniTimeInputComponent, typeof UniDateTimeInputComponent];
+
+/** Theme-level options for `uni-app-bar`, resolved by token name. */
+interface UniAppBarOptions {
+    /** Bar surface color token (with its paired on-color). */
+    color?: ContainerColorToken;
+    /** Bar height in px. */
+    height?: number;
+    /** Rule under the bar, as a border primitive token. */
+    divider?: Border;
+    /** Title typography token. */
+    typeface?: Typeface;
+    /** Horizontal padding, as a spacing token. */
+    padding?: OptionalSize;
+    /** Space between bar children, as a spacing token. */
+    gap?: OptionalSize;
+    /** Optional elevation shadow token (e.g. 'raised'). */
+    elevation?: Elevation;
+}
+
+/**
+ * Horizontal application bar: project leading controls (menu button, logo)
+ * with the `leading` attribute, actions with `trailing` (pushed to the far
+ * edge), and either pass `title` or project custom center content. Surface,
+ * divider, height, typography and spacing all resolve from `appBar` tokens.
+ * Place it inside your page's `<header>` landmark.
+ */
+declare class UniAppBarComponent extends BaseComponent<UniAppBarOptions> {
+    /** Bar title; alternatively project your own center content. */
+    title: _angular_core.InputSignal<string>;
+    /** Stick the bar to the top of its scroll container. */
+    sticky: _angular_core.InputSignal<boolean>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAppBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAppBarComponent, "uni-app-bar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "sticky": { "alias": "sticky"; "required": false; "isSignal": true; }; }, {}, never, ["[leading]", "*", "[trailing]"], true, never>;
+}
+
+/** Theme-level options for `uni-avatar`, resolved by token name. */
+interface UniAvatarOptions {
+    /** Corner radius token — `max` renders circles; `sharp` themes get squares. */
+    borderRadius?: Radius;
+    /** Typeface token for the initials. */
+    typeface?: Typeface;
+    /** Symbol shown when there is no image and no name to take initials from. */
+    fallbackSymbol?: string;
+}
+/** Theme-level options for `uni-avatar-group`. */
+interface UniAvatarGroupOptions {
+    /** How far stacked avatars overlap, as a spacing token. */
+    overlap?: OptionalSize;
+    /** Ring color separating stacked avatars from each other. */
+    ringColor?: ColorKey;
+    /** Ring width in px. */
+    ringWidth?: number;
+}
+
+/**
+ * Identity avatar with a graceful fallback chain: image → initials from
+ * `name` → themed symbol. Coloring, radius, typeface and sizes all resolve
+ * from `avatar` theme tokens; `variant` picks the container palette.
+ */
+declare class UniAvatarComponent extends BaseComponent<UniAvatarOptions> {
+    /** Image URL; on load error the avatar falls back to initials/symbol. */
+    src: _angular_core.InputSignal<string>;
+    /** Person's name: drives the initials and the accessible label. */
+    name: _angular_core.InputSignal<string>;
+    /** Verbatim text instead of derived initials (e.g. a group's “+3”). */
+    text: _angular_core.InputSignal<string>;
+    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 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>;
+}
+
+/**
+ * Overlapping stack of avatars. `max` collapses the overflow into a themed
+ * “+N” chip (itself a `uni-avatar`). Overlap and separator ring resolve from
+ * `avatarGroup` theme tokens.
+ */
+declare class UniAvatarGroupComponent extends BaseComponent<UniAvatarGroupOptions> {
+    /** Show at most this many avatars; the rest collapse into a “+N” chip. */
+    max: _angular_core.InputSignal<number>;
+    private readonly avatars;
+    protected readonly surplus: _angular_core.Signal<number>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniAvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniAvatarGroupComponent, "uni-avatar-group", never, { "max": { "alias": "max"; "required": false; "isSignal": true; }; }, {}, ["avatars"], ["*"], true, never>;
+}
+
+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>;
+    height: _angular_core.InputSignal<string | number>;
+    width: _angular_core.InputSignal<string | number>;
+    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>;
+}
+
+interface UniBadgeOptions {
+    borderRadius?: RadiiSize;
+}
+
+declare class UniBadgeComponent extends BaseComponent<UniBadgeOptions> {
+    color: _angular_core.InputSignal<Variant>;
+    useVariant: _angular_core.InputSignal<boolean>;
+    width: _angular_core.InputSignal<number>;
+    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>;
+}
+
+/** One step in the trail. The last item is treated as the current page. */
+interface BreadcrumbItem {
+    label: string;
+    /** Link target. Omit for SPA routing and handle `itemClicked` instead. */
+    href?: string;
+}
+/** Theme-level options for `uni-breadcrumb`, resolved by token name. */
+interface UniBreadcrumbOptions {
+    /** Trail typography token. */
+    typeface?: Typeface;
+    /** Link color for ancestor items. */
+    color?: ColorKey;
+    /** Color of the current (last) item. */
+    currentColor?: ColorKey;
+    /** Material symbol drawn between items. */
+    separatorSymbol?: string;
+    /** Space around separators, as a spacing token. */
+    gap?: OptionalSize;
+}
+
+/**
+ * WAI-ARIA breadcrumb: a `nav` landmark wrapping an ordered list; the last
+ * item is the current page (`aria-current="page"`), separators are decorative.
+ * Items with `href` render as real links; without one they render as
+ * link-styled buttons emitting `itemClicked` — wire that to your router.
+ */
+declare class UniBreadcrumbComponent extends BaseComponent<UniBreadcrumbOptions> {
+    /** The trail, root first; the last item is the current page. */
+    items: _angular_core.InputSignal<BreadcrumbItem[]>;
+    /** Landmark label distinguishing this nav from others on the page. */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** Emits the clicked ancestor item (also fires for `href` links). */
+    itemClicked: _angular_core.OutputEmitterRef<BreadcrumbItem>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBreadcrumbComponent, "uni-breadcrumb", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemClicked": "itemClicked"; }, never, never, true, never>;
+}
+
+/** Theme-level options for `uni-text-button`, resolved by token name. */
+interface UniButtonOptions {
+    /**
+     * Corner radius as a radii token. The default theme uses `max` (pill);
+     * because this is a token, the theme's radii scale — including generated
+     * shape languages (`sharp`/`modern`/`playful`) and custom primitives —
+     * restyles every button without touching component code.
+     */
+    borderRadius?: RadiiSize;
+    /**
+     * Label typography as a typeface token. Defaults to the type scale's
+     * `button` role (family/weight/transform); per-size `fontSize` overrides
+     * from the theme's `sizes` still apply on top. Point it at any typeface —
+     * including custom primitives added to the theme's typography.
+     */
+    typeface?: Typeface;
+}
+
+declare class RippleDirective {
+    private renderer;
+    el: ElementRef<any>;
+    hostEl: any;
+    constructor();
+    onClick(e: MouseEvent): void;
+    rippleClass: string;
+    animateClass: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RippleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RippleDirective, "[uniRipple]", never, {}, {}, never, never, true, never>;
+}
+
+declare class UniButtonComponent extends BaseComponent<UniButtonOptions> {
+    readonly disable: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly symbolLeft: _angular_core.InputSignal<string>;
+    readonly symbolRight: _angular_core.InputSignal<string>;
+    spinnerBox: string;
+    protected readonly className: _angular_core.Signal<string>;
+    symbolSize: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonComponent, never>;
+    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;
+    buttons: ButtonGroupItem[];
+}
+interface ButtonGroupItem {
+    symbolName: string;
+    selected?: boolean;
+    tooltip?: string;
+    action?: (selectedState?: boolean) => boolean | void;
+    toggle?: WritableSignal<boolean>;
+}
+
+/** One rendered day cell — precomputed so the template stays declarative. */
+interface CalendarCell {
+    date: UniDate;
+    day: number;
+    outside: boolean;
+    disabled: boolean;
+    today: boolean;
+    selected: boolean;
+    inBand: boolean;
+    tabIndex: number;
+    ariaLabel: string;
+    markers: UniCalendarMarker[];
+    cellClass: string;
+    dayClass: string;
+}
+/**
+ * Inline month calendar: single-date or start–end range selection, day
+ * markers (availability dots), min/max fences and disabled dates. One tab
+ * stop with a roving-tabindex `role="grid"`; every day is a real button
+ * named with its full date. Values are plain ISO strings (`'YYYY-MM-DD'`),
+ * never `Date` objects, so bindings are timezone-free and serializable.
+ * Selection and today colours come from the theme's `primary` role pair;
+ * geometry and glyphs come from the `calendar` theme entry.
+ */
+declare class UniCalendarComponent extends BaseComponent<UniCalendarOptions> implements FormValueControl<UniCalendarValue> {
+    readonly value: _angular_core.ModelSignal<UniCalendarValue>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly touched: _angular_core.ModelSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly dirty: _angular_core.InputSignal<boolean>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    /** `'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>;
+    /** Earliest selectable date (inclusive). */
+    minDate: _angular_core.InputSignal<string>;
+    /** Latest selectable date (inclusive). */
+    maxDate: _angular_core.InputSignal<string>;
+    /** Blocked days: a list of dates, or a predicate. */
+    disabledDates: _angular_core.InputSignal<string[] | ((date: UniDate) => boolean)>;
+    /** 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>;
+    /** First day of week, 0 = Sunday; defaults from the locale's week info. */
+    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 6 | 5>;
+    /** Names the grid when it stands alone (otherwise the heading names it). */
+    ariaLabel: _angular_core.InputSignal<string>;
+    /** 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. */
+    selected: _angular_core.OutputEmitterRef<string>;
+    private readonly host;
+    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>;
+    /** Hover/focus candidate painting the preview band while a range is pending. */
+    protected readonly previewDate: _angular_core.WritableSignal<string>;
+    /** 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;
+    protected readonly resolvedLocale: _angular_core.Signal<string>;
+    protected readonly resolvedWeekStart: _angular_core.Signal<number>;
+    /**
+     * The month on screen: the `month` model, else the value's month, else
+     * today's. Falsy guards on purpose: `''` — the only typeable empty for a
+     * string-typed model — counts as unset, or it would reach the month math
+     * and blow up the grid and heading.
+     */
+    protected readonly viewMonth: _angular_core.Signal<string>;
+    private readonly anchorDate;
+    /**
+     * The roving-tabindex day. Re-derives when the view or value changes
+     * (selected day in view → today in view → first enabled day); keyboard
+     * navigation writes it directly.
+     */
+    protected readonly focusedDate: _angular_core.WritableSignal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    protected readonly heading: _angular_core.Signal<string>;
+    protected readonly weekdays: _angular_core.Signal<_uni_design_system_uni_angular.UniWeekdayName[]>;
+    private readonly disabledDateSet;
+    private readonly markersByDate;
+    /** The committed range, or the pending preview band. */
+    private readonly rangeBand;
+    protected isDayDisabled(date: UniDate): boolean;
+    private isSelected;
+    /** The full render model: one precomputed cell per grid position. */
+    protected readonly gridWeeks: _angular_core.Signal<CalendarCell[][]>;
     protected select(date: UniDate): void;
     private cancelPending;
     protected onNav(direction: 1 | -1): void;
@@ -1062,7 +2510,6 @@ declare class UniCalendarComponent extends BaseComponent<UniCalendarOptions> imp
     private focusDay;
     private pickFocus;
     private firstEnabledInView;
-    private announce;
     private readonly daySize;
     protected readonly className: _angular_core.Signal<string>;
     protected readonly navClass: _angular_core.Signal<string>;
@@ -1118,7 +2565,10 @@ interface UniCalloutOptions {
     spotlightRadius: Radius;
     /** Spotlight ring width, px. */
     ringWidth: number;
-    transitionMs: number;
+    /**
+     * Named motion primitive for the open/close fade. Defaults to `panel`.
+     */
+    motion?: Motion;
 }
 
 /**
@@ -1200,6 +2650,8 @@ declare class UniCalloutComponent extends BaseComponent<UniCalloutOptions> {
     /** A stray click shouldn't kill onboarding: nudge the panel instead. */
     protected onBackdropClick(): void;
     private readonly spotlight;
+    /** Timing for the open/close fade and the teardown that follows it. */
+    private readonly motion;
     protected readonly scrimClassName: _angular_core.Signal<string>;
     protected readonly windowClassName: _angular_core.Signal<string>;
     protected stripClassName(side: (typeof this.stripSides)[number]): string;
@@ -1219,226 +2671,43 @@ declare class UniCardContentComponent extends BaseComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardContentComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardContentComponent, "uni-card-content", never, {}, {}, never, ["*"], true, never>;
 }
-
-declare class UniCardHeaderComponent extends BaseComponent {
-    private card;
-    title: _angular_core.InputSignal<string>;
-    titleTextRole: _angular_core.InputSignal<string>;
-    constructor();
-    className: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardHeaderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardHeaderComponent, "uni-card-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleTextRole": { "alias": "titleTextRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-/** Theme-level options for `uni-card`, resolved by token name. */
-interface UniCardOptions {
-    defaultVariant?: Variant;
-    /** Corner radius as a radii token. The default theme uses `xs`. */
-    borderRadius?: Radius;
-    /**
-     * Frame as a border primitive token. When unset, the card follows its
-     * variant — `borders.primary`, `borders.warn`, … — so redefining a border
-     * primitive restyles every card (and every other component) sharing it.
-     */
-    border?: Border;
-    /** Optional elevation shadow token; cards are flat by default. */
-    elevation?: Elevation;
-    transitionSpeed?: number;
-}
-
-declare class UniCardComponent extends BaseComponent<UniCardOptions> {
-    /**
-     * Token-resolved frame (variant-named border primitive, radii, elevation)
-     * under the merged theme style, so hand-authored fixed/variant styles from
-     * older themes keep winning.
-     */
-    protected readonly cardStyle: _angular_core.Signal<{
-        boxShadow: string;
-    }>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardComponent, "uni-card", never, {}, {}, never, ["*"], true, never>;
-}
-
-interface UniCheckboxOptions {
-    size?: string | number;
-    borderRadius?: string | number;
-    /** Unchecked box background token. */
-    boxColor?: ColorKey;
-    focusRingGap?: string | number;
-}
-
-declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions> implements FormCheckboxControl {
-    readonly checked: _angular_core.ModelSignal<boolean>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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>;
-    /**
-     * Mixed state for "select all"-style parent checkboxes. Cleared
-     * automatically on the next user interaction, matching native behavior.
-     */
-    readonly indeterminate: _angular_core.ModelSignal<boolean>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    markAsTouched(): void;
-    handleChange(event: Event): void;
-    protected readonly checkboxLabel: _angular_core.Signal<string>;
-    protected readonly checkboxInput: _angular_core.Signal<string>;
-    getThemeColor(token: ColorToken): string;
-    /** The content color paired with a variant fill (on-primary, on-warn, …). */
-    getOnColor(variant: ColorToken): string;
-    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; }; "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>;
-}
-
-/** A commit was refused (no match); the field reverted to the committed label. */
-interface UniComboboxRejection {
-    query: string;
-}
-/**
- * Theme options for the `combobox` entry. Field chrome is not duplicated
- * here — it comes from `input` via uni-input-box; the list trio matches
- * tagInput/searchInput/timeInput. Glyphs are theme icon primitives rendered
- * by `uni-icon`, so they restyle with the theme's iconography.
- */
-interface UniComboboxOptions {
-    toggleIcon?: IconName;
-    clearIcon?: IconName;
-    selectedIcon?: IconName;
-    listColor?: ContainerColorToken;
-    listShadow?: Shadow;
-    listBorderRadius?: Radius;
-    /** Active/hover option fill; the on-color pair is derived. Must contrast
-        with `listColor` or keyboard navigation turns invisible. */
-    activeColor?: ContainerColorToken;
-    /** Scroll height in rows — the list scrolls past this, never truncates. */
-    maxVisibleOptions?: number;
-    descriptionColor?: ContentColorToken;
-}
-
-/**
- * Form-bound, closed-set, single-select autocomplete: `FormValueControl<T | null>`
- * over object `Options<T>`, type-to-filter, commit-on-select. Typing produces a
- * draft — a filter, never a value; the value changes only when an option
- * commits, `clear()` runs, or the model is written from outside. Select
- * semantics, not search: a real label, a chevron, no magnifier, nothing
- * submits. For short lists with no need to type, prefer `uni-select` — the
- * 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 disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    /** Accessible name for the field, e.g. "State"; echoed on the listbox. */
-    label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
-    options: _angular_core.InputSignal<Options<T>>;
-    /**
-     * Equality used to match `value` against option values, called as
-     * `compareWith(optionValue, value)`. Defaults to reference equality, which
-     * never matches an object value rebuilt from elsewhere (e.g. a saved record
-     * against options from a fresh fetch) — pass a key comparison like
-     * `(a, b) => a?.id === b?.id` for object values.
-     */
-    compareWith: _angular_core.InputSignal<(optionValue: T, value: T) => boolean>;
-    width: _angular_core.InputSignal<string | number>;
-    /** Show a ✕ while a value is set; an emptied field on blur also clears. */
-    clearable: _angular_core.InputSignal<boolean>;
-    /** Blur commits an exact-match draft; a non-matching draft reverts. */
-    commitOnBlur: _angular_core.InputSignal<boolean>;
-    /** i18n-able empty row, also announced when a filter matches nothing. */
-    emptyText: _angular_core.InputSignal<string>;
-    /** `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>;
-    debounceTime: _angular_core.InputSignal<number>;
-    /** Debounced draft text, for async option lists. */
-    query: _angular_core.OutputEmitterRef<string>;
-    /** An option committed. */
-    selected: _angular_core.OutputEmitterRef<Option<T>>;
-    cleared: _angular_core.OutputEmitterRef<void>;
-    /** A commit was refused (no match); the field reverted. */
-    rejected: _angular_core.OutputEmitterRef<UniComboboxRejection>;
-    private readonly host;
-    private readonly inputRef;
-    private readonly listRef;
-    /** Cancelled on destroy — a late tick would emit on a destroyed OutputRef. */
-    private queryTimer?;
+
+declare class UniCardHeaderComponent extends BaseComponent {
+    private card;
+    title: _angular_core.InputSignal<string>;
+    titleTextRole: _angular_core.InputSignal<string>;
     constructor();
-    protected readonly srOnly: string;
-    protected readonly announcement: _angular_core.WritableSignal<string>;
-    /** null → the field shows the committed label; a string is an uncommitted draft. */
-    protected readonly draft: _angular_core.WritableSignal<string>;
+    className: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardHeaderComponent, "uni-card-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "titleTextRole": { "alias": "titleTextRole"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/** Theme-level options for `uni-card`, resolved by token name. */
+interface UniCardOptions {
+    defaultVariant?: Variant;
+    /** Corner radius as a radii token. The default theme uses `xs`. */
+    borderRadius?: Radius;
     /**
-     * Popup visibility. Component-owned rather than `list.open()` — the shared
-     * signal gates on `count() > 0`, which would hide the "No matches" row and
-     * misreport `aria-expanded` over an empty filter.
+     * Frame as a border primitive token. When unset, the card follows its
+     * variant — `borders.primary`, `borders.warn`, … — so redefining a border
+     * primitive restyles every card (and every other component) sharing it.
      */
-    protected readonly popupOpen: _angular_core.WritableSignal<boolean>;
-    /** Index in options() of the option matching value(), else -1. */
-    protected readonly committedIndex: _angular_core.Signal<number>;
-    /** A value with no matching option renders '' but is preserved — options may
-        still be loading; the field self-heals when they arrive. */
-    protected readonly committedLabel: _angular_core.Signal<string>;
-    protected readonly displayValue: _angular_core.Signal<string>;
-    /** Indices into options() surviving the filter. The draft filters; the
-        committed label does not — reopening always shows the full set. */
-    protected readonly filteredIndices: _angular_core.Signal<number[]>;
-    /** Shared combobox bookkeeping, in filtered-list positions — the fourth
-        consumer of the contract behind search-input, tag-input and time-input. */
-    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    private commit;
-    protected clear(): void;
+    border?: Border;
+    /** Optional elevation shadow token; cards are flat by default. */
+    elevation?: Elevation;
+}
+
+declare class UniCardComponent extends BaseComponent<UniCardOptions> {
     /**
-     * Draft resolution, used by Enter, Tab and blur:
-     * 1. an active option in the list → commit it;
-     * 2. else a unique exact label match (locale-case-insensitive) → commit it;
-     * 3. Enter only: the filter narrowed to exactly one enabled option → commit it
-     *    (on Enter the user can see the single candidate; on blur they're gone,
-     *    and committing a value they never saw confirmed is how forms grow
-     *    mystery data);
-     * 4. else the caller keeps the list open (Enter) or reverts (Tab/blur).
+     * Token-resolved frame (variant-named border primitive, radii, elevation)
+     * under the merged theme style, so hand-authored fixed/variant styles from
+     * older themes keep winning.
      */
-    private resolveDraft;
-    private revertDraft;
-    private reject;
-    protected onKeydown(event: KeyboardEvent): void;
-    protected onInput(): void;
-    /** Click-to-browse: pointer users get the select affordance. Focus alone
-        never opens — Tab-through forms must not spray popups. */
-    protected onFieldClick(): void;
-    protected onToggleMousedown(event: MouseEvent): void;
-    protected onOptionClick(optIndex: number): void;
-    protected onFocusOut(event: FocusEvent): void;
-    /** Filtered position of the committed option when visible and enabled, else -1. */
-    private committedFilteredPos;
-    private openList;
-    private closeList;
-    private scrollToActive;
-    private setFieldText;
-    private announce;
-    protected readonly className: _angular_core.Signal<string>;
-    protected readonly rowClass: _angular_core.Signal<string>;
-    protected readonly inputClass: _angular_core.Signal<string>;
-    /** Pointer-only affordance: keyboard already has ArrowDown, and the input
-        itself announces expanded state. */
-    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>;
+    protected readonly cardStyle: _angular_core.Signal<{
+        boxShadow: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardComponent, "uni-card", never, {}, {}, never, ["*"], true, never>;
 }
 
 interface UniDataSearchOptions {
@@ -1464,253 +2733,73 @@ declare class UniDataSearchComponent<T> extends BaseComponent<UniDataSearchOptio
 
 interface ColumnDefinition<T> {
     columnDef: keyof T;
-    header: string;
-    cell?: (element: T) => string;
-    isSticky?: boolean;
-    template?: TemplateRef<T>;
-    textAlign?: 'left' | 'right' | 'center';
-}
-interface UniDataTableOptions {
-    border?: Border;
-    borderRadius?: Radius;
-    color?: ContainerColorToken;
-    elevation?: Elevation;
-    headerPadding?: NullableSize;
-    footerPadding?: NullableSize;
-    headerColor?: ContainerColorToken;
-    footerColor?: ContainerColorToken;
-    cellPadding?: NullableSize;
-    rowHoverColor?: ContainerColorToken;
-    thTextRole: TextRole;
-    thColor?: ContainerColorToken;
-    thPadding?: NullableSize;
-    thHorizontalBorder?: Border;
-    thVerticalBorder?: Border;
-    tdTextRole: TextRole;
-    tdColor?: ContainerColorToken;
-    tdStickyColor?: ContainerColorToken;
-    tdPadding?: NullableSize;
-    tdHorizontalBorder?: Border;
-    tdVerticalBorder?: Border;
-    loadingOverlayColor?: ColorKey;
-    loadingSpinnerColor?: ColorKey;
-    loadingSpinnerSize?: string | number;
-}
-
-declare class UniDataTableComponent<T> extends BaseComponent<UniDataTableOptions> {
-    datasource: _angular_core.InputSignal<UniDatasource<T>>;
-    columns: _angular_core.InputSignal<ColumnDefinition<T>[]>;
-    detailRowTemplate: _angular_core.InputSignal<TemplateRef<{
-        $implicit: T;
-        index: number;
-    }>>;
-    expandedIndex: _angular_core.WritableSignal<number>;
-    useMultiSelect: _angular_core.InputSignal<boolean>;
-    useRowClick: _angular_core.InputSignal<boolean>;
-    highlight?: _angular_core.InputSignal<(row: T) => boolean>;
-    height: _angular_core.InputSignal<string>;
-    scrollable: _angular_core.WritableSignal<boolean>;
-    loadingOverlayClass: string;
-    rowSelect: _angular_core.OutputEmitterRef<T>;
-    rowClick: _angular_core.OutputEmitterRef<T>;
-    protected readonly tableClass: _angular_core.Signal<string>;
-    protected readonly headerClass: _angular_core.Signal<string>;
-    protected readonly footerClass: _angular_core.Signal<string>;
-    protected readonly thClass: _angular_core.Signal<string>;
-    protected readonly tdClass: _angular_core.Signal<string>;
-    protected readonly trClass: _angular_core.Signal<string>;
-    protected readonly detailRowClass: _angular_core.Signal<string>;
-    isLoading: _angular_core.WritableSignal<boolean>;
-    toggleRow(index: number): void;
-    handleRowClick(row: T, index: number): void;
-    /** aria-sort value for a column header, or null when the column is unsorted. */
-    protected ariaSort(column: ColumnDefinition<T>): 'ascending' | 'descending' | null;
-    isHighlighted(row: T): boolean;
-    protected readonly String: StringConstructor;
-    handleScrollable(scrollable: boolean): void;
-    getBorder(name: string | undefined): string;
-    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>;
-}
-
-/** Why typed text did not become a date. The raw text stays in the field. */
-interface UniDateInputRejection {
-    raw: string;
-    reason: 'unparseable' | 'out-of-range' | 'disabled';
-}
-/**
- * Theme options for the `dateInput` entry. Field chrome is not duplicated
- * here — it comes from `input` via uni-input-box; these style the popup
- * affordance and panel only.
- */
-interface UniDateInputOptions {
-    toggleSymbol?: string;
-    popupShadow?: Shadow;
-    popupBorderRadius?: Radius;
-    popupColor?: ContainerColorToken;
-}
-
-/**
- * Date field with free-typed parsing and a popup calendar. Type `aug 20`,
- * `8/20/2026` or `2026-08-20`, or pick from the grid — the form gets the
- * same canonical `'YYYY-MM-DD'` string either way. Parsing is `Intl`-driven
- * (locale digit order and month names, never hardcoded); unreadable text
- * stays in the field, flagged, with a `rejected` event. The popup is a
- * native popover hosting the same `uni-calendar` an app could render inline.
- */
-declare class UniDateInputComponent extends BaseComponent<UniDateInputOptions> implements FormValueControl<UniDate | undefined> {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    /** 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>;
-    /** 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>;
-    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>;
-    /** 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)>;
-    markers: _angular_core.InputSignal<UniCalendarMarker[]>;
-    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 6 | 5>;
-    /** Popup shown. */
-    opened: _angular_core.OutputEmitterRef<void>;
-    /** Popup hidden. */
-    closed: _angular_core.OutputEmitterRef<void>;
-    /** A typed commit was refused; the raw text stays in the field. */
-    rejected: _angular_core.OutputEmitterRef<UniDateInputRejection>;
-    private readonly host;
-    private readonly inputRef;
-    private readonly toggleRef;
-    private readonly popupRef;
-    private readonly dropdown;
-    private readonly calendar;
-    protected readonly srOnly: string;
-    /** A refused commit — styles the field and sets aria-invalid until edited. */
-    protected readonly draftInvalid: _angular_core.WritableSignal<boolean>;
-    protected readonly announcement: _angular_core.WritableSignal<string>;
-    protected readonly toggleElement: _angular_core.Signal<any>;
-    protected readonly popupOpen: _angular_core.Signal<boolean>;
-    protected readonly resolvedLocale: _angular_core.Signal<string>;
-    protected readonly displayText: _angular_core.Signal<string>;
-    protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    protected readonly toggleLabel: _angular_core.Signal<string>;
-    private fullDate;
-    private isDayBlocked;
-    protected setValue(date: UniDate | undefined, silent?: boolean): void;
-    private refuse;
-    protected commit(raw: string): boolean;
-    /** Step a committed value ±1 day, skipping blocked days, stopping at fences. */
-    private step;
-    protected onInputKeydown(event: KeyboardEvent): void;
-    protected onInput(): void;
-    protected onFocusOut(event: FocusEvent): void;
-    protected openPopup(): void;
-    protected closePopup(): void;
-    protected onPopupShowing(): void;
-    protected onPopupHiding(): void;
-    protected onCalendarPick(date: UniDate): void;
-    /** The popup is a focus-holding dialog: Tab cycles inside it (APG pattern). */
-    protected onPopupKeydown(event: KeyboardEvent): void;
-    private setFieldText;
-    private announce;
-    protected readonly className: _angular_core.Signal<string>;
-    protected readonly rowClass: _angular_core.Signal<string>;
-    protected readonly inputClass: _angular_core.Signal<string>;
-    protected readonly toggleWrapClass: _angular_core.Signal<string>;
-    /** 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>;
+    header: string;
+    cell?: (element: T) => string;
+    isSticky?: boolean;
+    template?: TemplateRef<T>;
+    textAlign?: 'left' | 'right' | 'center';
 }
-
-/**
- * Theme options for the `dateTimeInput` entry. Field chrome comes from
- * `input` via the single shared uni-input-box; these style the seam between
- * the two parts.
- */
-interface UniDateTimeInputOptions {
-    /** Space between the date part, the divider, and the time part. */
-    partGap?: NullableSize;
-    dividerColor?: ColorToken;
+interface UniDataTableOptions {
+    border?: Border;
+    borderRadius?: Radius;
+    color?: ContainerColorToken;
+    elevation?: Elevation;
+    headerPadding?: NullableSize;
+    footerPadding?: NullableSize;
+    headerColor?: ContainerColorToken;
+    footerColor?: ContainerColorToken;
+    cellPadding?: NullableSize;
+    rowHoverColor?: ContainerColorToken;
+    thTextRole: TextRole;
+    thColor?: ContainerColorToken;
+    thPadding?: NullableSize;
+    thHorizontalBorder?: Border;
+    thVerticalBorder?: Border;
+    tdTextRole: TextRole;
+    tdColor?: ContainerColorToken;
+    tdStickyColor?: ContainerColorToken;
+    tdPadding?: NullableSize;
+    tdHorizontalBorder?: Border;
+    tdVerticalBorder?: Border;
+    loadingOverlayColor?: ColorKey;
+    loadingSpinnerColor?: ColorKey;
+    loadingSpinnerSize?: string | number;
 }
 
-/**
- * One field for a date and a time: a thin composer seating a uni-date-input
- * and a uni-time-input in one input-box chrome under one label, yielding one
- * combined `'YYYY-MM-DDTHH:mm'` value. The value emits only when both parts
- * are set — a time without a day is not an answer — and clearing the date
- * clears it. With `slotsFor`, the time part stays disabled until a day is
- * chosen and offers exactly that day's slots: the scheduling flow in one
- * attribute. Two honest tab stops (it is two questions); apps needing a
- * different arrangement compose the primitives directly.
- */
-declare class UniDateTimeInputComponent extends BaseComponent<UniDateTimeInputOptions> implements FormValueControl<UniDateTime | undefined> {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    /** 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>;
-    /** 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)>;
-    markers: _angular_core.InputSignal<UniCalendarMarker[]>;
-    /** Fixed time choices; superseded per-day by `slotsFor` when that is set. */
-    slots: _angular_core.InputSignal<string[]>;
-    minuteStep: _angular_core.InputSignal<number>;
-    hour12: _angular_core.InputSignal<boolean>;
-    weekStart: _angular_core.InputSignal<0 | 1 | 2 | 3 | 4 | 6 | 5>;
-    locale: _angular_core.InputSignal<string>;
-    /** Scheduling: the day's available times. Gates the time part on a date. */
-    slotsFor: _angular_core.InputSignal<(date: UniDate) => UniTime[]>;
-    private readonly host;
-    /**
-     * The two part-values. An external `value` write re-derives both; an
-     * internal partial state (a date without a time round-trips through
-     * `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 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>;
-    /** The chosen day's slots when `slotsFor` is set, else the fixed list. */
-    protected readonly effectiveSlots: _angular_core.Signal<string[]>;
-    protected readonly timeDisabled: _angular_core.Signal<boolean>;
-    protected onDatePartChange(date: UniDate | undefined): void;
-    protected onTimePartChange(time: UniTime | undefined): void;
-    private setParts;
-    protected onHostFocusOut(event: FocusEvent): void;
-    protected readonly className: _angular_core.Signal<string>;
-    protected readonly groupClass: _angular_core.Signal<string>;
-    protected readonly datePartClass: _angular_core.Signal<string>;
-    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>;
+declare class UniDataTableComponent<T> extends BaseComponent<UniDataTableOptions> {
+    datasource: _angular_core.InputSignal<UniDatasource<T>>;
+    columns: _angular_core.InputSignal<ColumnDefinition<T>[]>;
+    detailRowTemplate: _angular_core.InputSignal<TemplateRef<{
+        $implicit: T;
+        index: number;
+    }>>;
+    expandedIndex: _angular_core.WritableSignal<number>;
+    useMultiSelect: _angular_core.InputSignal<boolean>;
+    useRowClick: _angular_core.InputSignal<boolean>;
+    highlight?: _angular_core.InputSignal<(row: T) => boolean>;
+    height: _angular_core.InputSignal<string>;
+    scrollable: _angular_core.WritableSignal<boolean>;
+    loadingOverlayClass: string;
+    rowSelect: _angular_core.OutputEmitterRef<T>;
+    rowClick: _angular_core.OutputEmitterRef<T>;
+    protected readonly tableClass: _angular_core.Signal<string>;
+    protected readonly headerClass: _angular_core.Signal<string>;
+    protected readonly footerClass: _angular_core.Signal<string>;
+    protected readonly thClass: _angular_core.Signal<string>;
+    protected readonly tdClass: _angular_core.Signal<string>;
+    protected readonly trClass: _angular_core.Signal<string>;
+    protected readonly detailRowClass: _angular_core.Signal<string>;
+    isLoading: _angular_core.WritableSignal<boolean>;
+    toggleRow(index: number): void;
+    handleRowClick(row: T, index: number): void;
+    /** aria-sort value for a column header, or null when the column is unsorted. */
+    protected ariaSort(column: ColumnDefinition<T>): 'ascending' | 'descending' | null;
+    isHighlighted(row: T): boolean;
+    protected readonly String: StringConstructor;
+    handleScrollable(scrollable: boolean): void;
+    getBorder(name: string | undefined): string;
+    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>;
 }
 
 /**
@@ -1906,12 +2995,13 @@ interface UniDropdownOptions {
     borderRadius: Radius;
     shadow: Shadow;
     color: ContainerColorToken;
+    /** Named motion primitive for the open/close animation. */
+    motion: Motion;
 }
 
 type AriaHasPopup = 'menu' | 'listbox' | 'dialog' | 'grid' | 'tree' | 'true';
 declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> implements OnInit, OnDestroy {
     private renderer;
-    private delay;
     showing: _angular_core.WritableSignal<boolean>;
     trigger: _angular_core.InputSignal<HTMLElement>;
     placement: _angular_core.InputSignal<Placement>;
@@ -1931,13 +3021,13 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     border: _angular_core.InputSignal<string>;
     borderRadius: _angular_core.InputSignal<string>;
     shadow: _angular_core.InputSignal<string>;
-    color: _angular_core.InputSignal<ContainerColorToken>;
+    /** A container color pair; `color` belongs to `uni-text` across the library. */
+    containerColor: _angular_core.InputSignal<ContainerColorToken>;
     dropdownShowing: _angular_core.OutputEmitterRef<boolean>;
     dropdownHiding: _angular_core.OutputEmitterRef<boolean>;
     dropdownRef: ElementRef<HTMLDivElement>;
     private get _trigger();
     private get _dropdown();
-    private transformOriginMap;
     dropdownClass: _angular_core.Signal<string>;
     /** The element that receives focus and carries the ARIA popup state. */
     private get _focusTarget();
@@ -1945,37 +3035,30 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     /**
      * Scale the open/close animation from the corner touching the trigger,
      * wherever the browser actually placed the panel. The static
-     * `transformOriginMap` covers only the *requested* placement; with
+     * `TRANSFORM_ORIGINS` entry covers only the *requested* placement; with
      * `position-try-fallbacks` the panel may have flipped at a viewport edge,
      * and a `bottom-end` picker rendered above its field would otherwise still
      * animate from the top-right corner.
      */
     private syncTransformOrigin;
-    /**
-     * Returns focus to the trigger when the popover closes while focus was
-     * inside it (or was dropped on <body> by the top layer closing), so
-     * keyboard users are never stranded (WCAG 2.4.3).
-     */
-    private restoreFocus;
     toggleDropdown(): void;
     hideDropdown(): void;
     ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDropdownComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shadow": { "alias": "shadow"; "required": false; "isSignal": true; }; "containerColor": { "alias": "containerColor"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
 }
 
 /** Theme-level options for `uni-expand`. */
 interface UniExpandOptions {
     /**
-     * Base reveal/collapse duration in seconds (matching alert/card
-     * `transitionSpeed`), lives in the `expand` theme options. The default
-     * theme uses `0.35`. This is the duration at a 240px-tall region; the
-     * actual duration scales with content height (√-of-height, clamped —
-     * `expandDuration` in uni-core) so short regions stay snappy and tall
-     * ones aren't rushed. Also drives `uni-expand-toggle`'s chevron rotation
-     * so trigger and region move on the same clock.
+     * Named motion primitive for the reveal. Defaults to `reveal`, whose
+     * duration is the *base* speed at a 240px-tall region — the actual duration
+     * scales with content height (√-of-height, clamped — `expandDuration` in
+     * uni-core) so short regions stay snappy and tall ones aren't rushed. Its
+     * easing drives the animation curve, and `uni-expand-toggle`'s chevron
+     * reads the same token so trigger and region move on one clock.
      */
-    transitionSpeed?: number;
+    motion?: Motion;
 }
 
 declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
@@ -2017,6 +3100,13 @@ declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
      * (`[style.transition-duration]="expand.duration() + 's'"`).
      */
     readonly duration: _angular_core.Signal<number>;
+    /**
+     * Base speed in seconds, before the size-aware scaling above: the `motion`
+     * token's duration (ms) converted to seconds.
+     */
+    private readonly baseSpeed;
+    /** Curve for the reveal, from the same token as the speed. */
+    private readonly easing;
     protected readonly cssDuration: _angular_core.Signal<string>;
     /**
      * A custom element is `display: inline` by default, which would lay the
@@ -2043,8 +3133,8 @@ declare class UniExpandComponent extends BaseComponent<UniExpandOptions> {
      * `duration`, so the classes stay static while timing tracks the theme and
      * the content's size through signals alone.
      */
-    expandAnimation: string;
-    collapseAnimation: string;
+    expandAnimation: _angular_core.Signal<string>;
+    collapseAnimation: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandComponent, "uni-expand", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "transitionSpeed": { "alias": "transitionSpeed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
 }
@@ -2073,7 +3163,9 @@ declare class UniExpandToggleComponent {
      * region is size-scaled or overridden per instance.
      */
     transitionSpeed: _angular_core.InputSignal<number>;
-    /** Fallback clock when no `transitionSpeed` is bound: the `expand` theme options' `transitionSpeed`. */
+    /** Fallback clock when no `transitionSpeed` is bound: the `expand` entry's
+        motion token — the same one the region itself reads. */
+    private readonly themeService;
     private readonly expandOptions;
     private readonly speed;
     /**
@@ -2142,40 +3234,53 @@ declare class UniFileDropZoneComponent {
 }
 
 /**
- * Text input that emits `change` only after the user pauses typing. Wears the
- * shared input chrome (themed color, border, typeface, focus ring) via
- * `uni-input-box`; project adornments with the `pre-input` / `post-input`
- * slots, matching `uni-input`'s convention. The ARIA passthrough inputs let a
- * wrapping composite (e.g. SearchInput's combobox) annotate the real input
- * element.
+ * Whether the browser can keep a top-layer popup attached to its field.
+ *
+ * The top layer and anchor positioning must be adopted together, and support
+ * for them does not arrive together: Safari shipped `popover` in 17 but
+ * `position-anchor` only in 26. Promoting the popup without anchor support
+ * would strand it — a top-layer element has no positioned ancestor, so the
+ * fallback's `position: absolute; top: 100%` would resolve against the
+ * viewport and drop the list a full screen height down the page. So the
+ * `popover` attribute is gated on this too, not just the anchored CSS.
+ *
+ * Undefined `CSS` (jsdom) reads as unsupported, which is also what keeps the
+ * popup in the normal flow — and the component specs unchanged — under test.
  */
-declare class UniDebounceInputComponent {
-    inputName: _angular_core.InputSignal<string>;
-    inputId: _angular_core.InputSignal<string>;
-    debounceTime: _angular_core.InputSignal<number>;
-    /** Accessible name for the input. */
-    label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
-    disabled: _angular_core.InputSignal<boolean>;
-    role: _angular_core.InputSignal<string>;
-    ariaExpanded: _angular_core.InputSignal<boolean>;
-    ariaControls: _angular_core.InputSignal<string>;
-    ariaActivedescendant: _angular_core.InputSignal<string>;
-    change: _angular_core.OutputEmitterRef<string>;
-    value: _angular_core.WritableSignal<string>;
-    private readonly inputElement;
-    private timeoutId;
-    private lastEmitted;
-    constructor();
-    handleInput(event: Event): void;
-    /** Empty the field immediately, cancelling any pending emit. */
-    clear(): void;
-    focus(): void;
-    inputClass: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDebounceInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDebounceInputComponent, "uni-debounce-input", never, { "inputName": { "alias": "inputName"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "ariaExpanded": { "alias": "ariaExpanded"; "required": false; "isSignal": true; }; "ariaControls": { "alias": "ariaControls"; "required": false; "isSignal": true; }; "ariaActivedescendant": { "alias": "ariaActivedescendant"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, ["[pre-input]", "[post-input]"], true, never>;
-}
-
+declare const supportsAnchoredPopup: () => boolean;
+/** `popover` attribute value for a listbox popup, or null where unsupported.
+    Always `manual`: these controls already own dismissal (focusout, Escape,
+    commit), and `auto`'s light-dismiss fires on pointerdown outside the
+    popup — which includes their own field, closing the list behind the
+    component's back on every click into the input. */
+declare const listboxPopupAttr: () => "manual" | null;
+/**
+ * A document-unique `anchor-name`, plus the style fragment that puts it on the
+ * field wrapper. Spread `style` into the wrapper's `css()` and pass `name` to
+ * {@link listboxPopupStyles}.
+ */
+declare function newListboxAnchor(): {
+    name: string;
+    style: CSSObject;
+};
+/**
+ * Shows the popup in the top layer as soon as it renders, and scales its
+ * entry animation out of the edge it actually opened from.
+ *
+ * The popups are `@if`-rendered, and a `popover` element is `display: none`
+ * until `showPopover()` runs — so appearing in the DOM is not enough. Runs on
+ * every render pass; `showPopover()` on an already-open popup throws, which is
+ * the cheapest way to ask "is it open?".
+ *
+ * The origin is measured rather than assumed: `position-try-fallbacks` may
+ * have flipped the popup above its field near the bottom of the viewport, and
+ * the static `top center` would then grow it from the wrong edge. Measuring
+ * forces layout, so it lands before the first frame of the transition.
+ *
+ * Call from an injection context (a field initializer or the constructor);
+ * the component's host element is the anchor.
+ */
+declare function promoteListboxPopup(ref: Signal<ElementRef<HTMLElement> | undefined>): void;
 /**
  * The theme options every listbox popup shares — the "list trio" plus the
  * active-option fill. Component option interfaces (searchInput, tagInput,
@@ -2192,11 +3297,14 @@ interface UniListboxPopupOptions {
     /** Active/hover option fill; the on-color pair is derived. Must contrast
         with `listColor` or keyboard navigation turns invisible. */
     activeColor?: ColorKey;
+    /** Named motion primitive for the open animation. Defaults to `popup`, the
+        same token `uni-dropdown` uses, so every panel in a form opens alike. */
+    motion?: Motion;
 }
 /**
- * Style block for the popup behind every `ListboxNavigation` consumer: an
- * absolutely-positioned `ul[role="listbox"]` under a `position: relative`
- * field wrapper, with the shared option chrome and active/hover highlight.
+ * Style block for the popup behind every `ListboxNavigation` consumer: a
+ * `ul[role="listbox"]` under its field wrapper, with the shared option chrome
+ * and active/hover highlight.
  *
  * Extracted because four components (`uni-search-input`, `uni-tag-input`,
  * `uni-time-input`, `uni-combobox`) carried hand-rolled copies, and the parts
@@ -2204,12 +3312,19 @@ interface UniListboxPopupOptions {
  * trio, and the `activeColor` pair that themes re-point when their container
  * tokens don't contrast (see the Wellsourced overrides).
  *
+ * Pass `anchor` (from {@link newListboxAnchor}) to get the top-layer
+ * positioning where the browser supports it. Without it — or on a browser that
+ * lacks anchor positioning — the popup stays absolutely positioned under a
+ * `position: relative` wrapper, which clips inside `overflow: hidden`
+ * ancestors but at least stays on its field.
+ *
  * Compose extras with the array form — `css([listboxPopupStyles(…), {…}])` —
  * so a component's own `& [role="option"]` block cascades after this one
  * instead of replacing it (an object spread would overwrite the key).
  */
-declare const listboxPopupStyles: (theme: ThemeService, options: UniListboxPopupOptions, { maxHeight }?: {
+declare const listboxPopupStyles: (theme: ThemeService, options: UniListboxPopupOptions, { maxHeight, anchor }?: {
     maxHeight?: number;
+    anchor?: string;
 }) => CSSObject;
 
 declare class UniIconComponent {
@@ -2254,83 +3369,18 @@ declare class UniIconButtonComponent {
     loading: _angular_core.InputSignal<boolean>;
     opticalSize: _angular_core.InputSignal<number>;
     protected readonly srOnlyClass: string;
-    /**
-     * Sizes `iconName` from the size token's `fontSize`, the same value that sizes
-     * a `symbolName` ligature — so the two paths render the same glyph size and
-     * `symbolName` → `iconName` is a like-for-like swap. Without it a masked icon
-     * fills the whole button box, since the base size tokens carry no padding.
-     * Themes that do use padding (Carbon) set a matching `fontSize`, so they land
-     * on the same glyph either way.
-     */
-    protected readonly glyphSize: _angular_core.Signal<string | number>;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconButtonComponent, "button[uni-icon-button], button[icon-button]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
-}
-
-declare class UniInputComponent implements FormValueControl<string> {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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>;
-    label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
-    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; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, ["pre-input", "post-input"], true, never>;
-}
-
-interface UniInputBoxOptions {
-    color: ContainerColorToken;
-    disabledColor: ContainerColorToken;
-    errorColor: ContainerColorToken;
-    border: Border;
-    errorBorder: Border;
-    borderRadius: Radius;
-    transitionSpeed: number;
-    shadow?: Shadow;
-    errorShadow?: Shadow;
-    height?: string | number;
-    paddingLeft: OptionalSize;
-    typeface?: Typeface;
-    /** @deprecated Use `typeface` (matching tooltip/button/tabs casing). */
-    typeFace?: Typeface;
-    textColor: ColorKey;
-    disabledTextColor: ColorKey;
-    focusOutline: string;
-    focusOutlineOffset: number;
-    /** Border swapped in while an inner control has focus (default: keep `border`). */
-    focusBorder?: Border;
-    /** Ring shown while focused, e.g. a soft `0 0 0 3px` spread shadow. */
-    focusShadow?: Shadow;
-    /** Background swapped in while focused (default: keep `color`). */
-    focusColor?: ContainerColorToken;
-}
-
-declare class UniInputBoxComponent extends BaseComponent<UniInputBoxOptions> {
-    protected readonly className: string;
-    disabled: _angular_core.InputSignal<boolean>;
-    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>;
-    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 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; }; }, {}, never, ["*"], true, never>;
+    /**
+     * Sizes `iconName` from the size token's `fontSize`, the same value that sizes
+     * a `symbolName` ligature — so the two paths render the same glyph size and
+     * `symbolName` → `iconName` is a like-for-like swap. Without it a masked icon
+     * fills the whole button box, since the base size tokens carry no padding.
+     * Themes that do use padding (Carbon) set a matching `fontSize`, so they land
+     * on the same glyph either way.
+     */
+    protected readonly glyphSize: _angular_core.Signal<string | number>;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniIconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconButtonComponent, "button[uni-icon-button], button[icon-button]", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disable": { "alias": "disable"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "opticalSize": { "alias": "opticalSize"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
 }
 
 declare class UniJsonViewComponent {
@@ -2346,137 +3396,6 @@ declare class UniJsonViewComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniJsonViewComponent, "uni-json-view", never, { "json": { "alias": "json"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "fontSize": { "alias": "fontSize"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "selectOnClick": { "alias": "selectOnClick"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * The base layout primitive, applied as an attribute to any element so
- * semantics stay yours: `<main box-layout [grow]="1" padding="md">`.
- * Exception: other components' host elements (`<uni-card box-layout>` would
- * put two components on one element) — wrap those in a `<div box-layout>`.
- *
- * Sizing convention (height/width/min/max/inset): a **number is px and needs
- * a binding** — `[height]="420"`; a **plain attribute is a CSS length
- * string** — `height="420px"`. Spacing/radius/color inputs take theme tokens.
- */
-declare class UniBoxComponent {
-    theme: ThemeService;
-    color: _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>;
-    padding: _angular_core.InputSignal<OptionalSize>;
-    paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
-    paddingVertical: _angular_core.InputSignal<OptionalSize>;
-    paddingLeft: _angular_core.InputSignal<OptionalSize>;
-    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>;
-    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>;
-    display: _angular_core.InputSignal<OptionalDisplay>;
-    position: _angular_core.InputSignal<OptionalPosition>;
-    inset: _angular_core.InputSignal<string | number>;
-    /** 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>;
-    /** 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>;
-    ignoreDir: _angular_core.InputSignal<boolean>;
-    gridArea: _angular_core.InputSignal<string>;
-    gridColumn: _angular_core.InputSignal<string>;
-    gridRow: _angular_core.InputSignal<string>;
-    overflow: _angular_core.InputSignal<OptionalOverflow>;
-    elevation: _angular_core.InputSignal<string>;
-    shadow: _angular_core.InputSignal<string>;
-    gap: _angular_core.InputSignal<OptionalSize>;
-    fullWidth: _angular_core.InputSignal<boolean>;
-    fullHeight: _angular_core.InputSignal<boolean>;
-    flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
-    textAlign: _angular_core.InputSignal<OptionalTextAlign>;
-    wrapItems: _angular_core.InputSignal<OptionalWrap>;
-    zIndex: _angular_core.InputSignal<ZIndexableElements>;
-    protected readonly boxClassName: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBoxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBoxComponent, "[uni-box-layout], [box-layout]", never, { "color": { "alias": "color"; "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; }; "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; }; "elevation": { "alias": "elevation"; "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, ["*"], true, never>;
-}
-
-declare class UniCenterComponent extends UniBoxComponent {
-    display: _angular_core.InputSignal<OptionalDisplay>;
-    justifyContent: _angular_core.InputSignal<OptionalJustifyContent>;
-    alignItems: _angular_core.InputSignal<OptionalAlignItems>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCenterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCenterComponent, "[uni-center-layout], [center-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "justifyContent": { "alias": "justifyContent"; "required": false; "isSignal": true; }; "alignItems": { "alias": "alignItems"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class UniGridAreaComponent {
-    area: _angular_core.InputSignal<string>;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridAreaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniGridAreaComponent, "[uni-grid-area-layout], [grid-area-layout]", never, { "area": { "alias": "area"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class UniGridComponent extends UniBoxComponent {
-    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<Variant>;
-    protected readonly gridClassName: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniGridComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniGridComponent, "[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, ["*"], true, never>;
-}
-
-declare class UniRowComponent extends UniBoxComponent {
-    display: _angular_core.InputSignal<OptionalDisplay>;
-    flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
-    /**
-     * Defaults to `fit-content` (guards content collapse). Set `[minWidth]="0"`
-     * when the row must shrink inside a constrained flex parent (scroll or
-     * text truncation containment).
-     */
-    minWidth: _angular_core.InputSignal<string | number>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniRowComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniRowComponent, "[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, ["*"], true, never>;
-}
-
-declare class UniStackComponent extends UniBoxComponent {
-    display: _angular_core.InputSignal<OptionalDisplay>;
-    flexDirection: _angular_core.InputSignal<OptionalFlexDirection>;
-    /**
-     * Defaults to `fit-content` (guards content collapse). Set `[minHeight]="0"`
-     * when the stack must shrink inside a constrained flex parent (scroll
-     * containment).
-     */
-    minHeight: _angular_core.InputSignal<string | number>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniStackComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniStackComponent, "[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, ["*"], true, never>;
-}
-
-declare class UniWrapComponent extends UniBoxComponent {
-    display: _angular_core.InputSignal<OptionalDisplay>;
-    wrapItems: _angular_core.InputSignal<OptionalWrap>;
-    constructor();
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniWrapComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniWrapComponent, "[uni-wrap-layout], [wrap-layout]", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "wrapItems": { "alias": "wrapItems"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 interface BaseMenuItem {
     symbolName?: string;
     action?: () => void;
@@ -2512,148 +3431,60 @@ interface UniMenuItemOptions {
     /** Resting text color; undefined inherits the panel's on-color. */
     textColor?: ColorKey;
     hoverColor?: ContainerColorToken;
-    /** Trailing symbol marking the active item; undefined/'' renders none. */
-    activeSymbol?: string;
-    /** Hover/focus transition in seconds; 0 switches instantly. */
-    transitionSpeed?: number;
-}
-
-/**
- * Theme options for the `menu` component entry. The panel-chrome fields
- * (color/border/borderRadius/shadow) fall back to the theme's `dropdown`
- * options when undefined, so menus follow generic popovers until a theme
- * deliberately splits them.
- */
-interface UniMenuOptions {
-    /** Panel minimum width in px; undefined sizes to the widest item. */
-    minWidth?: number;
-    color?: ContainerColorToken;
-    border?: Border;
-    borderRadius?: Radius;
-    shadow?: Shadow;
-    paddingVertical?: NullableSize;
-    paddingHorizontal?: NullableSize;
-    dividerBorder?: Border;
-    /** Vertical margin and horizontal inset applied to dividers. */
-    dividerSpacing?: NullableSize;
-}
-
-declare class UniMenuComponent {
-    private theme;
-    menuItems: _angular_core.InputSignal<MenuItem[]>;
-    activeItem: _angular_core.InputSignal<MenuItem>;
-    placement: _angular_core.InputSignal<Placement>;
-    menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
-    TriggerClassName: string;
-    /** Type guard for the template: dividers render as separators, not items. */
-    protected readonly isDivider: (item: MenuItem) => item is _uni_design_system_uni_angular.MenuDivider;
-    protected readonly menuOptions: _angular_core.Signal<UniMenuOptions>;
-    protected readonly menuClassName: _angular_core.Signal<string>;
-    protected readonly dividerClassName: _angular_core.Signal<string>;
-    private itemComponents;
-    private dropdownComponent;
-    /** Which item receives focus when the menu opens (ArrowUp opens onto the last item). */
-    private pendingFocus;
-    protected readonly className: _angular_core.Signal<string>;
-    handleMenuItemClick(item: MenuItem, dropdown: UniDropdownComponent): void;
-    /** Enabled items participating in keyboard navigation. */
-    private get navigableItems();
-    onOpened(): void;
-    onTriggerKeydown(event: KeyboardEvent): void;
-    onMenuKeydown(event: KeyboardEvent, dropdown: UniDropdownComponent): void;
-    /** First-character matching, starting after the focused item and wrapping. */
-    private typeahead;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMenuComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMenuComponent, "uni-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, never, ["*"], true, never>;
-}
-
-declare class UniMultiSelectComponent<T = unknown> {
-    options: _angular_core.InputSignal<Option<T>[]>;
-    selections: _angular_core.InputSignal<T[]>;
-    updates: _angular_core.OutputEmitterRef<T[]>;
-    flexDirection: _angular_core.InputSignal<"column" | "row" | "column-reverse" | "row-reverse">;
-    checkboxGap: _angular_core.InputSignal<NullableSize>;
-    protected readonly values: _angular_core.Signal<unknown[]>;
-    protected readonly optionsWithSelections: _angular_core.Signal<Option<T>[]>;
-    protected readonly className: string;
-    handleCheck(checked: boolean, value: T): void;
-    selectAll(): void;
-    deselectAll(): void;
-    optionWrapper: string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMultiSelectComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMultiSelectComponent<any>, "uni-multi-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "selections": { "alias": "selections"; "required": false; "isSignal": true; }; "flexDirection": { "alias": "flexDirection"; "required": false; "isSignal": true; }; "checkboxGap": { "alias": "checkboxGap"; "required": false; "isSignal": true; }; }, { "updates": "updates"; }, never, never, true, never>;
-}
-
-interface UniMultiSelectDropdownOptions {
-    textRole: Typeface;
-    textColor: TextColor;
-    placeholderTextColor: TextColor;
-    dividerBorder: Border;
-    searchInputBorder: Border;
-    searchInputBorderRadius: Radius;
-    focusOutline: string;
-    focusOutlineOffset: number;
-}
-
-declare class UniMultiSelectDropdownComponent<T = unknown> extends BaseComponent<UniMultiSelectDropdownOptions> implements FormValueControl<T[]> {
-    protected readonly className: string;
-    readonly value: _angular_core.ModelSignal<T[]>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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 options: _angular_core.InputSignal<Options<T>>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    /**
-     * What the field is for, e.g. "Fruits". Rendered visually hidden inside the
-     * trigger so its accessible name reads "Fruits, Apple, Pear" — without it a
-     * screen reader announces only the current selection, with no clue which
-     * field it belongs to.
-     */
-    readonly label: _angular_core.InputSignal<string>;
-    /** Debounce for the filter box, matching the library's input debounce. */
-    readonly debounceTime: _angular_core.InputSignal<number>;
-    protected readonly srOnly: string;
-    protected readonly query: _angular_core.WritableSignal<string>;
-    private queryTimer?;
-    protected readonly filteredOptions: _angular_core.Signal<Options<T>>;
-    private readonly optionRefs;
-    /**
-     * Roving focus over the options. The shared helper owns the index
-     * arithmetic — wrapping, Home/End, and never pointing past a list the
-     * filter has narrowed — the same contract `uni-search-input` and
-     * `uni-tag-input` use, so the keys behave identically across all three.
-     */
-    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
-    /** Announced with the selection so the count is not left to guesswork. */
-    readonly selectionSummary: _angular_core.Signal<string>;
-    readonly selectedLabelsText: _angular_core.Signal<string>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    protected readonly textColor: _angular_core.Signal<_uni_design_system_uni_core.TextColor>;
-    triggerClass: string;
-    protected readonly searchInputClass: _angular_core.Signal<string>;
-    protected handleQueryInput(event: Event): void;
-    /**
-     * Arrow keys walk the options from anywhere in the panel, including the
-     * filter box — previously the only way in was to Tab through every
-     * checkbox.
-     */
-    protected onPanelKeydown(event: KeyboardEvent): void;
-    /** Keeps the active index in step when focus lands on a row by pointer. */
-    protected onOptionFocus(index: number): void;
-    selectAll(): void;
-    deselectAll(): void;
-    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>;
+    /** Trailing symbol marking the active item; undefined/'' renders none. */
+    activeSymbol?: string;
+    /** Named motion primitive for the hover/focus fill. Defaults to `control`;
+        omit both this and `transitionSpeed` for no transition at all. */
+    motion?: Motion;
+}
+
+/**
+ * Theme options for the `menu` component entry. The panel-chrome fields
+ * (color/border/borderRadius/shadow) fall back to the theme's `dropdown`
+ * options when undefined, so menus follow generic popovers until a theme
+ * deliberately splits them.
+ */
+interface UniMenuOptions {
+    /** Panel minimum width in px; undefined sizes to the widest item. */
+    minWidth?: number;
+    color?: ContainerColorToken;
+    border?: Border;
+    borderRadius?: Radius;
+    shadow?: Shadow;
+    paddingVertical?: NullableSize;
+    paddingHorizontal?: NullableSize;
+    dividerBorder?: Border;
+    /** Vertical margin and horizontal inset applied to dividers. */
+    dividerSpacing?: NullableSize;
+}
+
+declare class UniMenuComponent {
+    private theme;
+    menuItems: _angular_core.InputSignal<MenuItem[]>;
+    activeItem: _angular_core.InputSignal<MenuItem>;
+    placement: _angular_core.InputSignal<Placement>;
+    menuItemClicked: _angular_core.OutputEmitterRef<MenuItem>;
+    TriggerClassName: string;
+    /** Type guard for the template: dividers render as separators, not items. */
+    protected readonly isDivider: (item: MenuItem) => item is _uni_design_system_uni_angular.MenuDivider;
+    protected readonly menuOptions: _angular_core.Signal<UniMenuOptions>;
+    protected readonly menuClassName: _angular_core.Signal<string>;
+    protected readonly dividerClassName: _angular_core.Signal<string>;
+    private itemComponents;
+    private dropdownComponent;
+    /** Which item receives focus when the menu opens (ArrowUp opens onto the last item). */
+    private pendingFocus;
+    protected readonly className: _angular_core.Signal<string>;
+    handleMenuItemClick(item: MenuItem, dropdown: UniDropdownComponent): void;
+    /** Enabled items participating in keyboard navigation. */
+    private get navigableItems();
+    onOpened(): void;
+    onTriggerKeydown(event: KeyboardEvent): void;
+    onMenuKeydown(event: KeyboardEvent, dropdown: UniDropdownComponent): void;
+    /** First-character matching, starting after the focused item and wrapping. */
+    private typeahead;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniMenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMenuComponent, "uni-menu", never, { "menuItems": { "alias": "menuItems"; "required": true; "isSignal": true; }; "activeItem": { "alias": "activeItem"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; }, { "menuItemClicked": "menuItemClicked"; }, never, ["*"], true, never>;
 }
 
 interface UniNotificationBadgeOptions {
@@ -2686,7 +3517,9 @@ declare class UniNotificationBadgeComponent extends BaseComponent<UniNotificatio
 interface UniAlertOptions {
     defaultVariant: Variant;
     borderRadius: Radius;
-    transitionSpeed: number;
+    /** Named motion primitive for the enter/leave transition. Defaults to
+        `notification`. */
+    motion?: Motion;
     topPosition: string | number;
     elevation: Elevation;
 }
@@ -2700,6 +3533,8 @@ declare class UniAlertComponent extends BaseComponent<UniAlertOptions> implement
     alertRef?: ElementRef<HTMLDialogElement>;
     private readonly alertState;
     private readonly effectiveVariant;
+    /** Timing for the enter/leave transition. */
+    protected readonly motion: _angular_core.Signal<_uni_design_system_uni_core.MotionToken>;
     protected readonly alertClass: _angular_core.Signal<string>;
     private readonly fadeOut;
     constructor();
@@ -2740,7 +3575,9 @@ declare class NotificationsComponent {
 
 interface UniSnackbarOptions {
     bottomPosition: number;
-    transitionDelay: string;
+    /** Named motion primitive for the enter/leave transition. Defaults to
+        `notification`. */
+    motion?: Motion;
     autoCloseDelay: number;
 }
 
@@ -2767,12 +3604,16 @@ declare class UniSnackbarComponent extends BaseComponent<UniSnackbarOptions> imp
     snackbarRef: _angular_core.Signal<ElementRef<any>>;
     private get _snackbar();
     constructor();
+    /** Timing for the enter/leave transition. */
+    protected readonly motion: _angular_core.Signal<_uni_design_system_uni_core.MotionToken>;
     protected readonly snackbarClass: _angular_core.Signal<string>;
     fadeOut: string;
     ngAfterViewInit(): void;
     private get _timeout();
     open(): void;
     close(): void;
+    /** Drops out of the top layer. Called once the closing fade has run. */
+    private hide;
     protected pauseTimer(): void;
     protected resumeTimer(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSnackbarComponent, never>;
@@ -2833,7 +3674,8 @@ interface UniPopoverOptions {
     /** Hover open delay in tooltip mode, ms. */
     tooltipOpenDelay: number;
     /** Pointer-leave close delay in tooltip mode, ms. */
-    tooltipCloseDelay: number;
+    tooltipCloseDelay: number; /** Named motion primitive for the open/close animation. */
+    motion: Motion;
 }
 
 /**
@@ -2963,66 +3805,6 @@ declare class UniProgressGaugeComponent extends BaseComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniProgressGaugeComponent, "uni-progress-gauge", never, { "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-interface UniRadioOption {
-    /**
-     * The label displayed for this radio option
-     */
-    label: string;
-    /**
-     * The value associated with this radio option
-     */
-    value: string;
-    /**
-     * Whether this option is disabled
-     */
-    disabled?: boolean;
-}
-interface UniRadioOptions {
-    /**
-     * The size of the radio buttons
-     */
-    size?: number;
-    /** Unselected ring color token. */
-    ringColor?: ColorKey;
-    /** Circle background token. */
-    fillColor?: ColorKey;
-    /**
-     * Seconds for the dot's grow/retract and the ring's color change
-     * (default 0.3, matching menuItem/expand). 0 switches instantly.
-     */
-    transitionSpeed?: number;
-}
-
-declare class UniRadioComponent extends BaseComponent<UniRadioOptions> implements FormValueControl<string> {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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 options: _angular_core.InputSignal<UniRadioOption[]>;
-    readonly label: _angular_core.InputSignal<string>;
-    readonly name: _angular_core.InputSignal<string>;
-    /** Links the group label to the radiogroup container. */
-    protected readonly groupLabelId: string;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    markAsTouched(): void;
-    private readonly metrics;
-    protected readonly radioGroupClass: string;
-    protected readonly radioOptionClass: _angular_core.Signal<string>;
-    protected readonly radioInputClass: _angular_core.Signal<string>;
-    handleRadioChange(optionValue: string): void;
-    getThemeColor(token: ColorToken): string;
-    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; }; "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>;
-}
-
 /**
  * Visual style of the scrollbar.
  * - `compact`: thin overlay-style scrollbar.
@@ -3043,7 +3825,15 @@ declare class UniScrollAreaComponent {
     isVerticallyScrollable: _angular_core.WritableSignal<boolean>;
     viewport: _angular_core.Signal<ElementRef<HTMLDivElement>>;
     content: _angular_core.Signal<ElementRef<HTMLDivElement>>;
-    color: _angular_core.InputSignal<ContainerColorToken>;
+    /**
+     * A container color *pair*: the named surface plus its paired on-color.
+     *
+     * Named `containerColor`, not `color`, for the same reason as the layout
+     * primitives: this is an attribute directive-style selector that shares
+     * 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>;
     borderRadius: _angular_core.InputSignal<string>;
     padding: _angular_core.InputSignal<OptionalSize>;
     paddingHorizontal: _angular_core.InputSignal<OptionalSize>;
@@ -3066,108 +3856,13 @@ declare class UniScrollAreaComponent {
     protected contentClassName: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniScrollAreaComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniScrollAreaComponent, "[uni-scroll-area], [scroll-area]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "autoHeightDisabled": { "alias": "autoHeightDisabled"; "required": false; "isSignal": true; }; "verticalScrollPadding": { "alias": "verticalScrollPadding"; "required": false; "isSignal": true; }; }, { "scrollable": "scrollable"; }, never, ["*"], true, never>;
-}
-
-/** Theme-level options for `uni-search-input`, resolved by token name. */
-interface UniSearchInputOptions {
-    /** Leading (decorative) symbol. */
-    searchSymbol?: string;
-    /** Clear-button symbol. */
-    clearSymbol?: string;
-    /** Suggestion list surface color token. */
-    listColor?: ColorKey;
-    /** Active/hover suggestion fill; the on-color pair is derived. Must
-        contrast with `listColor` or keyboard navigation turns invisible. */
-    activeColor?: ContainerColorToken;
-    /** Suggestion list elevation token. */
-    listShadow?: Shadow;
-    /** Suggestion list radius token. */
-    listBorderRadius?: Radius;
-    /** Cap on rendered suggestions. */
-    maxSuggestions?: number;
-}
-
-/**
- * Generic search field: shared input chrome with a leading magnifier, a clear
- * button while there's a query, Enter to submit, and optional type-ahead —
- * pass `suggestions` (refresh them from `change`) and the field becomes an
- * ARIA combobox with a keyboard-navigable listbox. Escape closes the list
- * first, then clears the query.
- */
-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>;
-    width: _angular_core.InputSignal<string | number>;
-    debounceTime: _angular_core.InputSignal<number>;
-    /**
-     * Type-ahead entries. Keep them fresh from `change` emissions; the list
-     * shows while the field has focus and entries exist.
-     */
-    suggestions: _angular_core.InputSignal<string[]>;
-    change: _angular_core.OutputEmitterRef<string>;
-    search: _angular_core.OutputEmitterRef<string>;
-    suggestionSelected: _angular_core.OutputEmitterRef<string>;
-    protected readonly field: _angular_core.Signal<UniDebounceInputComponent>;
-    protected readonly visibleSuggestions: _angular_core.Signal<string[]>;
-    /** Shared combobox bookkeeping: open state, active option, ARIA ids. */
-    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
-    readonly listboxId: string;
-    protected readonly hasQuery: _angular_core.Signal<boolean>;
-    protected handleChange(value: string): void;
-    protected submit(): void;
-    protected select(suggestion: string): void;
-    protected clear(): void;
-    protected onKeydown(event: KeyboardEvent): void;
-    protected onFocusOut(event: FocusEvent): void;
-    protected readonly className: _angular_core.Signal<string>;
-    protected readonly listClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSearchInputComponent, never>;
-    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; }; }, { "change": "change"; "search": "search"; "suggestionSelected": "suggestionSelected"; }, never, never, true, never>;
-}
-
-declare class UniSelectComponent<T> implements FormValueControl<T | null> {
-    readonly value: _angular_core.ModelSignal<T>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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 options: _angular_core.InputSignal<Options<T>>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    /**
-     * Equality used to match `value` against option values, called as
-     * `compareWith(optionValue, value)`. Defaults to reference equality, which
-     * never matches an object value rebuilt from elsewhere (e.g. a saved record
-     * against options from a fresh fetch) — pass a key comparison like
-     * `(a, b) => a?.id === b?.id` for object values.
-     */
-    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>;
-    protected readonly UNSELECTED = -1;
-    /**
-     * We use the index as the HTML value to avoid issues with
-     * stringifying complex objects or duplicate labels.
-     */
-    protected readonly currentSelectedIndex: _angular_core.Signal<string | -1>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    protected handleSelectChange(event: Event): void;
-    selectClass: string;
-    arrowClass: 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; }; "compareWith": { "alias": "compareWith"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniScrollAreaComponent, "[uni-scroll-area], [scroll-area]", never, { "containerColor": { "alias": "containerColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "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; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "autoHeightDisabled": { "alias": "autoHeightDisabled"; "required": false; "isSignal": true; }; "verticalScrollPadding": { "alias": "verticalScrollPadding"; "required": false; "isSignal": true; }; }, { "scrollable": "scrollable"; }, never, ["*"], true, never>;
 }
 
 /** Placeholder geometry: a text line block, a rectangle, or a circle. */
 type SkeletonShape = 'text' | 'rect' | 'circle';
+/** Direction the shimmer band travels across a block. */
+type SkeletonSweepDirection = 'ltr' | 'rtl';
 /** Theme-level options for `uni-skeleton`, resolved by token name. */
 interface UniSkeletonOptions {
     /** Base placeholder color. */
@@ -3180,6 +3875,10 @@ interface UniSkeletonOptions {
     animation?: 'shimmer' | 'none';
     /** Shimmer sweep duration in seconds. */
     duration?: number;
+    /** Direction the shimmer band travels. Default: 'ltr'. */
+    direction?: SkeletonSweepDirection;
+    /** Shimmer band width as a percentage of the block. Default: 40. */
+    highlightWidth?: number;
     /** Vertical gap between text lines, as a spacing token. */
     gap?: OptionalSize;
 }
@@ -3189,6 +3888,11 @@ interface UniSkeletonOptions {
  * lines (the last line shortened, as real text would be), `rect` and `circle`
  * render fixed shapes. The shimmer only animates when the user allows motion;
  * it degrades to static blocks under `prefers-reduced-motion`.
+ *
+ * Color and radius are theme options with per-instance overrides, because one
+ * app routinely needs several: skeletons on a card and on the page background
+ * want different tints, and a pill placeholder wants a different corner than
+ * the text bars beside it.
  */
 declare class UniSkeletonComponent extends BaseComponent<UniSkeletonOptions> {
     shape: _angular_core.InputSignal<SkeletonShape>;
@@ -3198,60 +3902,31 @@ declare class UniSkeletonComponent extends BaseComponent<UniSkeletonOptions> {
     height: _angular_core.InputSignal<string | number>;
     /** Number of text lines (text shape only). */
     lines: _angular_core.InputSignal<number>;
-    private readonly cssSize;
-    protected readonly resolvedHeight: _angular_core.Signal<string>;
-    protected readonly lineWidths: _angular_core.Signal<string[]>;
-    private readonly sweep;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSkeletonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSkeletonComponent, "uni-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-/** Theme-level options for `uni-slider`, resolved by token name. */
-interface UniSliderOptions {
-    /** Fill and thumb color. */
-    color?: ColorKey;
-    /** Unfilled track color. */
-    trackColor?: ColorKey;
-    /** Track and thumb radius token. */
-    borderRadius?: Radius;
-    /** Track height in px. */
-    trackHeight?: number;
-    /** Thumb diameter in px. */
-    thumbSize?: number;
-}
-
-/**
- * Range slider on a native `<input type="range">` — keyboard interaction and
- * the ARIA slider contract come from the platform. Fill, track, thumb and
- * radii resolve from `slider` theme tokens; the fill percentage rides a CSS
- * custom property so dragging never regenerates styles.
- */
-declare class UniSliderComponent extends BaseComponent<UniSliderOptions> implements FormValueControl<number> {
-    readonly value: _angular_core.ModelSignal<number>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
+    /** Base color token; overrides the theme option for this skeleton. */
+    color: _angular_core.InputSignal<string>;
+    /** Shimmer highlight token; overrides the theme option for this skeleton. */
+    highlightColor: _angular_core.InputSignal<string>;
+    /** Radius token; overrides the theme option. Circles are always round. */
+    borderRadius: _angular_core.InputSignal<string>;
     /**
-     * Id(s) of external element(s) describing this control — typically your
-     * app-rendered value or error text — exposed as aria-describedby.
+     * 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.
      */
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
-    min: _angular_core.InputSignal<number>;
-    max: _angular_core.InputSignal<number>;
-    step: _angular_core.InputSignal<number>;
-    protected readonly resolvedMin: _angular_core.Signal<number>;
-    protected readonly resolvedMax: _angular_core.Signal<number>;
-    markAsTouched(): void;
-    handleInput(event: Event): void;
-    protected readonly fillPercent: _angular_core.Signal<string>;
-    protected readonly inputClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSliderComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSliderComponent, "uni-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; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+    protected readonly srOnly: string;
+    private readonly cssSize;
+    protected readonly resolvedHeight: _angular_core.Signal<string>;
+    protected readonly lineWidths: _angular_core.Signal<string[]>;
+    /**
+     * The band is `bandWidth`% of the block, so it clears the block after
+     * travelling `100 / bandWidth` of its own width — the offsets below are
+     * percentages of the band, not of the block.
+     */
+    private readonly sweep;
+    protected readonly className: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSkeletonComponent, "uni-skeleton", never, { "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "lines": { "alias": "lines"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "highlightColor": { "alias": "highlightColor"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Theme-level options for `uni-stat`, resolved by token name. */
@@ -3383,34 +4058,6 @@ declare class UniTabsComponent extends BaseComponent<UniTabsOptions> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTabsComponent, "uni-tabs", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; }, ["tabs"], never, true, never>;
 }
 
-declare class UniTextareaComponent implements FormValueControl<string> {
-    private theme;
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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>;
-    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>;
-    private options;
-    protected readonly resolvedRows: _angular_core.Signal<number>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    protected readonly textareaClass: _angular_core.Signal<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; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
-}
-
 /** Theme-level options for `uni-textarea`. */
 interface UniTextareaOptions {
     /** Default visible text rows when the component doesn't set `rows`. */
@@ -3436,263 +4083,106 @@ type SymbolWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;
 type SymbolGrade = -25 | 0 | 200;
 interface SymbolOptions {
     fill?: SymbolFill;
-    weight?: SymbolWeight;
-    grade?: SymbolGrade;
-    opticalSize?: number;
-}
-
-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>;
-    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>;
-}
-
-/** Theme options for the `tag` component entry. */
-interface UniTagOptions {
-    borderRadius?: Radius;
-    typeface?: Typeface;
-    /** Space between the lead element, label and remove button. */
-    gap?: NullableSize;
-    /** Icon primitive for the remove affordance. */
-    removeIcon?: IconName;
-    /** Icon primitive shown in the lead slot when the chip is selected. */
-    selectedIcon?: IconName;
-}
-/** The value a tag echoes back on `removed` / `activated`. */
-type UniTagValue = string | number | undefined;
-
-/**
- * Compact chip for categories, states, filters and tokens.
- *
- * Two orthogonal style axes: `variant` picks the colour role and `tone` picks
- * the archetype (soft / solid / outline). Both live in the theme's `tag` entry,
- * so a theme restyles every chip in the app without touching markup.
- *
- * Structurally a chip is **body + trailing action as siblings**, never nested
- * buttons: an interactive chip whose body is a `<button>` cannot contain the
- * remove `<button>` (invalid HTML, and the inner control becomes unreachable
- * for keyboard users). Both stay independently operable.
- */
-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>;
-    /** Truncation budget, e.g. `'14ch'`. A number is treated as px. */
-    maxWidth: _angular_core.InputSignal<string | number>;
-    avatarSrc: _angular_core.InputSignal<string>;
-    /** Initials fallback when `avatarSrc` is absent or fails to load. */
-    avatarName: _angular_core.InputSignal<string>;
-    /** Theme icon primitive — the preferred glyph path. */
-    iconName: _angular_core.InputSignal<IconName>;
-    /** Material Symbols ligature, for glyphs the theme's icon set doesn't carry. */
-    symbolName: _angular_core.InputSignal<string>;
-    /** Status dot in the current colour. */
-    dot: _angular_core.InputSignal<boolean>;
-    removable: _angular_core.InputSignal<boolean>;
-    interactive: _angular_core.InputSignal<boolean>;
-    /**
-     * Toggle state. Left undefined the chip carries no `aria-pressed` at all —
-     * an interactive chip is not always a toggle (inside a tag input it is
-     * focusable so it can be removed), and announcing "not pressed" on a
-     * recipient chip is worse than announcing nothing.
-     */
-    selected: _angular_core.InputSignal<boolean>;
-    invalid: _angular_core.InputSignal<boolean>;
-    disabled: _angular_core.InputSignal<boolean>;
-    /** Accessible-name override for the remove button. */
-    removeLabel: _angular_core.InputSignal<string>;
-    /**
-     * 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 —
-     * passes `-1` so Tab does not walk through every chip to reach the next
-     * control.
-     */
-    controlTabIndex: _angular_core.InputSignal<number>;
-    removed: _angular_core.OutputEmitterRef<UniTagValue>;
-    activated: _angular_core.OutputEmitterRef<UniTagValue>;
-    /** A disabled chip wears the theme's `disabled` role, whatever its variant. */
-    protected readonly resolvedVariant: _angular_core.Signal<_uni_design_system_uni_core.Variant>;
-    protected readonly themeStyle: _angular_core.Signal<{
-        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression;
-    }>;
-    /** Lead elements derive from the chip height, so no second size token. */
-    protected readonly leadSize: _angular_core.Signal<number>;
-    /** Remove glyph, proportional to the chip rather than to the icon-button. */
-    protected readonly removeGlyphSize: _angular_core.Signal<number>;
-    protected readonly initials: _angular_core.Signal<string>;
-    protected readonly hostClass: _angular_core.Signal<string>;
-    /** Truncating label; `title` exposes the full text when a budget is set. */
-    protected readonly labelClass: string;
-    protected readonly bodyClass: _angular_core.Signal<string>;
-    protected readonly leadClass: _angular_core.Signal<string>;
-    protected readonly dotClass: _angular_core.Signal<string>;
-    protected remove(): void;
-    protected activate(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagComponent, "uni-tag", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarName": { "alias": "avatarName"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "controlTabIndex": { "alias": "controlTabIndex"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "activated": "activated"; }, never, ["[tag-lead]", "*"], true, never>;
-}
-
-/**
- * One committed token. `value` is canonical — what a form submits — and
- * everything else is presentation the field may enrich from a suggestion.
- *
- * `{ value: 'a@b.com' }` is a complete item, so the least a caller has to write
- * is `[value]="[{ value: 'a@b.com' }]"`.
- */
-interface UniTagItem {
-    /** Canonical value, e.g. an email address. */
-    value: string;
-    /** Display text; falls back to `value`. */
-    label?: string;
-    avatarSrc?: string;
-    /**
-     * Failed `validate()`. The item stays **in** the value rather than being
-     * rejected — a field that silently swallows a typo'd address is worse than
-     * one that shows it in red, and the user can click in to fix it.
-     */
-    invalid?: boolean;
-    /** Locked token (e.g. a thread owner): rendered without a remove control. */
-    disabled?: boolean;
-}
-/** A type-ahead entry. Same contract as `uni-search-input`: the app filters. */
-interface UniTagSuggestion {
-    value: string;
-    label?: string;
-    description?: string;
-    avatarSrc?: string;
-}
-/** Why a typed token did not become a chip. */
-interface UniTagRejection {
-    raw: string;
-    reason: 'duplicate' | 'max' | 'invalid';
-}
-/** Theme options for the `tagInput` component entry. */
-interface UniTagInputOptions {
-    /** Space between chips. */
-    chipGap?: NullableSize;
-    chipSize?: Size;
-    /** Keeps the text input usable when chips have wrapped. */
-    minInputWidth?: string | number;
-    listColor?: ContainerColorToken;
-    listShadow?: Shadow;
-    listBorderRadius?: Radius;
-    /** Active/hover suggestion fill; the on-color pair is derived. Must
-        contrast with `listColor` or keyboard navigation turns invisible. */
-    activeColor?: ContainerColorToken;
-    maxSuggestions?: number;
-}
-
-declare class UniTagInputComponent extends BaseComponent<UniTagInputOptions> implements FormValueControl<UniTagItem[]> {
-    readonly value: _angular_core.ModelSignal<UniTagItem[]>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    /** Accessible name for the field, e.g. "To". */
-    label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
-    /** `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[]>;
-    tagVariant: _angular_core.InputSignal<Variant>;
-    tagTone: _angular_core.InputSignal<TagTone>;
-    tagSize: _angular_core.InputSignal<Size>;
-    suggestions: _angular_core.InputSignal<UniTagSuggestion[]>;
-    /** Debounced text the app should filter `suggestions` from. */
-    query: _angular_core.OutputEmitterRef<string>;
-    debounceTime: _angular_core.InputSignal<number>;
-    added: _angular_core.OutputEmitterRef<UniTagItem>;
-    removed: _angular_core.OutputEmitterRef<UniTagItem>;
-    rejected: _angular_core.OutputEmitterRef<UniTagRejection>;
-    private readonly inputRef;
-    private readonly chipRefs;
-    /** Uncommitted text in the field. */
-    protected readonly draft: _angular_core.WritableSignal<string>;
-    /** Index of the focused chip, or -1 when focus is in the text input. */
-    protected readonly focusedChip: _angular_core.WritableSignal<number>;
-    /** Announcement for the status region; add/remove are otherwise silent. */
-    protected readonly announcement: _angular_core.WritableSignal<string>;
-    protected readonly hintId: string;
-    protected readonly srOnly: string;
-    private queryTimer?;
-    protected readonly visibleSuggestions: _angular_core.Signal<UniTagSuggestion[]>;
-    /** Shared combobox bookkeeping — identical contract to uni-search-input. */
-    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    protected readonly separatorKeys: _angular_core.Signal<string[]>;
-    protected readonly describedBy: _angular_core.Signal<string>;
-    protected labelOf(item: UniTagItem | UniTagSuggestion): string;
-    /** Split pasted text into candidate tokens. */
-    private parseRaw;
-    private isValid;
-    /**
-     * Turn typed text into a chip. Invalid entries are kept and flagged rather
-     * than dropped; duplicates and over-max are refused with a reason.
-     */
-    protected commit(raw: string): boolean;
-    private reject;
-    protected removeAt(index: number, focus?: 'left' | 'right' | 'input'): void;
-    private countNoun;
-    private announce;
-    protected focusInput(): void;
-    private focusChip;
-    protected onInputKeydown(event: KeyboardEvent): void;
-    protected onInput(value: string): void;
-    protected onPaste(event: ClipboardEvent): void;
-    protected onBlur(): void;
-    protected onFocusOut(event: FocusEvent): void;
-    protected onChipKeydown(event: KeyboardEvent, index: number): void;
-    /** Lift a chip back into the input for correction. */
-    protected editChip(index: number): void;
-    protected selectSuggestion(suggestion: UniTagSuggestion): void;
-    private commitDraft;
-    private setDraft;
+    weight?: SymbolWeight;
+    grade?: SymbolGrade;
+    opticalSize?: number;
+}
+
+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>;
     protected readonly className: _angular_core.Signal<string>;
-    protected readonly fieldClass: _angular_core.Signal<string>;
-    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 ɵ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>;
+}
+
+/** Theme options for the `tag` component entry. */
+interface UniTagOptions {
+    borderRadius?: Radius;
+    typeface?: Typeface;
+    /** Space between the lead element, label and remove button. */
+    gap?: NullableSize;
+    /** Icon primitive for the remove affordance. */
+    removeIcon?: IconName;
+    /** Icon primitive shown in the lead slot when the chip is selected. */
+    selectedIcon?: IconName;
 }
+/** The value a tag echoes back on `removed` / `activated`. */
+type UniTagValue = string | number | undefined;
 
 /**
- * The typography primitive, applied as an attribute to any element so
- * semantics stay yours. The attribute value is the typeface:
- * `<h1 uni-text="display-small">`, `<span uni-text="caption">`, dynamic via
- * `[uni-text]="role()"`. With no value, the typeface is inferred from the
- * host element (h1 → headline-large, p → body-1-long, …), falling back to
- * `title-small`; the `typeface` input remains as an explicit override.
+ * Compact chip for categories, states, filters and tokens.
+ *
+ * Two orthogonal style axes: `variant` picks the colour role and `tone` picks
+ * the archetype (soft / solid / outline). Both live in the theme's `tag` entry,
+ * so a theme restyles every chip in the app without touching markup.
+ *
+ * Structurally a chip is **body + trailing action as siblings**, never nested
+ * buttons: an interactive chip whose body is a `<button>` cannot contain the
+ * remove `<button>` (invalid HTML, and the inner control becomes unreachable
+ * for keyboard users). Both stay independently operable.
  */
-declare class UniTextComponent {
-    theme: ThemeService;
-    private readonly tag;
-    /** 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>;
-    color: _angular_core.InputSignal<string>;
-    display: _angular_core.InputSignal<OptionalDisplay>;
-    align: _angular_core.InputSignal<OptionalTextAlign>;
-    nowrap: _angular_core.InputSignal<boolean>;
-    maxWidth: _angular_core.InputSignal<number>;
-    ellipsis: _angular_core.InputSignal<boolean>;
-    protected readonly resolvedTypeface: _angular_core.Signal<string>;
-    protected readonly className: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTextComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTextComponent, "[uni-text]", never, { "uniText": { "alias": "uni-text"; "required": false; "isSignal": true; }; "typeface": { "alias": "typeface"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "nowrap": { "alias": "nowrap"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "ellipsis": { "alias": "ellipsis"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+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>;
+    /** Truncation budget, e.g. `'14ch'`. A number is treated as px. */
+    maxWidth: _angular_core.InputSignal<string | number>;
+    avatarSrc: _angular_core.InputSignal<string>;
+    /** Initials fallback when `avatarSrc` is absent or fails to load. */
+    avatarName: _angular_core.InputSignal<string>;
+    /** Theme icon primitive — the preferred glyph path. */
+    iconName: _angular_core.InputSignal<IconName>;
+    /** Material Symbols ligature, for glyphs the theme's icon set doesn't carry. */
+    symbolName: _angular_core.InputSignal<string>;
+    /** Status dot in the current colour. */
+    dot: _angular_core.InputSignal<boolean>;
+    removable: _angular_core.InputSignal<boolean>;
+    interactive: _angular_core.InputSignal<boolean>;
+    /**
+     * Toggle state. Left undefined the chip carries no `aria-pressed` at all —
+     * an interactive chip is not always a toggle (inside a tag input it is
+     * focusable so it can be removed), and announcing "not pressed" on a
+     * recipient chip is worse than announcing nothing.
+     */
+    selected: _angular_core.InputSignal<boolean>;
+    invalid: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    /** Accessible-name override for the remove button. */
+    removeLabel: _angular_core.InputSignal<string>;
+    /**
+     * 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 —
+     * passes `-1` so Tab does not walk through every chip to reach the next
+     * control.
+     */
+    controlTabIndex: _angular_core.InputSignal<number>;
+    removed: _angular_core.OutputEmitterRef<UniTagValue>;
+    activated: _angular_core.OutputEmitterRef<UniTagValue>;
+    /** A disabled chip wears the theme's `disabled` role, whatever its variant. */
+    protected readonly resolvedVariant: _angular_core.Signal<_uni_design_system_uni_core.Variant>;
+    protected readonly themeStyle: _angular_core.Signal<{
+        [x: string]: string | number | _uni_design_system_uni_core.StyleExpression;
+    }>;
+    /** Lead elements derive from the chip height, so no second size token. */
+    protected readonly leadSize: _angular_core.Signal<number>;
+    /** Remove glyph, proportional to the chip rather than to the icon-button. */
+    protected readonly removeGlyphSize: _angular_core.Signal<number>;
+    protected readonly initials: _angular_core.Signal<string>;
+    protected readonly hostClass: _angular_core.Signal<string>;
+    /** Truncating label; `title` exposes the full text when a budget is set. */
+    protected readonly labelClass: string;
+    protected readonly bodyClass: _angular_core.Signal<string>;
+    protected readonly leadClass: _angular_core.Signal<string>;
+    protected readonly dotClass: _angular_core.Signal<string>;
+    protected remove(): void;
+    protected activate(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagComponent, "uni-tag", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "avatarSrc": { "alias": "avatarSrc"; "required": false; "isSignal": true; }; "avatarName": { "alias": "avatarName"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "dot": { "alias": "dot"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "controlTabIndex": { "alias": "controlTabIndex"; "required": false; "isSignal": true; }; }, { "removed": "removed"; "activated": "activated"; }, never, ["[tag-lead]", "*"], true, never>;
 }
 
 interface Preset {
@@ -3794,144 +4284,6 @@ declare class UniThemeSwitchComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniThemeSwitchComponent, "uni-theme-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "themeChanged": "themeChanged"; }, never, never, true, never>;
 }
 
-/** Why typed text did not become a time. The raw text stays in the field. */
-interface UniTimeInputRejection {
-    raw: string;
-    reason: 'unparseable' | 'out-of-range' | 'unavailable';
-}
-/**
- * Theme options for the `timeInput` entry. Field chrome is not duplicated
- * here — it comes from `input` via uni-input-box; the list trio matches
- * tagInput/searchInput.
- */
-interface UniTimeInputOptions {
-    toggleSymbol?: string;
-    listColor?: ContainerColorToken;
-    listShadow?: Shadow;
-    listBorderRadius?: Radius;
-    /** Active/hover option fill; the on-color pair is derived. Must contrast
-        with `listColor` or keyboard navigation turns invisible. */
-    activeColor?: ContainerColorToken;
-    maxVisibleOptions?: number;
-}
-
-/**
- * Time field: a combobox over time options — the same listbox contract as
- * uni-search-input and uni-tag-input. Type `3p`, `930` or `15:00`, or pick
- * `3:00 PM` from the list; the form always gets 24-hour `'HH:mm'` (`hour12`
- * affects display only). The list is assistive, not exhaustive: any
- * parseable time commits, unless `slots` pins the choices (a slot picker) —
- * then a typed time must match one. Unreadable or unavailable text stays in
- * the field, flagged, with a `rejected` event.
- */
-declare class UniTimeInputComponent extends BaseComponent<UniTimeInputOptions> implements FormValueControl<UniTime | undefined> {
-    readonly value: _angular_core.ModelSignal<string>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    readonly required: _angular_core.InputSignal<boolean>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    /** Accessible name for the field, e.g. "Start time". */
-    label: _angular_core.InputSignal<string>;
-    placeholder: _angular_core.InputSignal<string>;
-    /** Generated list granularity, in minutes. */
-    minuteStep: _angular_core.InputSignal<number>;
-    /** Earliest allowed time (inclusive), `'09:00'`. */
-    minTime: _angular_core.InputSignal<string>;
-    /** Latest allowed time (inclusive), `'17:00'`. */
-    maxTime: _angular_core.InputSignal<string>;
-    /** Exact allowed times (scheduling). When set, typed entry must match one. */
-    slots: _angular_core.InputSignal<string[]>;
-    /** 12-hour display; defaults from the locale. The value stays 24-hour. */
-    hour12: _angular_core.InputSignal<boolean>;
-    /** BCP 47 tag for the display format; defaults to the document language. */
-    locale: _angular_core.InputSignal<string>;
-    commitOnBlur: _angular_core.InputSignal<boolean>;
-    /** Renders without its own input-box chrome, for composers like uni-date-time-input. */
-    embedded: _angular_core.InputSignal<boolean>;
-    /** A typed commit was refused; the raw text stays in the field. */
-    rejected: _angular_core.OutputEmitterRef<UniTimeInputRejection>;
-    private readonly host;
-    private readonly inputRef;
-    private readonly listRef;
-    protected readonly srOnly: string;
-    /** A refused commit — styles the field and sets aria-invalid until edited. */
-    protected readonly draftInvalid: _angular_core.WritableSignal<boolean>;
-    protected readonly announcement: _angular_core.WritableSignal<string>;
-    protected readonly resolvedLocale: _angular_core.Signal<string>;
-    protected readonly resolvedHour12: _angular_core.Signal<boolean>;
-    /** The listed times: pinned `slots` verbatim, else the generated step grid. */
-    protected readonly options: _angular_core.Signal<string[]>;
-    protected readonly optionLabels: _angular_core.Signal<string[]>;
-    /** Shared combobox bookkeeping — identical contract to uni-search-input. */
-    protected readonly list: _uni_design_system_uni_angular.ListboxNavigation;
-    protected readonly displayText: _angular_core.Signal<string>;
-    protected readonly resolvedPlaceholder: _angular_core.Signal<string>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    protected formatValue(time: UniTime): string;
-    protected setValue(time: UniTime | undefined, silent?: boolean): void;
-    private refuse;
-    protected commit(raw: string): boolean;
-    /** Step a committed value ±minuteStep (±1 slot when pinned), clamped. */
-    private stepValue;
-    protected onInputKeydown(event: KeyboardEvent): void;
-    protected onInput(): void;
-    protected onToggle(): void;
-    protected selectOption(time: UniTime): void;
-    protected onFocusOut(event: FocusEvent): void;
-    private openList;
-    private scrollToActive;
-    private scrollToIndex;
-    private setFieldText;
-    private announce;
-    protected readonly className: _angular_core.Signal<string>;
-    protected readonly rowClass: _angular_core.Signal<string>;
-    protected readonly inputClass: _angular_core.Signal<string>;
-    protected readonly toggleWrapClass: _angular_core.Signal<string>;
-    /** Embedded mode: the composer owns the box; keep only the flex row. */
-    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>;
-}
-
-interface UniToggleOptions {
-    /**
-     * The size of the toggle switch
-     */
-    size?: number;
-    /** Off-state track color token. */
-    trackColor?: ColorKey;
-    /** Knob color token. */
-    knobColor?: ColorKey;
-}
-
-declare class UniToggleComponent extends BaseComponent<UniToggleOptions> implements FormCheckboxControl {
-    readonly checked: _angular_core.ModelSignal<boolean>;
-    readonly disabled: _angular_core.InputSignal<boolean>;
-    readonly touched: _angular_core.ModelSignal<boolean>;
-    readonly invalid: _angular_core.InputSignal<boolean>;
-    readonly dirty: _angular_core.InputSignal<boolean>;
-    /** Synced from required() validators by the Signal Forms [field] directive. */
-    readonly required: _angular_core.InputSignal<boolean>;
-    /**
-     * 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>;
-    protected readonly showError: _angular_core.Signal<boolean>;
-    markAsTouched(): void;
-    handleChange(event: Event): void;
-    private readonly metrics;
-    protected readonly toggleLabel: _angular_core.Signal<string>;
-    protected readonly toggleInput: _angular_core.Signal<string>;
-    getThemeColor(token: ColorToken): string;
-    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; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, never, true, never>;
-}
-
 interface UniTooltipOptions {
     color?: ContainerColorToken;
     border?: Border;
@@ -3960,8 +4312,6 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     label: _angular_core.InputSignal<string>;
     placement: _angular_core.InputSignal<Placement>;
     inlineText: _angular_core.InputSignal<boolean>;
-    /** @deprecated The tooltip renders in the native top layer; ignored. */
-    appendToBody: _angular_core.InputSignal<boolean>;
     private tipRef;
     constructor();
     onFocusIn(event: FocusEvent): void;
@@ -3986,7 +4336,7 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> {
     protected readonly tooltipClassName: _angular_core.Signal<string>;
     protected readonly arrowClassName: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTooltipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTooltipComponent, "uni-tooltip", never, { "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "inlineText": { "alias": "inlineText"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTooltipComponent, "uni-tooltip", never, { "hoverDelay": { "alias": "hoverDelay"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "inlineText": { "alias": "inlineText"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -4049,7 +4399,9 @@ declare class UniTourComponent extends BaseComponent<UniTourOptions> {
     }>;
     protected readonly calloutOpen: _angular_core.WritableSignal<boolean>;
     protected readonly satisfied: _angular_core.WritableSignal<boolean>;
-    protected readonly announcement: _angular_core.WritableSignal<string>;
+    /** 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>;
     private readonly presentedIndex;
     private gateCleanup;
@@ -4094,14 +4446,15 @@ declare class BodyRenderDirective implements OnInit {
 }
 
 declare class DragAndDropDirective {
-    onFileDropped: _angular_core.OutputEmitterRef<FileList>;
+    /** The dropped files. */
+    fileDropped: _angular_core.OutputEmitterRef<FileList>;
     protected workspaceOpacity: _angular_core.WritableSignal<string>;
     onDragOver(event: DragEvent): void;
     onDragLeave(event: DragEvent): void;
     onDrop(event: DragEvent): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<DragAndDropDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragAndDropDirective, "[uni-drag-n-drop], [dragAndDrop]", never, {}, { "onFileDropped": "onFileDropped"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DragAndDropDirective, "[uni-drag-n-drop], [dragAndDrop]", never, {}, { "fileDropped": "fileDropped"; }, never, never, true, never>;
 }
 
-export { BodyRenderDirective, ConfirmationDialogComponent, DragAndDropDirective, FOCUSABLE_SELECTOR, ListboxNavigation, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, TRANSFORM_ORIGINS, ThemeService, UNI_THEMES, UniAlertComponent, UniAppBarComponent, UniAvatarComponent, UniAvatarGroupComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniBreadcrumbComponent, UniButtonComponent, UniButtonGroupComponent, UniCalendarComponent, UniCalloutComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniCheckboxComponent, UniComboboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDateInputComponent, UniDateTimeInputComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDrawerComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, UniRadioComponent, UniRecordDatasource, UniRowComponent, UniScrollAreaComponent, UniSearchInputComponent, UniSelectComponent, UniServerSideDatasource, UniSkeletonComponent, UniSliderComponent, UniSnackbarComponent, UniSortHeaderComponent, UniStackComponent, UniStatComponent, UniSymbolComponent, UniTabComponent, UniTabsComponent, UniTagComponent, UniTagInputComponent, UniTextComponent, UniTextareaComponent, UniThemeBuilderComponent, UniThemeSwitchComponent, UniTimeInputComponent, UniToggleComponent, UniTooltipComponent, UniTourComponent, UniWrapComponent, acceptableFile, addDays, addMonths, anchorArrowStyles, anchorStyles, buildMonthGrid, clearAnchorName, createListboxNavigation, dayOfWeek, daysInMonth, discreteOverlayTransition, focusableElements, formatDate, formatMonthHeading, formatTime, getFileExtension, inclusiveDayCount, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeWeekStart, monthOf, motionSafe, newAnchorName, parseDateText, parseTimeText, resolveElement, resolveFocusTarget, restoreOverlayFocus, setAnchorName, splitDateTime, spotlightStyles, timeSlots, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
-export type { Alert, AnchorOffset, AnchorRect, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerMode, DrawerPosition, ImagePosition, ListboxNavigationConfig, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, ScrollbarAppearance, SkeletonShape, Snackbar, Sort, SortDirection, SpotlightOptions, SpotlightStyles, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCalendarMarker, UniCalendarMode, UniCalendarOptions, UniCalendarValue, UniCalloutDismissal, UniCalloutOptions, UniCheckboxOptions, UniComboboxOptions, UniComboboxRejection, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDate, UniDateInputOptions, UniDateInputRejection, UniDateRange, UniDateTime, UniDateTimeInputOptions, UniDrawerOptions, UniExpandOptions, UniInputBoxOptions, UniListboxPopupOptions, UniMenuItemOptions, UniMenuOptions, UniMonthGridCell, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniPopoverOptions, UniRadioOption, UniRadioOptions, UniSearchInputOptions, UniSkeletonOptions, UniSliderOptions, UniStatOptions, UniTabsOptions, UniTagInputOptions, UniTagItem, UniTagOptions, UniTagRejection, UniTagSuggestion, UniTagValue, UniTextareaOptions, UniTime, UniTimeInputOptions, UniTimeInputRejection, UniToggleOptions, UniTourAdvance, UniTourOptions, UniTourStep, UniWeekdayName };
+export { BodyRenderDirective, ConfirmationDialogComponent, 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, UniDrawerComponent, UniDropdownComponent, UniExpandAreaComponent, UniExpandComponent, UniExpandToggleComponent, UniFileDropZoneComponent, UniGridAreaDirective, UniGridDirective, UniIconButtonComponent, UniIconComponent, UniInputBoxComponent, UniInputComponent, UniJsonViewComponent, UniMenuComponent, UniMultiSelectComponent, UniMultiSelectDropdownComponent, UniNotificationBadgeComponent, UniPaginatorComponent, UniPopoverComponent, UniProgressBarComponent, UniProgressGaugeComponent, 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, clearAnchorName, createAnnouncer, createListboxNavigation, dayOfWeek, daysInMonth, discreteOverlayTransition, focusableElements, formatDate, formatMonthHeading, formatTime, getFileExtension, inclusiveDayCount, isDivider, isToggleOpen, isValidDate, isoDate, joinDateTime, listboxPopupAttr, listboxPopupStyles, localeDatePlaceholder, localeDefaultHour12, localeFieldOrder, localeMonthNames, localeWeekStart, monthOf, motionSafe, newAnchorName, newListboxAnchor, parseDateText, parseTimeText, promoteListboxPopup, resolveElement, resolveFocusTarget, restoreOverlayFocus, setAnchorName, splitDateTime, spotlightStyles, supportsAnchoredPopup, timeSlots, todayIso, transformOriginFor, uniqueId, useTimer, visuallyHidden, weekdayNames };
+export type { Alert, AnchorOffset, AnchorRect, Announcer, BrandPaletteConfig, BreadcrumbItem, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, DrawerMode, DrawerPosition, ImagePosition, ListboxNavigationConfig, MenuDivider, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Placement, ScrollbarAppearance, SkeletonShape, SkeletonSweepDirection, Snackbar, Sort, SortDirection, SpotlightOptions, SpotlightStyles, UniAppBarOptions, UniAvatarGroupOptions, UniAvatarOptions, UniBreadcrumbOptions, UniCalendarMarker, UniCalendarMode, UniCalendarOptions, UniCalendarValue, UniCalloutDismissal, UniCalloutOptions, UniCheckboxOptions, UniComboboxOptions, UniComboboxRejection, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniDate, UniDateInputOptions, UniDateInputRejection, UniDateRange, UniDateTime, UniDateTimeInputOptions, UniDrawerOptions, UniExpandOptions, UniInputBoxOptions, UniInputMode, UniInputType, UniListboxPopupOptions, UniMenuItemOptions, UniMenuOptions, UniMonthGridCell, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniPopoverOptions, UniRadioOption, UniRadioOptions, UniSearchInputOptions, UniSkeletonOptions, UniSliderOptions, UniStatOptions, UniTabsOptions, UniTagInputOptions, UniTagItem, UniTagOptions, UniTagRejection, UniTagSuggestion, UniTagValue, UniTextareaOptions, UniTime, UniTimeInputOptions, UniTimeInputRejection, UniToggleOptions, UniTourAdvance, UniTourOptions, UniTourStep, UniWeekdayName };