@uni-design-system/uni-angular 3.0.2 → 4.0.0

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

@@ -1,7 +1,8 @@
 import * as _angular_core from '@angular/core';
-import { Signal, WritableSignal, InjectionToken, ElementRef, EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges, TemplateRef, AfterViewInit } from '@angular/core';
+import { Signal, WritableSignal, InjectionToken, ElementRef, TemplateRef, EventEmitter, OnInit, OnDestroy, OnChanges, SimpleChanges, AfterViewInit } from '@angular/core';
 import * as _uni_design_system_uni_core from '@uni-design-system/uni-core';
-import { Icons, Variant, ContainerColorToken, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, ColorToken, RadiiSize, Elevation, JustifyContent, StyleExpression, Orientation, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap } from '@uni-design-system/uni-core';
+import { Icons, Variant, ContainerColorToken, UniTheme, ComponentName, ComponentTheme, NullableSize, ThemeName, TextRole, ContentColorToken, Size, Thickness, NullableStyleExpression, ColorKey, Typeface, Radius, OptionalSize, Border, Shadow, ZIndexableElements, ColorToken, RadiiSize, Elevation, TextColor, JustifyContent, StyleExpression, Orientation, OptionalAlignSelf, OptionalAlignItems, OptionalAlignContent, OptionalJustifyContent, OptionalDisplay, OptionalPosition, OptionalOverflow, OptionalFlexDirection, OptionalTextAlign, OptionalWrap } from '@uni-design-system/uni-core';
+import { FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
 import { Placement as Placement$1, OffsetOptions } from '@floating-ui/dom';
 
 type SortDirection = 'asc' | 'desc' | 'indet';
@@ -183,6 +184,9 @@ declare function useTimer(): {
     secondsRemaining: _angular_core.Signal<number>;
 };
 
+declare const acceptableFile: (file: File, acceptedFileExtensions: string[] | undefined) => boolean;
+declare const getFileExtension: (file: File) => string;
+
 declare class ThemeService {
     private themes;
     private localStorage;
@@ -250,6 +254,19 @@ declare class ThemeService {
 
 declare const UNI_THEMES: InjectionToken<Record<string, UniTheme>>;
 
+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>;
+    get className(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniBackgroundComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniBackgroundComponent, "uni-background, 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>;
+}
+
 declare class BaseComponent<T = unknown> {
     protected componentName: ComponentName;
     theme: ThemeService;
@@ -302,6 +319,28 @@ declare class UniButtonComponent extends BaseComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonComponent, "button[uni-text-button], 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; }; "symbolRight": { "alias": "symbolRight"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof RippleDirective; inputs: {}; outputs: {}; }]>;
 }
 
+declare class UniButtonGroupComponent {
+    private themeService;
+    get className(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniButtonGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniButtonGroupComponent, "uni-button-group, ButtonGroup", never, {}, {}, never, ["*"], true, never>;
+}
+
+type Placement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
+
+interface ButtonGroupConfig {
+    tooltipPlacement?: Placement;
+    buttonSize: Size;
+    buttons: ButtonGroupItem[];
+}
+interface ButtonGroupItem {
+    symbolName: string;
+    selected?: boolean;
+    tooltip?: string;
+    action?: (selectedState?: boolean) => boolean | void;
+    toggle?: WritableSignal<boolean>;
+}
+
 declare class UniCardContentComponent extends BaseComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCardContentComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardContentComponent, "uni-card-content, CardContent", never, {}, {}, never, ["*"], true, never>;
@@ -329,6 +368,120 @@ declare class UniCardComponent extends BaseComponent<UniCardOptions> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCardComponent, "uni-card, Card", never, {}, {}, never, ["*"], true, never>;
 }
 
+interface UniCheckboxOptions {
+    size?: string | number;
+    borderRadius?: string | number;
+}
+
+declare class UniCheckboxComponent extends BaseComponent<UniCheckboxOptions> implements FormCheckboxControl {
+    checkboxLabel: string;
+    checkboxInput: string;
+    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>;
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): void;
+    constructor();
+    getThemeColor(token: ColorToken): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniCheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniCheckboxComponent, "uni-checkbox, 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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+interface UniDataSearchOptions {
+    border: Border;
+    borderRadius: Radius;
+    color: ContainerColorToken;
+    placeholderColor: TextColor;
+}
+
+declare class UniDataSearchComponent<T> extends BaseComponent<UniDataSearchOptions> {
+    datasource: _angular_core.InputSignal<UniDatasource<T>>;
+    placeholder: _angular_core.InputSignal<string>;
+    fields: _angular_core.InputSignal<string[]>;
+    searchValue: _angular_core.WritableSignal<string>;
+    inputClassName: string;
+    constructor();
+    onInput(event: Event): void;
+    filterData(value: string): void;
+    clearFilter(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDataSearchComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDataSearchComponent<any>, "uni-data-search", never, { "datasource": { "alias": "datasource"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+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>;
+    tableClass: string;
+    headerClass: string;
+    footerClass: string;
+    thClass: string;
+    tdClass: string;
+    trClass: string;
+    detailRowClass: string;
+    loadingOverlayClass: string;
+    rowSelect: _angular_core.OutputEmitterRef<T>;
+    rowClick: _angular_core.OutputEmitterRef<T>;
+    displayedColumns: _angular_core.WritableSignal<string[]>;
+    constructor();
+    isLoading: _angular_core.WritableSignal<boolean>;
+    toggleRow(index: number): void;
+    handleRowClick(row: T, index: number): void;
+    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, DataTable", 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>;
+}
+
 declare class UniDialogButtonsComponent {
     private dialog;
     confirmButtonText?: string;
@@ -434,6 +587,83 @@ declare class UniDropdownComponent extends BaseComponent<UniDropdownOptions> imp
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDropdownComponent, "uni-dropdown, Dropdown", never, { "trigger": { "alias": "trigger"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "paddingVertical": { "alias": "paddingVertical"; "required": false; "isSignal": true; }; "paddingHorizontal": { "alias": "paddingHorizontal"; "required": false; "isSignal": true; }; }, { "dropdownShowing": "dropdownShowing"; "dropdownHiding": "dropdownHiding"; }, never, ["*"], true, never>;
 }
 
+declare class UniExpandComponent {
+    collapsed: _angular_core.ModelSignal<boolean>;
+    toggle(): void;
+    expandClassName: string;
+    contentClassName: string;
+    private expand;
+    private collapse;
+    expandAnimation: string;
+    collapseAnimation: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandComponent, "uni-expand, Expand", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, ["*"], true, never>;
+}
+
+declare class UniExpandToggleComponent {
+    collapsed: _angular_core.ModelSignal<boolean>;
+    get className(): string;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandToggleComponent, "uni-expand-toggle, ExpandToggle", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; }, never, never, true, never>;
+}
+
+declare class UniExpandAreaComponent {
+    title: _angular_core.InputSignal<string>;
+    initCollapsed: _angular_core.InputSignal<boolean>;
+    padding: _angular_core.InputSignal<NullableSize>;
+    collapsed: _angular_core.OutputEmitterRef<boolean>;
+    toggleRef: _angular_core.Signal<UniExpandToggleComponent>;
+    toggleExpand(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniExpandAreaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniExpandAreaComponent, "uni-expand-area, ExpandArea", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "initCollapsed": { "alias": "initCollapsed"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsed"; }, never, ["*"], true, never>;
+}
+
+declare class UniFileDropZoneComponent {
+    selectedFile: _angular_core.WritableSignal<File>;
+    selectedFileName: _angular_core.Signal<string>;
+    attachmentState: _angular_core.WritableSignal<"upload">;
+    fileSelectorRef: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    get fileSelectorElement(): HTMLInputElement;
+    height: _angular_core.InputSignal<string | number>;
+    borderRadius: _angular_core.InputSignal<string>;
+    border: _angular_core.InputSignal<Variant>;
+    padding: _angular_core.InputSignal<NullableSize>;
+    useBrowseButton: _angular_core.InputSignal<boolean>;
+    browseButtonText: _angular_core.InputSignal<string>;
+    allowedFileExtensions: _angular_core.InputSignal<string[]>;
+    label: _angular_core.InputSignal<string>;
+    helpTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    helpTemplateContext: _angular_core.InputSignal<unknown>;
+    fileAttached: _angular_core.OutputEmitterRef<File>;
+    fileRemoved: _angular_core.OutputEmitterRef<void>;
+    sanitizedFileExtensions: _angular_core.Signal<string[]>;
+    helpText: _angular_core.Signal<string>;
+    constructor();
+    openFileSelector(): void;
+    selectFiles(fileList: FileList | null): void;
+    onFileInputChange(): void;
+    cancelUpload(): void;
+    removeAttachment(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniFileDropZoneComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniFileDropZoneComponent, "uni-file-drop-zone", never, { "height": { "alias": "height"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "useBrowseButton": { "alias": "useBrowseButton"; "required": false; "isSignal": true; }; "browseButtonText": { "alias": "browseButtonText"; "required": false; "isSignal": true; }; "allowedFileExtensions": { "alias": "allowedFileExtensions"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "helpTemplate": { "alias": "helpTemplate"; "required": false; "isSignal": true; }; "helpTemplateContext": { "alias": "helpTemplateContext"; "required": false; "isSignal": true; }; }, { "fileAttached": "fileAttached"; "fileRemoved": "fileRemoved"; }, never, never, true, never>;
+}
+
+declare class UniDebounceInputComponent {
+    inputName: _angular_core.InputSignal<string>;
+    inputId: _angular_core.InputSignal<string>;
+    debounceTime: _angular_core.InputSignal<number>;
+    change: _angular_core.OutputEmitterRef<string>;
+    value: _angular_core.WritableSignal<string>;
+    private timeoutId;
+    private lastEmitted;
+    constructor();
+    handleInput(value: string): void;
+    inputClass: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniDebounceInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniDebounceInputComponent, "DebounceInput, 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; }; }, { "change": "change"; }, never, never, true, never>;
+}
+
 declare class UniIconComponent {
     private themeService;
     color: _angular_core.InputSignal<string>;
@@ -460,6 +690,66 @@ declare class UniIconButtonComponent implements OnChanges {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniIconButtonComponent, "button[uni-icon-button], button[icon-button]", never, { "iconName": { "alias": "iconName"; "required": false; }; "symbolName": { "alias": "symbolName"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disable": { "alias": "disable"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "opticalSize": { "alias": "opticalSize"; "required": false; }; }, {}, never, 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>;
+    label: _angular_core.InputSignal<string>;
+    placeholder: _angular_core.InputSignal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): 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; }; "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;
+    textColor: ColorKey;
+    disabledTextColor: ColorKey;
+    focusOutline: string;
+    focusOutlineOffset: number;
+}
+
+declare class UniInputBoxComponent extends BaseComponent<UniInputBoxOptions> {
+    className: string;
+    disabled: _angular_core.InputSignal<boolean>;
+    error: _angular_core.InputSignal<boolean>;
+    minWidth: _angular_core.InputSignal<string>;
+    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; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class UniJsonViewComponent {
+    json: _angular_core.InputSignal<unknown>;
+    rows: _angular_core.InputSignal<number>;
+    fontSize: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string | number>;
+    selectOnClick: _angular_core.InputSignal<boolean>;
+    jsonString: _angular_core.Signal<string>;
+    className: _angular_core.Signal<string>;
+    selectContents(jsonArea: HTMLTextAreaElement): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniJsonViewComponent, never>;
+    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>;
+}
+
 declare class UniBoxComponent {
     theme: ThemeService;
     color: _angular_core.InputSignal<ContainerColorToken>;
@@ -599,6 +889,80 @@ declare class UniMenuComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniMenuComponent, "Menu, 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>;
+    optionsWithSelections: Option<T>[];
+    values: unknown[];
+    className: string;
+    constructor();
+    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, MultiSelect", 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[]> {
+    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>;
+    readonly options: _angular_core.InputSignal<Options<T>>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    protected readonly query: _angular_core.WritableSignal<string>;
+    protected readonly filteredOptions: _angular_core.Signal<Options<T>>;
+    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;
+    searchInputClass: string;
+    constructor();
+    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, MultiSelectDropdown", 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; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+interface UniNotificationBadgeOptions {
+    borderRadius?: RadiiSize;
+    offset?: number;
+    typeface: Typeface;
+}
+
+declare class UniNotificationBadgeComponent extends BaseComponent<UniNotificationBadgeOptions> {
+    count: _angular_core.InputSignal<number>;
+    maxCount: _angular_core.InputSignal<number>;
+    badgeVariant: _angular_core.InputSignal<"dot" | "count" | "pill">;
+    color: _angular_core.InputSignal<Variant>;
+    position: _angular_core.InputSignal<"top-right" | "top-left" | "bottom-right" | "bottom-left">;
+    show: _angular_core.InputSignal<boolean>;
+    displayValue: _angular_core.Signal<string>;
+    shouldShow: _angular_core.Signal<boolean>;
+    get className(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniNotificationBadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniNotificationBadgeComponent, "uni-notification-badge", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "maxCount": { "alias": "maxCount"; "required": false; "isSignal": true; }; "badgeVariant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "show": { "alias": "show"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 interface UniAlertOptions {
     defaultVariant: Variant;
     borderRadius: Radius;
@@ -695,6 +1059,216 @@ declare class UniSnackbarComponent extends BaseComponent<UniSnackbarOptions> imp
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSnackbarComponent, "uni-snackbar, Snackbar", never, { "show": { "alias": "show"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "symbolName": { "alias": "symbolName"; "required": false; "isSignal": true; }; "timeout": { "alias": "timeout"; "required": false; "isSignal": true; }; "actionLabel": { "alias": "actionLabel"; "required": false; "isSignal": true; }; "useVariant": { "alias": "useVariant"; "required": false; "isSignal": true; }; }, { "action": "action"; "showing": "showing"; }, never, ["*"], true, never>;
 }
 
+interface UniPaginatorOptions {
+    gap: NullableSize;
+    textRole: TextRole;
+    inputBorder: Border;
+    inputBorderRadius: Radius;
+    pageBorder: Border;
+    pageBorderRadius: Radius;
+    currentPageBorder: Border;
+    currentPageBorderRadius: Radius;
+}
+
+declare class UniPaginatorComponent<T> extends BaseComponent<UniPaginatorOptions> {
+    datasource: _angular_core.InputSignal<UniDatasource<T>>;
+    initPageSize: _angular_core.InputSignal<number>;
+    showPageSize: _angular_core.InputSignal<boolean>;
+    showPageJumper: _angular_core.InputSignal<boolean>;
+    showPageNumbers: _angular_core.InputSignal<boolean>;
+    inputClass: string;
+    pageClass: string;
+    constructor();
+    updatePageSize(event: Event): void;
+    jumpToPage(event: Event): void;
+    isNumber(page: unknown): page is number;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniPaginatorComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniPaginatorComponent<any>, "uni-paginator, Paginator", never, { "datasource": { "alias": "datasource"; "required": false; "isSignal": true; }; "initPageSize": { "alias": "initPageSize"; "required": false; "isSignal": true; }; "showPageSize": { "alias": "showPageSize"; "required": false; "isSignal": true; }; "showPageJumper": { "alias": "showPageJumper"; "required": false; "isSignal": true; }; "showPageNumbers": { "alias": "showPageNumbers"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UniPopoverComponent implements OnInit, OnDestroy {
+    private renderer;
+    private theme;
+    private delay;
+    private showing;
+    private clickListener?;
+    placement: _angular_core.InputSignal<Placement>;
+    autoClose: _angular_core.InputSignal<boolean>;
+    triggerRef: _angular_core.Signal<ElementRef<any>>;
+    popoverRef: _angular_core.Signal<ElementRef<any>>;
+    arrowRef: _angular_core.Signal<ElementRef<any>>;
+    private get _trigger();
+    private get _popover();
+    private get _arrow();
+    ngOnInit(): void;
+    showPopover(): void;
+    hidePopover(): void;
+    togglePopover(event: MouseEvent): void;
+    popoverClassName: string;
+    arrowClassName: string;
+    private showClassName;
+    private arrowClasses;
+    private setPosition;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniPopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniPopoverComponent, "uni-popover, Popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; }, {}, never, ["[trigger]", "*"], true, never>;
+}
+
+declare class UniProgressBarComponent {
+    theme: ThemeService;
+    palette: _angular_core.Signal<Partial<Record<string, string>>>;
+    width: _angular_core.InputSignal<number>;
+    height: _angular_core.InputSignal<number>;
+    percent: _angular_core.InputSignal<number>;
+    stroke: number;
+    get className(): string;
+    protected readonly Math: Math;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniProgressBarComponent, "uni-progress-bar, ProgressBar", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "percent": { "alias": "percent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class UniProgressGaugeComponent extends BaseComponent {
+    percent: _angular_core.InputSignal<number>;
+    textStyle: _angular_core.Signal<string | number>;
+    private progress;
+    get className(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniProgressGaugeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniProgressGaugeComponent, "uni-progress-gauge, ProgressGauge", never, { "percent": { "alias": "percent"; "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;
+}
+
+declare class UniRadioComponent extends BaseComponent<UniRadioOptions> implements FormValueControl<string> {
+    radioGroupClass: string;
+    radioOptionClass: string;
+    radioInputClass: 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>;
+    readonly options: _angular_core.InputSignal<UniRadioOption[]>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): void;
+    constructor();
+    handleRadioChange(optionValue: string): void;
+    getThemeColor(token: ColorToken): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniRadioComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniRadioComponent, "uni-radio, 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; }; "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.
+ * - `standard`: full-size scrollbar with a bordered track gutter.
+ */
+type ScrollbarAppearance = 'standard' | 'compact';
+
+type OptionalValue = string | number | undefined;
+/**
+ * Native scroll area with theme-driven scrollbar styling.
+ *
+ * Scrollbars are styled entirely through Emotion-generated CSS:
+ * `::-webkit-scrollbar` rules cover Chromium/Safari, with a
+ * `scrollbar-width`/`scrollbar-color` fallback for Firefox.
+ */
+declare class UniScrollAreaComponent {
+    theme: ThemeService;
+    isVerticallyScrollable: _angular_core.WritableSignal<boolean>;
+    viewport: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    content: _angular_core.Signal<ElementRef<HTMLDivElement>>;
+    color: _angular_core.InputSignal<ContainerColorToken>;
+    borderRadius: _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<Variant>;
+    height: _angular_core.InputSignal<OptionalValue>;
+    width: _angular_core.InputSignal<OptionalValue>;
+    appearance: _angular_core.InputSignal<ScrollbarAppearance>;
+    autoHeightDisabled: _angular_core.InputSignal<boolean>;
+    verticalScrollPadding: _angular_core.InputSignal<number>;
+    scrollable: _angular_core.OutputEmitterRef<boolean>;
+    scrollToBottom(): void;
+    scrollToTop(): void;
+    get className(): string;
+    protected viewportClassName: _angular_core.Signal<string>;
+    protected contentClassName: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniScrollAreaComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniScrollAreaComponent, "div[uni-scroll-area], ScrollArea, div[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>;
+}
+
+declare class UniSearchInputComponent {
+    label: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string | number>;
+    change: _angular_core.OutputEmitterRef<string>;
+    search: _angular_core.OutputEmitterRef<string>;
+    get className(): string;
+    handleSearchInput(searchInput: string): void;
+    handleSearch(searchInput: string | undefined): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSearchInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSearchInputComponent, "SearchInput, uni-search-input", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; }, { "change": "change"; "search": "search"; }, 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>;
+    readonly options: _angular_core.InputSignal<Options<T>>;
+    readonly placeholder: _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, SelectInput", 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; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
+declare class UniSortHeaderComponent<T> {
+    column: _angular_core.InputSignal<keyof T>;
+    datasource: _angular_core.InputSignal<UniDatasource<T>>;
+    direction: _angular_core.Signal<SortDirection>;
+    get className(): string;
+    cycleSort(): void;
+    sortDatasource(direction: SortDirection): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniSortHeaderComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSortHeaderComponent<any>, "uni-sort-header", never, { "column": { "alias": "column"; "required": false; "isSignal": true; }; "datasource": { "alias": "datasource"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
 type SymbolFill = 1 | 0;
 type SymbolWeight = 100 | 200 | 300 | 400 | 500 | 600 | 700;
 type SymbolGrade = -25 | 0 | 200;
@@ -716,6 +1290,15 @@ declare class UniSymbolComponent extends BaseComponent<SymbolOptions> {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniSymbolComponent, "uni-symbol, 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>;
 }
 
+declare class UniTagComponent {
+    label: _angular_core.InputSignal<string>;
+    value: _angular_core.InputSignal<string | number>;
+    close: _angular_core.OutputEmitterRef<string | number>;
+    handleClose(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniTagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTagComponent, "Tag, uni-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "close": "close"; }, never, never, true, never>;
+}
+
 declare class UniTextComponent {
     theme: ThemeService;
     typeface: _angular_core.InputSignal<string>;
@@ -730,6 +1313,30 @@ declare class UniTextComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTextComponent, "uni-text, Text", never, { "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>;
 }
 
+interface UniToggleOptions {
+    /**
+     * The size of the toggle switch
+     */
+    size: number;
+}
+
+declare class UniToggleComponent extends BaseComponent<UniToggleOptions> implements FormCheckboxControl {
+    toggleLabel: string;
+    toggleInput: string;
+    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>;
+    readonly label: _angular_core.InputSignal<string>;
+    protected readonly showError: _angular_core.Signal<boolean>;
+    markAsTouched(): void;
+    constructor();
+    getThemeColor(token: ColorToken): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UniToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniToggleComponent, "uni-toggle, 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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touched": "touchedChange"; }, never, never, true, never>;
+}
+
 interface UniTooltipOptions {
     color?: ContainerColorToken;
     border?: Border;
@@ -738,8 +1345,6 @@ interface UniTooltipOptions {
     typeface: TextRole;
 }
 
-type Placement = 'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'right-start' | 'bottom-start' | 'left-start' | 'top-end' | 'right-end' | 'bottom-end' | 'left-end';
-
 declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> implements OnDestroy {
     private elRef;
     private renderer;
@@ -774,5 +1379,23 @@ declare class UniTooltipComponent extends BaseComponent<UniTooltipOptions> imple
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<UniTooltipComponent, "uni-tooltip, 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; }; }, {}, never, ["*"], true, never>;
 }
 
-export { ConfirmationDialogComponent, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniButtonComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, UniDropdownComponent, UniGridAreaComponent, UniGridComponent, UniIconButtonComponent, UniIconComponent, UniMenuComponent, UniRecordDatasource, UniRowComponent, UniServerSideDatasource, UniSnackbarComponent, UniStackComponent, UniSymbolComponent, UniTextComponent, UniTooltipComponent, UniWrapComponent, useTimer };
-export type { Alert, Confirmation, DataLoader, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, Snackbar, Sort, SortDirection, UniDatasource };
+declare class BodyRenderDirective implements OnInit {
+    private el;
+    private renderer;
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BodyRenderDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BodyRenderDirective, "[uniBodyRender]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DragAndDropDirective {
+    onFileDropped: _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>;
+}
+
+export { BodyRenderDirective, ConfirmationDialogComponent, DragAndDropDirective, LocalStorageService, NotificationService, NotificationsComponent, RippleDirective, ThemeService, UNI_THEMES, UniAlertComponent, UniBackgroundComponent, UniBadgeComponent, UniBaseDatasource, UniBoxComponent, UniButtonComponent, UniButtonGroupComponent, UniCardComponent, UniCardContentComponent, UniCardHeaderComponent, UniCenterComponent, UniCheckboxComponent, UniDataSearchComponent, UniDataTableComponent, UniDebounceInputComponent, UniDialogButtonsComponent, UniDialogComponent, UniDialogHeaderComponent, UniDividerComponent, 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, UniSnackbarComponent, UniSortHeaderComponent, UniStackComponent, UniSymbolComponent, UniTagComponent, UniTextComponent, UniToggleComponent, UniTooltipComponent, UniWrapComponent, acceptableFile, getFileExtension, useTimer };
+export type { Alert, ButtonGroupConfig, ButtonGroupItem, ColumnDefinition, Confirmation, DataLoader, ImagePosition, MenuItem, MenuItemWithLabel, MenuItemWithTemplate, Option, Options, PageRequest, PageResponse, ScrollbarAppearance, Snackbar, Sort, SortDirection, UniCheckboxOptions, UniDataSearchOptions, UniDataTableOptions, UniDatasource, UniInputBoxOptions, UniMultiSelectDropdownOptions, UniNotificationBadgeOptions, UniPaginatorOptions, UniRadioOption, UniRadioOptions, UniToggleOptions };