@foxeltech/angular-ui 0.3.0 → 0.4.0

package/{index.d.ts → types/foxeltech-angular-ui.d.ts}

@@ -1,46 +1,21 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, Injector, DestroyRef, ApplicationRef, OnInit, AfterViewInit, ChangeDetectorRef, Type, EventEmitter, Provider, ModuleWithProviders, TemplateRef, ViewContainerRef, ElementRef, RendererFactory2, OnChanges, SimpleChanges, AfterContentInit, QueryList, Renderer2, NgZone } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, Injector, DestroyRef, ApplicationRef, OnInit, AfterViewInit, ChangeDetectorRef, Type, EventEmitter, Provider, ModuleWithProviders, TemplateRef, ViewContainerRef, ElementRef, RendererFactory2, OnChanges, SimpleChanges, AfterContentInit, Renderer2, InjectionToken, QueryList, NgZone } from '@angular/core';
 import * as _foxeltech_angular_ui from '@foxeltech/angular-ui';
-import * as i53 from '@angular/material/paginator';
-import { MatPaginator } from '@angular/material/paginator';
-import * as i54 from '@angular/material/table';
+import { MatDialog, MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
+import { MatPaginator, PageEvent } from '@angular/material/paginator';
 import { MatTableDataSource, MatTable } from '@angular/material/table';
 import { HttpClient, HttpEvent, HttpErrorResponse, HttpInterceptor, HttpRequest, HttpHandler } from '@angular/common/http';
 import * as rxjs from 'rxjs';
 import { Observable, Subject } from 'rxjs';
-import * as i40 from '@angular/forms';
-import { NgForm, ValidationErrors, NgControl, ControlValueAccessor } from '@angular/forms';
-import * as i56 from '@angular/material/dialog';
-import { MatDialogRef, MatDialog } from '@angular/material/dialog';
-import * as i41 from '@angular/router';
+import * as i1$1 from '@angular/forms';
+import { NgForm, ValidationErrors, ControlValueAccessor, NgControl } from '@angular/forms';
+import * as i2 from '@angular/router';
 import { ActivatedRouteSnapshot, RouterStateSnapshot, ResolveFn, CanActivate, Router } from '@angular/router';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
 import * as i1 from '@ngx-translate/core';
 import { TranslateService } from '@ngx-translate/core';
-import { EChartsOption, ECharts } from 'echarts';
-import * as i47 from 'ngx-vflow';
-import { Node, Edge, Connection } from 'ngx-vflow';
-import * as i66 from '@angular/cdk/drag-drop';
+import { ComponentType } from '@angular/cdk/portal';
 import { CdkDragDrop } from '@angular/cdk/drag-drop';
-import * as i39 from '@angular/common';
-import * as i42 from '@danielmoncada/angular-datetime-picker';
-import * as i43 from '@danielmoncada/angular-datetime-picker-moment-adapter';
-import * as i46 from '@dimaslz/ng-heroicons';
-import * as i48 from 'ngx-echarts';
-import * as i49 from '@angular/material/select';
-import * as i50 from '@angular/material/radio';
-import * as i51 from '@angular/material/button';
-import * as i52 from '@angular/material/icon';
-import * as i55 from '@angular/material/snack-bar';
-import * as i57 from '@angular/material/checkbox';
-import * as i58 from '@angular/material/card';
-import * as i59 from '@angular/material/datepicker';
-import * as i60 from '@angular/material/timepicker';
-import * as i61 from '@angular/material/badge';
-import * as i62 from '@angular/material/expansion';
-import * as i63 from '@angular/material/form-field';
-import * as i64 from '@angular/material/menu';
-import * as i65 from '@angular/material/tooltip';
 
 declare abstract class BaseComponent implements OnDestroy {
     protected injector: Injector;
@@ -48,8 +23,8 @@ declare abstract class BaseComponent implements OnDestroy {
     protected destroyRef: DestroyRef;
     constructor(injector?: Injector);
     ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseComponent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseComponent, never, never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseComponent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseComponent, never, never, {}, {}, never, never, true, never>;
 }
 
 declare class HttpWrapper {
@@ -103,26 +78,45 @@ declare class FxToastrService {
     error(message: string, title?: string): void;
     info(message: string, title?: string): void;
     warning(message: string, title?: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FxToastrService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FxToastrService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxToastrService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FxToastrService>;
 }
 
 interface TableResult<T> {
     data: T[];
     total: number;
 }
+/**
+ * Filter bag for BaseTable screens. The platform-wide keys are declared so
+ * templates keep dot access under noPropertyAccessFromIndexSignature;
+ * screen-specific keys ride on the index signature (bracket access).
+ */
+interface FxTableFilters {
+    keyword?: string;
+    status?: string;
+    statuses?: string[];
+    severity?: string;
+    riskLevel?: string;
+    priority?: string;
+    category?: string;
+    integrityLevel?: string;
+    tags?: string[];
+    name?: string;
+    groupId?: string;
+    [key: string]: any;
+}
 declare class BaseTableComponent<T = any> extends BaseComponent implements OnInit, AfterViewInit {
     api: HttpWrapper;
-    modal: any;
+    modal: MatDialog;
     ref: ChangeDetectorRef;
     dataSource: MatTableDataSource<T, MatPaginator>;
     cols: string[];
     total: number;
     page: number;
     pageSize: number;
-    filters: any;
+    filters: FxTableFilters;
     loading: boolean;
-    expandedElement: any | null;
+    expandedElement: T | null;
     toastr: FxToastrService;
     _lock: boolean;
     keywordChange$: Subject<string>;
@@ -164,8 +158,8 @@ declare class BaseTableComponent<T = any> extends BaseComponent implements OnIni
         };
     };
     paginator: MatPaginator;
-    table: MatTable<T>;
-    constructor(injector: Injector, api: HttpWrapper, modal: any, ref: ChangeDetectorRef);
+    readonly table: _angular_core.Signal<MatTable<any>>;
+    constructor(injector: Injector, api: HttpWrapper, modal: MatDialog, ref: ChangeDetectorRef);
     ngOnInit(): void;
     init(): void;
     ngAfterViewInit(): void;
@@ -186,22 +180,22 @@ declare class BaseTableComponent<T = any> extends BaseComponent implements OnIni
     setDataSource(result: any): void;
     private _fetchSeq;
     fetch(): Promise<void>;
-    onPageChange(event: any): Promise<void>;
+    onPageChange(event: PageEvent): Promise<void>;
     resolve(): {};
     empty(): {};
     onKeywordChange(keyword: string): void;
     create(): Promise<void>;
-    update(model: any): Promise<void>;
-    view(model: any): Promise<void>;
-    delete(model: any): Promise<void>;
-    remove(model: any): Promise<any>;
+    update(model: T): Promise<void>;
+    view(model: T): Promise<void>;
+    delete(model: T): Promise<void>;
+    remove(model: T): Promise<any>;
     tagClass(tag: string): _foxeltech_angular_ui.TagType;
     capitalize(label: string): string;
     value(model: any, key: string, defaultValue?: any): any;
     toggleExpand(element: any): void;
     updateStatus(params: any): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseTableComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseTableComponent<any>, never, never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseTableComponent<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseTableComponent<any>, never, never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -221,10 +215,10 @@ declare class BaseMasterDetailComponent<T = any> extends BaseTableComponent<T> {
     selected: T | null;
     detailMap: Map<string, any>;
     detailLoading: Set<string>;
-    constructor(injector: Injector, api: HttpWrapper, modal: any, ref: ChangeDetectorRef);
+    constructor(injector: Injector, api: HttpWrapper, modal: MatDialog, ref: ChangeDetectorRef);
     /** Key the row id is read from. Override idOf() instead for composite ids. */
     protected idKey: string;
-    idOf(row: any): string | null;
+    idOf(row: T): string | null;
     protected detailUrl(id: string): string | null;
     /** What the detail pane shows: the fetched detail when cached, else the row. */
     get detail(): any;
@@ -234,8 +228,8 @@ declare class BaseMasterDetailComponent<T = any> extends BaseTableComponent<T> {
     autoSelectFirst(): void;
     selectItem(row: T): void;
     fetchDetail(id: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseMasterDetailComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseMasterDetailComponent<any>, never, never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseMasterDetailComponent<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseMasterDetailComponent<any>, never, never, {}, {}, never, never, true, never>;
 }
 
 declare class BaseDialogComponent<T = any> extends BaseComponent implements AfterViewInit, OnInit {
@@ -244,7 +238,7 @@ declare class BaseDialogComponent<T = any> extends BaseComponent implements Afte
     toastr: FxToastrService;
     api: HttpWrapper;
     dialog: MatDialog;
-    ngForm: NgForm;
+    readonly ngForm: _angular_core.Signal<NgForm | undefined>;
     method: string;
     title: string;
     model: any;
@@ -263,8 +257,8 @@ declare class BaseDialogComponent<T = any> extends BaseComponent implements Afte
     updateInfo(params?: any): Promise<void>;
     cancel(): void;
     validate(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BaseDialogComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDialogComponent<any>, never, never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseDialogComponent<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseDialogComponent<any>, never, never, {}, {}, never, never, true, never>;
 }
 
 declare class FxLoadingService {
@@ -274,8 +268,8 @@ declare class FxLoadingService {
     stop(): void;
     startAction(): void;
     stopAction(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FxLoadingService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FxLoadingService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxLoadingService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FxLoadingService>;
 }
 
 declare class BaseResolver {
@@ -402,8 +396,8 @@ declare class NotificationService {
      * Get connection ID
      */
     getConnectionId(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<NotificationService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NotificationService>;
 }
 
 interface RealtimeTableEvent<T> {
@@ -482,6 +476,14 @@ declare class RealtimeTableSync<T = any> {
 }
 
 declare class FxUtils {
+    /** Dot-path accessor (lodash _.get replacement — supports 'a.b.c'). */
+    static get(obj: any, path: string, defaultValue?: any): any;
+    /** Dot-path setter (lodash _.set replacement — creates missing objects). */
+    static set(obj: any, path: string, value: any): any;
+    /** Structural equality (lodash _.isEqual replacement for plain data). */
+    static deepEqual(a: any, b: any): boolean;
+    /** Deep clone for plain data (objects/arrays/Date); functions stay by reference. */
+    static cloneDeep<T>(v: T): T;
     private static preresolve;
     static resolve(value: object): Promise<{}>;
     static isNotNull(obj: any): boolean;
@@ -639,9 +641,9 @@ declare function HttpLoaderFactory(http: HttpClient): TranslateHttpLoader;
 declare class TranslationModule {
     static forRoot(): ModuleWithProviders<TranslationModule>;
     static forChild(): ModuleWithProviders<TranslationModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TranslationModule, never, [typeof i1.TranslateModule], [typeof i1.TranslateModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TranslationModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TranslationModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<TranslationModule, never, [typeof i1.TranslateModule], [typeof i1.TranslateModule]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<TranslationModule>;
 }
 
 declare class TranslationService {
@@ -655,8 +657,8 @@ declare class TranslationService {
     setLanguage(lang: string): void;
     loadTranslations(lang: string, path: string): void;
     onLanguageChange(callback: (lang: string) => void): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TranslationService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<TranslationService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TranslationService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<TranslationService>;
 }
 
 declare class PermissionService {
@@ -664,8 +666,8 @@ declare class PermissionService {
     setPermissions(perms: string[]): void;
     hasPermission(requiredPermissions: string[]): boolean;
     getPermissions(): string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<PermissionService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PermissionService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PermissionService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PermissionService>;
 }
 
 declare class HasPermissionDirective {
@@ -674,18 +676,18 @@ declare class HasPermissionDirective {
     private permissionService;
     constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef, permissionService: PermissionService);
     set hasPermission(required: string | string[]);
-    static ɵfac: i0.ɵɵFactoryDeclaration<HasPermissionDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<HasPermissionDirective, "[hasPermission]", never, { "hasPermission": { "alias": "hasPermission"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HasPermissionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HasPermissionDirective, "[hasPermission]", never, { "hasPermission": { "alias": "hasPermission"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class TrimOnBlurDirective {
     private el;
+    readonly collapseWhitespace: _angular_core.InputSignal<boolean>;
     private ngControl;
-    collapseWhitespace: boolean;
-    constructor(el: ElementRef<HTMLInputElement>, ngControl: NgControl);
+    constructor(el: ElementRef<HTMLInputElement>);
     onBlur(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TrimOnBlurDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TrimOnBlurDirective, "[appTrimOnBlur]", never, { "collapseWhitespace": { "alias": "appTrimOnBlurCollapse"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TrimOnBlurDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TrimOnBlurDirective, "[appTrimOnBlur]", never, { "collapseWhitespace": { "alias": "appTrimOnBlurCollapse"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class PermissionGuard implements CanActivate {
@@ -693,15 +695,15 @@ declare class PermissionGuard implements CanActivate {
     private router;
     constructor(permissionService: PermissionService, router: Router);
     canActivate(route: any): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PermissionGuard, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PermissionGuard>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PermissionGuard, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PermissionGuard>;
 }
 
 declare class FxStorageService {
     resolve(key: string, value?: any): any;
     remove(key: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FxStorageService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<FxStorageService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxStorageService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FxStorageService>;
 }
 
 declare class AuthStateService {
@@ -712,8 +714,8 @@ declare class AuthStateService {
     setLoggedIn(value: boolean): void;
     get isLoggedIn(): boolean;
     handleUnauthorized(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthStateService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AuthStateService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuthStateService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AuthStateService>;
 }
 
 declare class AuthInterceptor implements HttpInterceptor {
@@ -721,8 +723,8 @@ declare class AuthInterceptor implements HttpInterceptor {
     private handlingUnauthorized;
     constructor(authState: AuthStateService);
     intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AuthInterceptor, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<AuthInterceptor>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AuthInterceptor, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<AuthInterceptor>;
 }
 
 interface Breadcrumb {
@@ -735,22 +737,8 @@ declare class BreadcrumbService {
     set(breadcrumbs: Breadcrumb[]): void;
     get(): rxjs.Observable<Breadcrumb[]>;
     clear(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<BreadcrumbService>;
-}
-
-declare class QuillStyleLoaderService {
-    private platformId;
-    private loaded;
-    private loadingPromise;
-    constructor(platformId: object);
-    /**
-     * Load Quill CSS (only in browser). Returns a promise that resolves when
-     * the CSS links have been appended.
-     */
-    load(): Promise<void>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<QuillStyleLoaderService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<QuillStyleLoaderService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreadcrumbService>;
 }
 
 declare class ThemeService {
@@ -765,8 +753,29 @@ declare class ThemeService {
     getCurrentTheme(): 'light' | 'dark';
     isLight(): boolean;
     getLogoPath(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemeService>;
+}
+
+interface FxConfirmOptions {
+    title?: string;
+    message?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+}
+/**
+ * Thin façade over MatDialog so app code never imports @angular/material
+ * directly (behavior-layer rule, Playbook §5.1). Same semantics — the
+ * returned ref is the Material one, typed through this service.
+ */
+declare class FxDialogService {
+    private dialog;
+    open<T, D = any, R = any>(component: ComponentType<T> | TemplateRef<T>, config?: MatDialogConfig<D>): MatDialogRef<T, R>;
+    /** Standard confirmation flow — resolves true when the user confirms. */
+    confirm(options?: FxConfirmOptions): Promise<boolean>;
+    closeAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxDialogService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FxDialogService>;
 }
 
 type ErrorMessages = Record<string, any>;
@@ -778,6 +787,9 @@ declare abstract class FxComponent<T> implements ControlValueAccessor {
      * bind to an ancestor's NgControl.
      */
     ngControl: NgControl | null;
+    /** With OnPush, programmatic writes (form.setValue / setDisabledState) must
+     *  mark the view — CVA calls come from outside the component's own events. */
+    protected cdr: ChangeDetectorRef;
     disabled: boolean;
     value: T;
     onChange: (value: T) => void;
@@ -802,8 +814,8 @@ declare abstract class FxComponent<T> implements ControlValueAccessor {
      */
     clearErrors(): void;
     getErrorMessage(label?: string): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FxComponent<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FxComponent<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FxComponent<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FxComponent<any>, never, never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class InputComponent extends FxComponent<string> implements AfterViewInit {
@@ -811,18 +823,18 @@ declare class InputComponent extends FxComponent<string> implements AfterViewIni
     label: string;
     tooltip: string;
     type: string;
-    placeholder: string;
+    readonly placeholder: _angular_core.InputSignal<string>;
     errorMessages: Record<string, string>;
-    required: string | boolean;
+    readonly required: _angular_core.InputSignal<string | boolean>;
     suffixIcon?: string;
-    class?: any;
-    maxlength?: number;
-    validateFn?: (value: string) => ValidationErrors | null;
-    blurred: EventEmitter<void>;
-    focused: EventEmitter<void>;
-    suffixClick: EventEmitter<void>;
+    readonly class: _angular_core.InputSignal<any>;
+    readonly maxlength: _angular_core.InputSignal<number | undefined>;
+    readonly validateFn: _angular_core.InputSignal<((value: string) => ValidationErrors | null) | undefined>;
+    readonly blurred: _angular_core.OutputEmitterRef<void>;
+    readonly focused: _angular_core.OutputEmitterRef<void>;
+    readonly suffixClick: _angular_core.OutputEmitterRef<void>;
     /** Accessible name for the suffix icon button (it renders no text). */
-    suffixAriaLabel: string;
+    readonly suffixAriaLabel: _angular_core.InputSignal<string>;
     readonly fieldId: string;
     showPassword: boolean;
     validateError: ValidationErrors | null;
@@ -835,30 +847,30 @@ declare class InputComponent extends FxComponent<string> implements AfterViewIni
     togglePassword(): void;
     onSuffixClick(): void;
     get displayType(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "maxlength": { "alias": "maxlength"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputComponent, "fx-ui-input", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "validateFn": { "alias": "validateFn"; "required": false; "isSignal": true; }; "suffixAriaLabel": { "alias": "suffixAriaLabel"; "required": false; "isSignal": true; }; }, { "blurred": "blurred"; "focused": "focused"; "suffixClick": "suffixClick"; }, never, never, true, never>;
 }
 
 declare class SelectComponent extends FxComponent<string | string[]> implements AfterViewInit, OnInit, OnChanges {
     private ref;
     label: string;
     tooltip: string;
-    placeholder: string;
-    options: {
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<{
         label: string;
         value: string;
-    }[];
-    multiple: boolean;
+    }[]>;
+    readonly multiple: _angular_core.InputSignal<boolean>;
     errorMessages: Record<string, string>;
-    required: boolean;
-    class?: any;
-    enableSearch: boolean;
-    searchFn?: (query: string) => Promise<{
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly class: _angular_core.InputSignal<any>;
+    readonly enableSearch: _angular_core.InputSignal<boolean>;
+    readonly searchFn: _angular_core.InputSignal<((query: string) => Promise<{
         label: string;
         value: string;
-    }[]>;
+    }[]>) | undefined>;
     /** Emits the current value when the select panel closes (useful for multiple mode). */
-    closed: EventEmitter<string | string[]>;
+    readonly closed: _angular_core.OutputEmitterRef<string | string[]>;
     readonly fieldId: string;
     searchTerm: string;
     filteredOptions: {
@@ -877,8 +889,8 @@ declare class SelectComponent extends FxComponent<string | string[]> implements
     performSearch(term: string): Promise<void>;
     onSelectionChange(value: any): void;
     isSelected(value: string): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "fx-ui-select", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; }; "class": { "alias": "class"; "required": false; }; "enableSearch": { "alias": "enableSearch"; "required": false; }; "searchFn": { "alias": "searchFn"; "required": false; }; }, { "closed": "closed"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "fx-ui-select", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "enableSearch": { "alias": "enableSearch"; "required": false; "isSignal": true; }; "searchFn": { "alias": "searchFn"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
 
 interface IRadioButton {
@@ -892,34 +904,34 @@ declare class RadioButtonComponent extends FxComponent<IRadioButton> implements
     readonly groupId: string;
     label?: string;
     tooltip: string;
-    required?: boolean;
-    options: {
+    readonly required: _angular_core.InputSignal<boolean | undefined>;
+    readonly options: _angular_core.InputSignal<{
         label: string;
         value: any;
         icon?: any;
         tooltip?: string;
-    }[];
+    }[]>;
     errorMessages: ErrorMessages;
-    class?: any;
+    readonly class: _angular_core.InputSignal<any>;
     constructor(ref: ChangeDetectorRef);
     ngAfterViewInit(): void;
     onSelectValue(value: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonComponent, "fx-ui-radio", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "required": { "alias": "required"; "required": false; }; "options": { "alias": "options"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "fx-ui-radio", never, { "label": { "alias": "label"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class CheckboxComponent extends FxComponent<any> implements AfterViewInit {
     private ref;
     label: string;
-    rounded: boolean;
-    valueChange: EventEmitter<boolean>;
+    readonly rounded: _angular_core.InputSignal<boolean | undefined>;
+    readonly valueChange: _angular_core.OutputEmitterRef<boolean>;
     constructor(ref: ChangeDetectorRef);
     ngAfterViewInit(): void;
     writeValue(value: any): void;
     onInputChange(event: Event): void;
     markTouched(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "fx-ui-checkbox", never, { "label": { "alias": "label"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "fx-ui-checkbox", never, { "label": { "alias": "label"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 interface UploadResult {
@@ -931,18 +943,19 @@ interface UploadResult {
     }[];
 }
 declare class DndUploadComponent {
-    multiple: boolean;
+    private cdr;
+    readonly multiple: _angular_core.InputSignal<boolean>;
     accept: string;
-    maxSizeMB: number;
-    strictSize: boolean;
+    readonly maxSizeMB: _angular_core.InputSignal<number>;
+    readonly strictSize: _angular_core.InputSignal<boolean>;
     /** Icon name from heroicons (outline). Default: 'arrow-up-tray' */
-    icon: string;
+    readonly icon: _angular_core.InputSignal<string>;
     /** CSS color value for accent (border, icon, link). Default uses --gradient-primary-start */
-    accentColor: string;
-    fileDrop: EventEmitter<File[]>;
-    fileClick: EventEmitter<void>;
-    uploadComplete: EventEmitter<File[]>;
-    uploadError: EventEmitter<{
+    readonly accentColor: _angular_core.InputSignal<string>;
+    readonly fileDrop: _angular_core.OutputEmitterRef<File[]>;
+    readonly fileClick: _angular_core.OutputEmitterRef<void>;
+    readonly uploadComplete: _angular_core.OutputEmitterRef<File[]>;
+    readonly uploadError: _angular_core.OutputEmitterRef<{
         file: File;
         reason: string;
     }>;
@@ -957,103 +970,123 @@ declare class DndUploadComponent {
     private processFiles;
     private onUpload;
     private isAccepted;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DndUploadComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DndUploadComponent, "fx-ui-dnd-upload", never, { "multiple": { "alias": "multiple"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; }; "strictSize": { "alias": "strictSize"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "accentColor": { "alias": "accentColor"; "required": false; }; }, { "fileDrop": "fileDrop"; "fileClick": "fileClick"; "uploadComplete": "uploadComplete"; "uploadError": "uploadError"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DndUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DndUploadComponent, "fx-ui-dnd-upload", never, { "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; }; "maxSizeMB": { "alias": "maxSizeMB"; "required": false; "isSignal": true; }; "strictSize": { "alias": "strictSize"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; }, { "fileDrop": "fileDrop"; "fileClick": "fileClick"; "uploadComplete": "uploadComplete"; "uploadError": "uploadError"; }, never, never, true, never>;
 }
 
 declare class ButtonComponent {
     label: string;
-    disabled: boolean;
-    buttonVariant: 'default' | 'primary' | 'success' | 'alternative';
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly buttonVariant: _angular_core.InputSignal<"default" | "success" | "primary" | "alternative">;
     icon?: any;
-    class?: any;
-    loading: boolean;
+    readonly class: _angular_core.InputSignal<any>;
+    readonly loading: _angular_core.InputSignal<boolean>;
     /** Native button type. Defaults to 'button' so it never implicitly submits a form. */
-    type: 'button' | 'submit' | 'reset';
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
     /** Accessible name for icon-only usage (icon set, no label). */
-    ariaLabel: string;
-    clicked: EventEmitter<void>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly clicked: _angular_core.OutputEmitterRef<void>;
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "fx-ui-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "class": { "alias": "class"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "type": { "alias": "type"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "fx-ui-button", never, { "label": { "alias": "label"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "buttonVariant": { "alias": "buttonVariant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 declare class RadioButtonToggleComponent extends FxComponent<any> implements AfterViewInit {
     private ref;
     readonly groupId: string;
     label?: string;
-    required?: boolean;
-    options: {
+    readonly required: _angular_core.InputSignal<boolean | undefined>;
+    readonly options: _angular_core.InputSignal<{
         label: string;
         value: any;
         icon?: any;
-    }[];
+    }[]>;
     errorMessages: ErrorMessages;
-    class?: any;
+    readonly class: _angular_core.InputSignal<any>;
     constructor(ref: ChangeDetectorRef);
     ngAfterViewInit(): void;
     onSelectValue(value: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioButtonToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioButtonToggleComponent, "fx-ui-radio-toggle, [fx-ui-radio-toggle]", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; }; "options": { "alias": "options"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonToggleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonToggleComponent, "fx-ui-radio-toggle, [fx-ui-radio-toggle]", never, { "label": { "alias": "label"; "required": false; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Date/time field backed by first-party Material pickers (mat-datepicker +
+ * mat-timepicker, the latter first-party since Material 19) — replaces the
+ * former @danielmoncada/angular-datetime-picker + moment adapter stack.
+ *
+ * The public contract is unchanged: the CVA value is a plain string
+ * ('YYYY-MM-DD HH:mm' for type 'both', 'YYYY-MM-DD' for 'calendar',
+ * 'HH:mm' for 'timer'), so existing forms keep working as-is.
+ */
 declare class DatetimePicker extends FxComponent<any> implements AfterViewInit {
     private ref;
     label?: string;
-    placeholder: string;
-    required: boolean;
-    type: any;
-    minDate?: any;
-    maxDate?: any;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    /** 'both' | 'calendar' | 'timer' — same values the Owl picker accepted. */
+    readonly type: _angular_core.InputSignal<"both" | "calendar" | "timer">;
+    readonly minDate: _angular_core.InputSignal<any>;
+    readonly maxDate: _angular_core.InputSignal<any>;
     errorMessages: ErrorMessages;
-    validateFn: (date: string) => ValidationErrors | null;
+    readonly validateFn: _angular_core.InputSignal<((date: string) => ValidationErrors | null) | undefined>;
     readonly fieldId: string;
-    startAt: any;
+    /** Internal Date the Material pickers operate on; `value` stays a string. */
+    dateValue: Date | null;
     constructor(ref: ChangeDetectorRef);
     ngAfterViewInit(): void;
+    get showDate(): boolean;
+    get showTime(): boolean;
+    get min(): Date | null;
+    get max(): Date | null;
     onBlur(): void;
     writeValue(value: any): void;
-    onValueChange(date: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatetimePicker, "fx-ui-datetime-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; }, {}, never, never, false, never>;
+    onDateChange(date: Date | null): void;
+    onTimeChange(time: Date | null): void;
+    private commit;
+    private toDate;
+    private format;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatetimePicker, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatetimePicker, "fx-ui-datetime-picker", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LoadingPanel {
-    show: boolean;
+    readonly show: _angular_core.InputSignal<boolean>;
     message?: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LoadingPanel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoadingPanel, "fx-ui-loading-panel", never, { "show": { "alias": "show"; "required": false; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoadingPanel, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoadingPanel, "fx-ui-loading-panel", never, { "show": { "alias": "show"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SearchBarComponent extends FxComponent<string> implements AfterViewInit {
     private ref;
-    placeholder: string;
-    search: EventEmitter<string>;
-    valueChange: EventEmitter<string>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly search: _angular_core.OutputEmitterRef<string>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
     constructor(ref: ChangeDetectorRef);
     ngAfterViewInit(): void;
     writeValue(value: string): void;
     onValueChange(value: string): void;
     onEnterKey(): void;
     clear(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchBarComponent, "fx-ui-search-bar", never, { "placeholder": { "alias": "placeholder"; "required": false; }; }, { "search": "search"; "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SearchBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SearchBarComponent, "fx-ui-search-bar", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "search": "search"; "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class TabComponent {
-    label: string;
+    readonly label: _angular_core.InputSignal<string>;
     icon?: string;
-    content: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "fx-ui-tab", never, { "label": { "alias": "label"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], false, never>;
+    readonly content: _angular_core.Signal<TemplateRef<any>>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabComponent, "fx-ui-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class TabGroupComponent implements AfterContentInit {
     private renderer;
-    tabs: QueryList<TabComponent>;
+    private cdr;
+    readonly tabs: _angular_core.Signal<readonly TabComponent[]>;
     activeIndex: number;
-    tabListRef: ElementRef<HTMLElement>;
-    underlineRef: ElementRef<HTMLElement>;
+    readonly tabListRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly underlineRef: _angular_core.Signal<ElementRef<HTMLElement>>;
     canScrollLeft: boolean;
     canScrollRight: boolean;
     private animateDelay;
@@ -1070,29 +1103,45 @@ declare class TabGroupComponent implements AfterContentInit {
     onScroll(): void;
     private updateScrollButtons;
     onResize(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TabGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TabGroupComponent, "fx-ui-tab-group", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; }, {}, ["tabs"], never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TabGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TabGroupComponent, "fx-ui-tab-group", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; }, {}, ["tabs"], never, true, never>;
 }
 
+/**
+ * Where the generated Heroicons sprite is served from. Defaults to
+ * 'fx-icons.svg' at the app base — consumers copy it from the package via an
+ * angular.json assets glob (same pattern as the lib fonts):
+ *   { "input": "node_modules/@foxeltech/angular-ui", "glob": "fx-icons.svg", "output": "." }
+ */
+declare const FX_ICON_SPRITE_URL: InjectionToken<string>;
+/**
+ * Heroicons rendered from the self-hosted sprite (see
+ * scripts/generate-icon-sprite.mjs) — every 24px outline/solid icon is
+ * available by name with no per-icon registration and no runtime icon
+ * library. API kept compatible with the old @dimaslz/ng-heroicons wrapper.
+ */
 declare class HeroIconComponent {
-    stroke: number;
-    icon: any;
-    solid: boolean;
-    outline: boolean;
-    size: number;
-    color: any;
-    class?: any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<HeroIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<HeroIconComponent, "fx-ui-hero-icon", never, { "stroke": { "alias": "stroke"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; "outline": { "alias": "outline"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, false, never>;
+    readonly stroke: _angular_core.InputSignal<number>;
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    readonly solid: _angular_core.InputSignal<boolean | undefined>;
+    readonly outline: _angular_core.InputSignal<boolean | undefined>;
+    readonly size: _angular_core.InputSignal<number | undefined>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    readonly class: _angular_core.InputSignal<string | undefined>;
+    readonly spriteUrl: string;
+    constructor();
+    get href(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeroIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeroIconComponent, "fx-ui-hero-icon", never, { "stroke": { "alias": "stroke"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "solid": { "alias": "solid"; "required": false; "isSignal": true; }; "outline": { "alias": "outline"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ToastComponent {
-    toastId: number;
+    readonly toastId: _angular_core.InputSignal<number>;
     title?: string;
-    message: string;
-    type: 'success' | 'error' | 'info' | 'warning';
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "fx-ui-toast", never, { "toastId": { "alias": "toastId"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "type": { "alias": "type"; "required": false; }; }, {}, never, never, false, never>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly type: _angular_core.InputSignal<"error" | "success" | "info" | "warning" | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "fx-ui-toast", never, { "toastId": { "alias": "toastId"; "required": true; "isSignal": true; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ToastContainerComponent {
@@ -1101,79 +1150,32 @@ declare class ToastContainerComponent {
     constructor(ref: ChangeDetectorRef);
     addToast(toast: any): void;
     removeToast(id: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastContainerComponent, "fx-ui-toast-container", never, {}, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastContainerComponent, "fx-ui-toast-container", never, {}, {}, never, never, true, never>;
 }
 
 type TagType = 'success' | 'warning' | 'critical' | 'information' | 'discovery' | 'default' | 'danger';
 declare class TagComponent {
-    label: string;
-    type: TagType;
-    rounded: boolean;
-    icon?: any;
-    solid: boolean;
+    readonly label: _angular_core.InputSignal<string | undefined>;
+    readonly type: _angular_core.InputSignal<TagType>;
+    readonly rounded: _angular_core.InputSignal<boolean>;
+    icon?: string;
+    readonly solid: _angular_core.InputSignal<boolean>;
     clicked: EventEmitter<void>;
     onClick(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "fx-ui-tag", never, { "label": { "alias": "label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "solid": { "alias": "solid"; "required": false; }; }, { "clicked": "clicked"; }, never, never, false, never>;
-}
-
-type IChartType = 'bar' | 'pie' | 'sunburst' | 'auto';
-declare class ChartComponent implements OnChanges, AfterViewInit, OnDestroy {
-    private ref;
-    private cdr;
-    type: IChartType;
-    data: any;
-    options?: EChartsOption;
-    palette?: string[];
-    height: string;
-    loading: boolean;
-    pieLegendAlign: string | number;
-    pieLegendPosition: string | number;
-    showPieLabel: boolean;
-    mobileWidth: number;
-    labelFontFamily: string;
-    emptyText: string;
-    chartClick: EventEmitter<any>;
-    chartInit: EventEmitter<ECharts>;
-    chartOptions: EChartsOption;
-    isEmpty: boolean;
-    labelFontSize: number;
-    private chartInstance?;
-    private resizeObserver?;
-    private intersectionObserver?;
-    private canInit;
-    private isMobile;
-    private containerWidth;
-    constructor(ref: ElementRef<HTMLElement>, cdr: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    ngOnChanges(): void;
-    ngOnDestroy(): void;
-    onThemeChange(): void;
-    onChartClick(event: any): void;
-    onChartInit(chart: any): void;
-    private updateResponsiveState;
-    private forceMediaRecalc;
-    private rebuildChart;
-    private checkEmpty;
-    private registry;
-    private calcPieLayout;
-    private detectType;
-    private buildOptions;
-    private resolvePalette;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChartComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChartComponent, "fx-ui-chart", never, { "type": { "alias": "type"; "required": false; }; "data": { "alias": "data"; "required": false; }; "options": { "alias": "options"; "required": false; }; "palette": { "alias": "palette"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "pieLegendAlign": { "alias": "pieLegendAlign"; "required": false; }; "pieLegendPosition": { "alias": "pieLegendPosition"; "required": false; }; "showPieLabel": { "alias": "showPieLabel"; "required": false; }; "mobileWidth": { "alias": "mobileWidth"; "required": false; }; "labelFontFamily": { "alias": "labelFontFamily"; "required": false; }; "emptyText": { "alias": "emptyText"; "required": false; }; }, { "chartClick": "chartClick"; "chartInit": "chartInit"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "fx-ui-tag", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; "solid": { "alias": "solid"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
 }
 
 declare class SliderComponent extends FxComponent<any> implements AfterViewInit {
     private ref;
-    trackRef: ElementRef<HTMLElement>;
-    thumbRef: ElementRef<HTMLElement>;
-    min: number;
-    max: number;
-    step: number;
-    vertical: boolean;
-    valueChange: EventEmitter<number>;
+    readonly trackRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly thumbRef: _angular_core.Signal<ElementRef<HTMLElement>>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly vertical: _angular_core.InputSignal<boolean>;
+    readonly valueChange: _angular_core.OutputEmitterRef<number>;
     dragging: boolean;
     constructor(ref: ChangeDetectorRef);
     ngAfterViewInit(): void;
@@ -1200,68 +1202,39 @@ declare class SliderComponent extends FxComponent<any> implements AfterViewInit
         transform: string;
         bottom?: undefined;
     };
-    static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "fx-ui-slider", never, { "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "vertical": { "alias": "vertical"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "fx-ui-slider", never, { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 declare class SwitchComponent extends FxComponent<any> implements AfterViewInit {
-    private cdr;
-    onSwitch: EventEmitter<boolean>;
+    readonly onSwitch: _angular_core.OutputEmitterRef<boolean>;
     /** Accessible name — the switch renders no visible text of its own. */
-    ariaLabel: string;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
     ngAfterViewInit(): void;
-    constructor(cdr: ChangeDetectorRef);
     writeValue(value: any): void;
     toggle(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "fx-ui-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onSwitch": "onSwitch"; }, never, never, false, never>;
-}
-
-declare class RichTextAreaComponent extends FxComponent<any> implements AfterViewInit {
-    private cdr;
-    private styleLoader;
-    private platformId;
-    editorContainer: ElementRef<HTMLDivElement>;
-    placeholder: string;
-    toolbarOptions: any;
-    contentChange: EventEmitter<string>;
-    private quillInstance;
-    constructor(cdr: ChangeDetectorRef, styleLoader: QuillStyleLoaderService, platformId: object);
-    ngAfterViewInit(): Promise<void>;
-    writeValue(value: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RichTextAreaComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RichTextAreaComponent, "fx-ui-rich-text-area", never, { "placeholder": { "alias": "placeholder"; "required": false; }; "toolbarOptions": { "alias": "toolbarOptions"; "required": false; }; }, { "contentChange": "contentChange"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "fx-ui-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "onSwitch": "onSwitch"; }, never, never, true, never>;
 }
 
 declare class SkeletonTableLoadingComponent {
-    columns: number;
-    rows: number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonTableLoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonTableLoadingComponent, "fx-ui-skeleton-table-loading", never, { "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class FlowConnection {
-    nodes: Node[];
-    edges: Edge[];
-    backgroundColor: any;
-    view: any;
-    handleConnection(connection: Connection): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlowConnection, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlowConnection, "fx-ui-flow-connection", never, { "nodes": { "alias": "nodes"; "required": false; }; "edges": { "alias": "edges"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "view": { "alias": "view"; "required": false; }; }, {}, never, never, false, never>;
+    readonly columns: _angular_core.InputSignal<number>;
+    readonly rows: _angular_core.InputSignal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonTableLoadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonTableLoadingComponent, "fx-ui-skeleton-table-loading", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class CircleProgressBar {
-    percent: number;
-    showPercent: boolean;
+    readonly percent: _angular_core.InputSignal<number>;
+    readonly showPercent: _angular_core.InputSignal<boolean>;
     readonly radius = 35;
     readonly stroke = 10;
     readonly normalizedRadius: number;
     readonly circumference: number;
     get dashOffset(): number;
     get ariaLabel(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CircleProgressBar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CircleProgressBar, "fx-ui-circle-progress-bar", never, { "percent": { "alias": "percent"; "required": false; }; "showPercent": { "alias": "showPercent"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CircleProgressBar, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircleProgressBar, "fx-ui-circle-progress-bar", never, { "percent": { "alias": "percent"; "required": false; "isSignal": true; }; "showPercent": { "alias": "showPercent"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface TreeNode {
@@ -1273,9 +1246,9 @@ interface TreeNode {
 declare class TreeDiagram implements AfterViewInit, OnDestroy {
     private zone;
     private cdr;
-    data: any;
-    container: ElementRef;
-    root: ElementRef;
+    readonly data: _angular_core.InputSignal<any>;
+    readonly container: _angular_core.Signal<ElementRef<any>>;
+    readonly root: _angular_core.Signal<ElementRef<any>>;
     children: QueryList<ElementRef>;
     lines: any[];
     svgWidth: number;
@@ -1287,15 +1260,15 @@ declare class TreeDiagram implements AfterViewInit, OnDestroy {
     ngOnDestroy(): void;
     private scheduleDraw;
     private drawLines;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TreeDiagram, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TreeDiagram, "fx-ui-tree-diagram", never, { "data": { "alias": "data"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeDiagram, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeDiagram, "fx-ui-tree-diagram", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class TableCell {
-    loading: boolean;
-    skeletonClass: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableCell, "fx-ui-table-cell", never, { "loading": { "alias": "loading"; "required": true; }; "skeletonClass": { "alias": "skeletonClass"; "required": false; }; }, {}, never, ["*"], false, never>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly skeletonClass: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableCell, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableCell, "fx-ui-table-cell", never, { "loading": { "alias": "loading"; "required": true; "isSignal": true; }; "skeletonClass": { "alias": "skeletonClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 interface KanbanColumn<T = any> {
@@ -1312,9 +1285,9 @@ interface ColumnChangedEvent<T = any> {
 }
 
 declare class KanbanBoardComponent<T = any> {
-    columns: KanbanColumn<T>[];
+    readonly columns: _angular_core.InputSignal<KanbanColumn<T>[]>;
     itemTemplate?: TemplateRef<any>;
-    columnChanged: EventEmitter<ColumnChangedEvent<T>>;
+    readonly columnChanged: _angular_core.OutputEmitterRef<ColumnChangedEvent<T>>;
     /**
      * Get all column IDs for connecting drop lists
      */
@@ -1323,8 +1296,8 @@ declare class KanbanBoardComponent<T = any> {
      * Handle drop event when item is moved
      */
     onDrop(event: CdkDragDrop<T[]>, columnId: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<KanbanBoardComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KanbanBoardComponent<any>, "fx-ui-kanban-board", never, { "columns": { "alias": "columns"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, { "columnChanged": "columnChanged"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<KanbanBoardComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<KanbanBoardComponent<any>, "fx-ui-kanban-board", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; }, { "columnChanged": "columnChanged"; }, never, never, true, never>;
 }
 
 interface DrawerItem {
@@ -1338,12 +1311,13 @@ interface DrawerItem {
 
 declare class DrawerComponent implements OnInit, OnDestroy {
     private router;
-    items: DrawerItem[];
+    private cdr;
+    readonly items: _angular_core.InputSignal<DrawerItem[]>;
     isExpanded: boolean;
     logo?: string;
     version?: string;
-    toggleExpanded: EventEmitter<boolean>;
-    itemClicked: EventEmitter<DrawerItem>;
+    readonly toggleExpanded: _angular_core.OutputEmitterRef<boolean>;
+    readonly itemClicked: _angular_core.OutputEmitterRef<DrawerItem>;
     expandedItems: Set<string>;
     currentRoute: string;
     private destroy$;
@@ -1359,28 +1333,28 @@ declare class DrawerComponent implements OnInit, OnDestroy {
     private autoExpandActiveParents;
     getAccordionState(itemId: string): string;
     getDrawerState(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerComponent, "fx-ui-drawer", never, { "items": { "alias": "items"; "required": false; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "version": { "alias": "version"; "required": false; }; }, { "toggleExpanded": "toggleExpanded"; "itemClicked": "itemClicked"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "fx-ui-drawer", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "isExpanded": { "alias": "isExpanded"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "version": { "alias": "version"; "required": false; }; }, { "toggleExpanded": "toggleExpanded"; "itemClicked": "itemClicked"; }, never, never, true, never>;
 }
 
 /** Row-card skeleton placeholder for master-detail list panes. */
 declare class SkeletonListComponent {
-    rows: number;
+    readonly rows: _angular_core.InputSignal<number>;
     range(n: number): number[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonListComponent, "fx-ui-skeleton-list", never, { "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonListComponent, "fx-ui-skeleton-list", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Card-shaped skeleton placeholder for detail panels. */
 declare class SkeletonDetailComponent {
     /** Number of content cards rendered below the header card. */
-    cards: number;
+    readonly cards: _angular_core.InputSignal<number>;
     /** Rows per content card. */
-    rows: number;
+    readonly rows: _angular_core.InputSignal<number>;
     range(n: number): number[];
     rowWidth(i: number): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonDetailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonDetailComponent, "fx-ui-skeleton-detail", never, { "cards": { "alias": "cards"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonDetailComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonDetailComponent, "fx-ui-skeleton-detail", never, { "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface FxStatCard {
@@ -1388,31 +1362,31 @@ interface FxStatCard {
     label: string;
     value: string | number;
     /** hero-icon name shown in the tinted box. */
-    icon?: any;
+    icon?: string;
     /** Colours the number and the icon box; null/undefined renders neutral. */
     tone?: Tone | null;
 }
 /** KPI tile row: big number + tinted icon box + caption, in a responsive grid. */
 declare class StatCardsComponent {
-    cards: FxStatCard[];
+    readonly cards: _angular_core.InputSignal<FxStatCard[]>;
     /** Grid columns; defaults to one column per card. */
     cols?: number;
     get gridColumns(): string;
     numClass(card: FxStatCard): string;
     boxClass(card: FxStatCard): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<StatCardsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatCardsComponent, "fx-ui-stat-cards", never, { "cards": { "alias": "cards"; "required": false; }; "cols": { "alias": "cols"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StatCardsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StatCardsComponent, "fx-ui-stat-cards", never, { "cards": { "alias": "cards"; "required": false; "isSignal": true; }; "cols": { "alias": "cols"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /** Centered "no data" block. The message is caller-translated (no i18n in lib). */
 declare class EmptyStateComponent {
-    message: string;
+    readonly message: _angular_core.InputSignal<string>;
     /** Optional icon (hero-icon name). */
     icon?: any;
     /** Min height of the block, CSS length. */
-    height: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyStateComponent, "fx-ui-empty-state", never, { "message": { "alias": "message"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "height": { "alias": "height"; "required": false; }; }, {}, never, never, false, never>;
+    readonly height: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmptyStateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmptyStateComponent, "fx-ui-empty-state", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface FxFilterChipOption {
@@ -1428,40 +1402,40 @@ interface FxFilterChipOption {
  */
 declare class FilterChipsComponent {
     options: FxFilterChipOption[];
-    value: string;
-    valueChange: EventEmitter<string>;
+    value: string | undefined;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
     /** Per-value tone overrides (e.g. { Safe: 'information', Protected: 'discovery' as any }). */
     toneOverrides: Record<string, Tone | null>;
     select(option: FxFilterChipOption): void;
     chipClass(option: FxFilterChipOption): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FilterChipsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FilterChipsComponent, "fx-ui-filter-chips", never, { "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "toneOverrides": { "alias": "toneOverrides"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterChipsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FilterChipsComponent, "fx-ui-filter-chips", never, { "options": { "alias": "options"; "required": false; }; "value": { "alias": "value"; "required": false; }; "toneOverrides": { "alias": "toneOverrides"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 /** Thin tone-coloured progress/score bar with optional label and caption. */
 declare class MeterComponent {
     value: number;
     max: number;
-    tone: Tone | null;
+    readonly tone: _angular_core.InputSignal<Tone | null>;
     /** Caller-translated texts; omitted → bar only. */
     label?: string;
     caption?: string;
     get percent(): number;
     get fillClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MeterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MeterComponent, "fx-ui-meter", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "label": { "alias": "label"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MeterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MeterComponent, "fx-ui-meter", never, { "value": { "alias": "value"; "required": false; }; "max": { "alias": "max"; "required": false; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; }; "caption": { "alias": "caption"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 /** Detail-panel section: card with an icon + heading header and projected body. */
 declare class SectionCardComponent {
     /** Caller-translated heading. */
-    title: string;
+    readonly title: _angular_core.InputSignal<string>;
     /** hero-icon name; omitted → text-only header. */
     icon?: any;
-    iconTone: Tone | null;
+    readonly iconTone: _angular_core.InputSignal<Tone | null>;
     get iconClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SectionCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SectionCardComponent, "fx-ui-section-card", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconTone": { "alias": "iconTone"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SectionCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SectionCardComponent, "fx-ui-section-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; }; "iconTone": { "alias": "iconTone"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -1471,18 +1445,18 @@ declare class SectionCardComponent {
  */
 declare class InfoFieldComponent {
     /** Caller-translated label. */
-    label: string;
+    readonly label: _angular_core.InputSignal<string>;
     value: string | number | null | undefined;
     /** Colours the value; null/undefined renders the primary text colour. */
     tone: Tone | null;
     /** Monospace value (hashes, paths). */
     mono: boolean;
     /** Placeholder when value is empty. */
-    placeholder: string;
+    readonly placeholder: _angular_core.InputSignal<string>;
     get displayValue(): string;
     get valueClass(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InfoFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InfoFieldComponent, "fx-ui-info-field", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "mono": { "alias": "mono"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InfoFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InfoFieldComponent, "fx-ui-info-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "tone": { "alias": "tone"; "required": false; }; "mono": { "alias": "mono"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 interface FxSeverityBadge {
@@ -1507,12 +1481,12 @@ declare class SeverityBadgesComponent {
     showZero: boolean;
     /** Append the severity letter to counts ("3C", "5H", "2M") per the report design. */
     suffixed: boolean;
-    badgeClick: EventEmitter<string>;
+    readonly badgeClick: _angular_core.OutputEmitterRef<string>;
     private static readonly TONES;
     get badges(): FxSeverityBadge[];
     badgeClass(badge: FxSeverityBadge): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SeverityBadgesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SeverityBadgesComponent, "fx-ui-severity-badges", never, { "stats": { "alias": "stats"; "required": false; }; "showZero": { "alias": "showZero"; "required": false; }; "suffixed": { "alias": "suffixed"; "required": false; }; }, { "badgeClick": "badgeClick"; }, never, never, false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SeverityBadgesComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SeverityBadgesComponent, "fx-ui-severity-badges", never, { "stats": { "alias": "stats"; "required": false; }; "showZero": { "alias": "showZero"; "required": false; }; "suffixed": { "alias": "suffixed"; "required": false; }; }, { "badgeClick": "badgeClick"; }, never, never, true, never>;
 }
 
 /**
@@ -1533,23 +1507,54 @@ declare class SeverityBadgesComponent {
 declare class MasterDetailComponent implements AfterViewInit {
     table: BaseMasterDetailComponent<any>;
     /** Fixed list-pane width on lg+ viewports (stacked full-width below). */
-    listWidth: string;
-    maxListHeight: string;
-    pageSizeOptions: number[];
+    readonly listWidth: _angular_core.InputSignal<string>;
+    readonly maxListHeight: _angular_core.InputSignal<string>;
+    readonly pageSizeOptions: _angular_core.InputSignal<number[]>;
     /** Labels come in via inputs — the lib carries no i18n. */
-    emptyMessage: string;
-    listLabel: string;
-    skeletonCards: number;
-    rowTemplate: TemplateRef<any>;
-    detailTemplate: TemplateRef<any>;
-    paginator: MatPaginator;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly listLabel: _angular_core.InputSignal<string>;
+    readonly skeletonCards: _angular_core.InputSignal<number>;
+    readonly rowTemplate: _angular_core.Signal<TemplateRef<any>>;
+    readonly detailTemplate: _angular_core.Signal<TemplateRef<any>>;
+    readonly paginator: _angular_core.Signal<MatPaginator>;
     readonly uid: string;
     ngAfterViewInit(): void;
     isSelected(row: any): boolean;
     optionId(index: number): string;
     onKeydown(event: KeyboardEvent, index: number): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MasterDetailComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MasterDetailComponent, "fx-ui-master-detail", never, { "table": { "alias": "table"; "required": false; }; "listWidth": { "alias": "listWidth"; "required": false; }; "maxListHeight": { "alias": "maxListHeight"; "required": false; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; }; "listLabel": { "alias": "listLabel"; "required": false; }; "skeletonCards": { "alias": "skeletonCards"; "required": false; }; }, {}, ["rowTemplate", "detailTemplate"], ["[mdHeader]", "[mdFilters]"], false, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MasterDetailComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MasterDetailComponent, "fx-ui-master-detail", never, { "table": { "alias": "table"; "required": false; }; "listWidth": { "alias": "listWidth"; "required": false; "isSignal": true; }; "maxListHeight": { "alias": "maxListHeight"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "listLabel": { "alias": "listLabel"; "required": false; "isSignal": true; }; "skeletonCards": { "alias": "skeletonCards"; "required": false; "isSignal": true; }; }, {}, ["rowTemplate", "detailTemplate"], ["[mdHeader]", "[mdFilters]"], true, never>;
+}
+
+interface FxMenuItem {
+    /** Caller-translated label. */
+    label: string;
+    /** Optional hero-icon name shown before the label. */
+    icon?: string;
+    /** Danger/warning items get the matching text tone. */
+    tone?: Tone | null;
+    disabled?: boolean;
+    /** Free-form identifier handed back on (select). */
+    value?: any;
+}
+/**
+ * Row-action dropdown wrapper over mat-menu (behavior-layer rule, Playbook
+ * §5.1 — apps never import @angular/material directly). Project the trigger
+ * content; items render from [items] and come back through (select).
+ *
+ *   <fx-ui-menu [items]="actions" (select)="onAction($event)">
+ *     <fx-ui-hero-icon icon="ellipsis-vertical" [size]="20" />
+ *   </fx-ui-menu>
+ */
+declare class MenuComponent {
+    readonly items: _angular_core.InputSignal<FxMenuItem[]>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    /** Accessible name for the trigger button. */
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly select: _angular_core.OutputEmitterRef<FxMenuItem>;
+    toneClass(item: FxMenuItem): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "fx-ui-menu", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, ["*"], true, never>;
 }
 
 declare class ConfirmationDialogComponent {
@@ -1563,24 +1568,26 @@ declare class ConfirmationDialogComponent {
     constructor(ref: MatDialogRef<ConfirmationDialogComponent>, bindings: any);
     accept(): Promise<void>;
     cancel(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationDialogComponent, "fx-ui-confirmation-dialog", never, {}, {}, never, never, false, never>;
-}
-
-declare const MY_MOMENT_FORMATS: {
-    parseInput: string;
-    fullPickerInput: string;
-    datePickerInput: string;
-    timePickerInput: string;
-    monthYearLabel: string;
-    dateA11yLabel: string;
-    monthYearA11yLabel: string;
-};
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmationDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmationDialogComponent, "fx-ui-confirmation-dialog", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Compatibility barrel over the (now standalone) core components.
+ *
+ * Deliberately NOT re-exported anymore: Angular Material —
+ * Material is a behavior layer that stays an
+ * implementation detail of this lib (Playbook §5.1); each standalone
+ * component imports what it needs itself. Apps consume fx-ui-* only.
+ *
+ * Heavy components live in secondary entry points and are not part of this
+ * barrel: @foxeltech/angular-ui/chart, /flow, /rich-text.
+ */
 declare class UiModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UiModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UiModule, [typeof InputComponent, typeof SelectComponent, typeof RadioButtonComponent, typeof CheckboxComponent, typeof DndUploadComponent, typeof ButtonComponent, typeof RadioButtonToggleComponent, typeof DatetimePicker, typeof LoadingPanel, typeof SearchBarComponent, typeof TabGroupComponent, typeof TabComponent, typeof HeroIconComponent, typeof ToastComponent, typeof ToastContainerComponent, typeof TagComponent, typeof ChartComponent, typeof SliderComponent, typeof SwitchComponent, typeof RichTextAreaComponent, typeof SkeletonTableLoadingComponent, typeof FlowConnection, typeof CircleProgressBar, typeof TreeDiagram, typeof TableCell, typeof KanbanBoardComponent, typeof DrawerComponent, typeof SkeletonListComponent, typeof SkeletonDetailComponent, typeof StatCardsComponent, typeof EmptyStateComponent, typeof FilterChipsComponent, typeof MeterComponent, typeof SectionCardComponent, typeof InfoFieldComponent, typeof SeverityBadgesComponent, typeof MasterDetailComponent, typeof ConfirmationDialogComponent], [typeof i39.CommonModule, typeof i40.FormsModule, typeof i40.ReactiveFormsModule, typeof i41.RouterModule, typeof i42.OwlDateTimeModule, typeof i42.OwlNativeDateTimeModule, typeof i43.OwlMomentDateTimeModule, typeof HasPermissionDirective, typeof TrimOnBlurDirective, typeof i46.NgHeroiconsModule, typeof i47.VflowComponent, typeof i47.HandleComponent, typeof i47.ResizableComponent, typeof i47.SelectableDirective, typeof i47.MiniMapComponent, typeof i47.NodeToolbarComponent, typeof i47.CustomTemplateEdgeComponent, typeof i47.DragHandleDirective, typeof i47.ConnectionControllerDirective, typeof i47.NodeHtmlTemplateDirective, typeof i47.NodeSvgTemplateDirective, typeof i47.GroupNodeTemplateDirective, typeof i47.EdgeLabelHtmlTemplateDirective, typeof i47.EdgeTemplateDirective, typeof i47.ConnectionTemplateDirective, typeof i47.HandleTemplateDirective, typeof i48.NgxEchartsModule, typeof i49.MatSelectModule, typeof i50.MatRadioModule, typeof i51.MatButtonModule, typeof i52.MatIconModule, typeof i53.MatPaginatorModule, typeof i54.MatTableModule, typeof i55.MatSnackBarModule, typeof i56.MatDialogModule, typeof i57.MatCheckboxModule, typeof i58.MatCardModule, typeof i59.MatDatepickerModule, typeof i60.MatTimepickerModule, typeof i61.MatBadgeModule, typeof i62.MatExpansionModule, typeof i63.MatFormFieldModule, typeof i64.MatMenuModule, typeof i65.MatTooltipModule, typeof i66.DragDropModule], [typeof InputComponent, typeof SelectComponent, typeof RadioButtonComponent, typeof CheckboxComponent, typeof DndUploadComponent, typeof ButtonComponent, typeof RadioButtonToggleComponent, typeof DatetimePicker, typeof LoadingPanel, typeof SearchBarComponent, typeof TabGroupComponent, typeof TabComponent, typeof HeroIconComponent, typeof ToastComponent, typeof ToastContainerComponent, typeof TagComponent, typeof ChartComponent, typeof SliderComponent, typeof SwitchComponent, typeof RichTextAreaComponent, typeof SkeletonTableLoadingComponent, typeof FlowConnection, typeof CircleProgressBar, typeof TreeDiagram, typeof TableCell, typeof KanbanBoardComponent, typeof DrawerComponent, typeof SkeletonListComponent, typeof SkeletonDetailComponent, typeof StatCardsComponent, typeof EmptyStateComponent, typeof FilterChipsComponent, typeof MeterComponent, typeof SectionCardComponent, typeof InfoFieldComponent, typeof SeverityBadgesComponent, typeof MasterDetailComponent, typeof ConfirmationDialogComponent, typeof i40.FormsModule, typeof i40.ReactiveFormsModule, typeof i41.RouterModule, typeof i42.OwlDateTimeModule, typeof i42.OwlNativeDateTimeModule, typeof HasPermissionDirective, typeof i46.NgHeroiconsModule, typeof i49.MatSelectModule, typeof i50.MatRadioModule, typeof i51.MatButtonModule, typeof i52.MatIconModule, typeof i53.MatPaginatorModule, typeof i54.MatTableModule, typeof i55.MatSnackBarModule, typeof i56.MatDialogModule, typeof i57.MatCheckboxModule, typeof i58.MatCardModule, typeof i59.MatDatepickerModule, typeof i60.MatTimepickerModule, typeof i61.MatBadgeModule, typeof i62.MatExpansionModule, typeof i63.MatFormFieldModule, typeof i64.MatMenuModule, typeof i65.MatTooltipModule, typeof i66.DragDropModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UiModule>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UiModule, never, [typeof i1$1.FormsModule, typeof i1$1.ReactiveFormsModule, typeof i2.RouterModule, typeof HasPermissionDirective, typeof TrimOnBlurDirective, typeof InputComponent, typeof SelectComponent, typeof RadioButtonComponent, typeof CheckboxComponent, typeof DndUploadComponent, typeof ButtonComponent, typeof RadioButtonToggleComponent, typeof DatetimePicker, typeof LoadingPanel, typeof SearchBarComponent, typeof TabGroupComponent, typeof TabComponent, typeof HeroIconComponent, typeof ToastComponent, typeof ToastContainerComponent, typeof TagComponent, typeof SliderComponent, typeof SwitchComponent, typeof SkeletonTableLoadingComponent, typeof CircleProgressBar, typeof TreeDiagram, typeof TableCell, typeof KanbanBoardComponent, typeof DrawerComponent, typeof SkeletonListComponent, typeof SkeletonDetailComponent, typeof StatCardsComponent, typeof EmptyStateComponent, typeof FilterChipsComponent, typeof MeterComponent, typeof SectionCardComponent, typeof InfoFieldComponent, typeof SeverityBadgesComponent, typeof MasterDetailComponent, typeof MenuComponent, typeof ConfirmationDialogComponent], [typeof InputComponent, typeof SelectComponent, typeof RadioButtonComponent, typeof CheckboxComponent, typeof DndUploadComponent, typeof ButtonComponent, typeof RadioButtonToggleComponent, typeof DatetimePicker, typeof LoadingPanel, typeof SearchBarComponent, typeof TabGroupComponent, typeof TabComponent, typeof HeroIconComponent, typeof ToastComponent, typeof ToastContainerComponent, typeof TagComponent, typeof SliderComponent, typeof SwitchComponent, typeof SkeletonTableLoadingComponent, typeof CircleProgressBar, typeof TreeDiagram, typeof TableCell, typeof KanbanBoardComponent, typeof DrawerComponent, typeof SkeletonListComponent, typeof SkeletonDetailComponent, typeof StatCardsComponent, typeof EmptyStateComponent, typeof FilterChipsComponent, typeof MeterComponent, typeof SectionCardComponent, typeof InfoFieldComponent, typeof SeverityBadgesComponent, typeof MasterDetailComponent, typeof MenuComponent, typeof ConfirmationDialogComponent, typeof i1$1.FormsModule, typeof i1$1.ReactiveFormsModule, typeof i2.RouterModule, typeof HasPermissionDirective, typeof TrimOnBlurDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UiModule>;
 }
 
-export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseMasterDetailComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, ChartComponent, CheckboxComponent, CircleProgressBar, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, DrawerComponent, EmptyStateComponent, FilterChipsComponent, FlowConnection, FxLoadingService, FxStorageService, FxToastrService, FxUtils, FxValidators, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InfoFieldComponent, InputComponent, KanbanBoardComponent, LoadingPanel, MY_MOMENT_FORMATS, MasterDetailComponent, MeterComponent, NotificationService, PermissionGuard, PermissionService, QuillStyleLoaderService, RadioButtonComponent, RadioButtonToggleComponent, RealtimeTableSync, RichTextAreaComponent, SearchBarComponent, SectionCardComponent, SelectComponent, SeverityBadgesComponent, SkeletonDetailComponent, SkeletonListComponent, SkeletonTableLoadingComponent, SliderComponent, StatCardsComponent, SwitchComponent, TabComponent, TabGroupComponent, TableCell, TagComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule, countTone, createApi, fxListResolver, scoreTone, severityTone, toneBadge, toneBg, toneColor, toneText };
-export type { Breadcrumb, ColumnChangedEvent, FxApiClass, FxFilterChipOption, FxListRequest, FxListResolverContext, FxSeverityBadge, FxStatCard, IChartType, IRadioButton, KanbanColumn, NotificationCallback, NotificationConnectOptions, RealtimeTableEvent, RealtimeTableSyncOptions, TableResult, TagType, ToastData, Tone, TreeNode, UploadResult };
+export { AuthInterceptor, AuthStateService, BaseComponent, BaseDialogComponent, BaseMasterDetailComponent, BaseResolver, BaseTableComponent, BreadcrumbService, ButtonComponent, CheckboxComponent, CircleProgressBar, ConfirmationDialogComponent, DatetimePicker, DndUploadComponent, DrawerComponent, EmptyStateComponent, FX_ICON_SPRITE_URL, FilterChipsComponent, FxComponent, FxDialogService, FxLoadingService, FxStorageService, FxToastrService, FxUtils, FxValidators, HasPermissionDirective, HeroIconComponent, HttpLoaderFactory, HttpWrapper, InfoFieldComponent, InputComponent, KanbanBoardComponent, LoadingPanel, MasterDetailComponent, MenuComponent, MeterComponent, NotificationService, PermissionGuard, PermissionService, RadioButtonComponent, RadioButtonToggleComponent, RealtimeTableSync, SearchBarComponent, SectionCardComponent, SelectComponent, SeverityBadgesComponent, SkeletonDetailComponent, SkeletonListComponent, SkeletonTableLoadingComponent, SliderComponent, StatCardsComponent, SwitchComponent, TabComponent, TabGroupComponent, TableCell, TagComponent, ThemeService, ToastComponent, ToastContainerComponent, TranslationModule, TranslationService, TreeDiagram, TrimOnBlurDirective, UiModule, countTone, createApi, fxListResolver, scoreTone, severityTone, toneBadge, toneBg, toneColor, toneText };
+export type { Breadcrumb, ColumnChangedEvent, ErrorMessages, FxApiClass, FxConfirmOptions, FxFilterChipOption, FxListRequest, FxListResolverContext, FxMenuItem, FxSeverityBadge, FxStatCard, FxTableFilters, IRadioButton, KanbanColumn, NotificationCallback, NotificationConnectOptions, RealtimeTableEvent, RealtimeTableSyncOptions, TableResult, TagType, ToastData, Tone, TreeNode, UploadResult };