@flusys/ng-ui 7.1.0 → 8.0.0

package/types/flusys-ng-ui.d.ts

@@ -1,9 +1,37 @@
 import * as _angular_core from '@angular/core';
-import { TemplateRef, OnDestroy, AfterViewInit, ElementRef, OnInit, InjectionToken, Type, Injector, EnvironmentProviders } from '@angular/core';
-import * as i1 from '@angular/forms';
+import { EnvironmentProviders, TemplateRef, OnDestroy, AfterViewInit, OnInit, ElementRef, InjectionToken, Type, Injector } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as rxjs from 'rxjs';
 
+type UiMessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';
+interface UiMessage {
+    id: string;
+    severity: UiMessageSeverity;
+    summary?: string;
+    detail?: string;
+    life?: number;
+    sticky?: boolean;
+    key?: string;
+    closing?: boolean;
+}
+interface UiAddMessage {
+    severity?: UiMessageSeverity;
+    summary?: string;
+    detail?: string;
+    life?: number;
+    sticky?: boolean;
+    key?: string;
+}
+declare class MessageService {
+    private readonly _messages;
+    readonly messages: _angular_core.Signal<UiMessage[]>;
+    add(message: UiAddMessage): void;
+    remove(id: string): void;
+    clear(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MessageService>;
+}
+
 interface UiConfirmation {
     message?: string;
     header?: string;
@@ -32,6 +60,215 @@ declare class ConfirmationService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmationService>;
 }
 
+interface NgUITranslationConfig {
+    accept?: string;
+    reject?: string;
+    choose?: string;
+    upload?: string;
+    cancel?: string;
+    close?: string;
+    clear?: string;
+    apply?: string;
+    remove?: string;
+    today?: string;
+    weekHeader?: string;
+    firstDayOfWeek?: number;
+    showMonthAfterYear?: boolean;
+    dateFormat?: string;
+    dayNames?: string[];
+    dayNamesShort?: string[];
+    dayNamesMin?: string[];
+    monthNames?: string[];
+    monthNamesShort?: string[];
+    aria?: Record<string, string>;
+    [key: string]: unknown;
+}
+interface NgUIOptions {
+    theme?: {
+        options?: {
+            darkModeSelector?: string;
+            cssLayer?: {
+                name: string;
+                order: string;
+            } | false;
+        };
+    };
+    translation?: NgUITranslationConfig;
+}
+declare class NgUIConfig {
+    private readonly _translation;
+    readonly translation: _angular_core.Signal<NgUITranslationConfig>;
+    configure(options: NgUIOptions): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgUIConfig, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgUIConfig>;
+}
+
+type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
+type ColorPalette = Record<ColorShade, string>;
+type SurfacePalette = {
+    0: string;
+} & ColorPalette;
+declare const PRIMARY_PALETTES: Record<string, ColorPalette>;
+declare const SURFACE_PALETTES: Record<string, SurfacePalette>;
+declare const NOIR_PRIMARY: ColorPalette;
+
+type PresetName = 'Aura' | 'Lara' | 'Nora';
+interface SelectButtonTokens {
+    background: string;
+    borderColor: string;
+    dividerColor: string;
+    padding: string;
+    itemColor: string;
+    itemHoverBackground: string;
+    checkedBackground: string;
+    checkedColor: string;
+    checkedShadow: string;
+    fontWeight: string;
+    itemBorderRadius: string;
+}
+interface ThemePreset {
+    name: PresetName;
+    radiusXs: string;
+    borderRadiusSm: string;
+    borderRadius: string;
+    borderRadiusLg: string;
+    borderRadiusXl: string;
+    radius3xl: string;
+    radius4xl: string;
+    borderWidth: string;
+    shadowSm: string;
+    shadow: string;
+    shadowLg: string;
+    shadowXl: string;
+    shadow2xl: string;
+    transitionDuration: string;
+    focusRingWidth: string;
+    focusRingStyle: string;
+    focusRingOffset: string;
+    highlightVariant: 'tint' | 'solid';
+    strongBorders: boolean;
+    fieldPaddingX: string;
+    fieldPaddingY: string;
+    fieldBorderRadius: string;
+    fieldFontWeight: string;
+    buttonPaddingX: string;
+    buttonPaddingY: string;
+    buttonBorderRadius: string;
+    buttonFontWeight: string;
+    buttonLetterSpacing: string;
+    overlayBorderRadius: string;
+    overlayShadow: string;
+    selectButton: SelectButtonTokens;
+    cardBorderRadius: string;
+    cardPadding: string;
+    cardGap: string;
+    cardShadow: string;
+    sidebarBorderWidth: string;
+    sidebarRadius: string;
+    sidebarShadow: string;
+    topbarBorderWidth: string;
+    topbarShadow: string;
+    menuItemActiveRadius: string;
+    menuItemActiveBorderWidth: string;
+    /** Default primary palette applied when the user switches to this preset. */
+    signaturePrimary: string;
+}
+declare const AURA_PRESET: ThemePreset;
+declare const LARA_PRESET: ThemePreset;
+declare const NORA_PRESET: ThemePreset;
+declare const PRESETS: Record<PresetName, ThemePreset>;
+declare const PRESET_NAMES: PresetName[];
+
+declare function applyPrimaryPalette(palette: ColorPalette, isDark?: boolean, root?: HTMLElement): void;
+declare function applySurfacePalette(palette: SurfacePalette, root?: HTMLElement): void;
+declare function applyLightSemantics(root?: HTMLElement): void;
+declare function applyDarkSemantics(root?: HTMLElement): void;
+declare function applyPreset(preset: ThemePreset, root?: HTMLElement): void;
+interface ApplyThemeOptions {
+    preset?: PresetName;
+    primary?: string;
+    surface?: string | null;
+    darkTheme?: boolean;
+}
+declare function applyTheme(options: ApplyThemeOptions, root?: HTMLElement): void;
+declare function buildBootstrapPreset(envConfig?: {
+    preset?: string;
+    primary?: string;
+    surface?: string | null;
+    isMemorable?: boolean;
+}): ApplyThemeOptions;
+
+interface ProvideNgUIOptions {
+    theme?: {
+        preset?: ApplyThemeOptions | {
+            preset: ApplyThemeOptions;
+            options: {
+                darkModeSelector?: string;
+            };
+        };
+        options?: {
+            darkModeSelector?: string;
+        };
+    };
+    translation?: NgUIOptions['translation'];
+    ripple?: boolean;
+}
+declare function provideNgUI(options?: ProvideNgUIOptions): EnvironmentProviders;
+
+interface MenuItemCommandEvent {
+    originalEvent?: Event;
+    item?: MenuItem;
+}
+interface MenuItem {
+    label?: string;
+    icon?: string;
+    iconClass?: string;
+    command?: (event: MenuItemCommandEvent) => void;
+    url?: string;
+    routerLink?: string | string[];
+    queryParams?: Record<string, unknown>;
+    items?: MenuItem[];
+    disabled?: boolean;
+    visible?: boolean;
+    separator?: boolean;
+    /** Marks the item as the current selection — renders a highlight and a trailing check mark. */
+    selected?: boolean;
+    styleClass?: string;
+    badge?: string;
+    badgeStyleClass?: string;
+    tooltip?: string;
+    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
+    target?: string;
+    id?: string;
+    escape?: boolean;
+    tabindex?: string;
+    automationId?: unknown;
+    expanded?: boolean;
+    state?: Record<string, unknown>;
+    style?: Record<string, string>;
+    [key: string]: unknown;
+}
+
+interface TreeNode<T = unknown> {
+    data?: T;
+    children?: TreeNode<T>[];
+    expanded?: boolean;
+    leaf?: boolean;
+    label?: string;
+    icon?: string;
+    expandedIcon?: string;
+    collapsedIcon?: string;
+    key?: string;
+    type?: string;
+    selectable?: boolean;
+    partialSelected?: boolean;
+    styleClass?: string;
+    draggable?: boolean;
+    droppable?: boolean;
+    parent?: TreeNode<T>;
+    [key: string]: unknown;
+}
+
 declare class ConfirmDialog {
     private static idCounter;
     private readonly _doc;
@@ -80,35 +317,6 @@ declare class ConfirmDialog {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmDialog, "f-confirmdialog", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; "isSignal": true; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; "isSignal": true; }; "acceptIcon": { "alias": "acceptIcon"; "required": false; "isSignal": true; }; "rejectIcon": { "alias": "rejectIcon"; "required": false; "isSignal": true; }; "acceptButtonStyleClass": { "alias": "acceptButtonStyleClass"; "required": false; "isSignal": true; }; "rejectButtonStyleClass": { "alias": "rejectButtonStyleClass"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "blockScroll": { "alias": "blockScroll"; "required": false; "isSignal": true; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type UiMessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';
-interface UiMessage {
-    id: string;
-    severity: UiMessageSeverity;
-    summary?: string;
-    detail?: string;
-    life?: number;
-    sticky?: boolean;
-    key?: string;
-    closing?: boolean;
-}
-interface UiAddMessage {
-    severity?: UiMessageSeverity;
-    summary?: string;
-    detail?: string;
-    life?: number;
-    sticky?: boolean;
-    key?: string;
-}
-declare class MessageService {
-    private readonly _messages;
-    readonly messages: _angular_core.Signal<UiMessage[]>;
-    add(message: UiAddMessage): void;
-    remove(id: string): void;
-    clear(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageService, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<MessageService>;
-}
-
 declare class ToastComponent {
     readonly messageService: MessageService;
     readonly key: _angular_core.InputSignal<string | undefined>;
@@ -135,37 +343,6 @@ declare class ToastComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToastComponent, "f-toast", never, { "key": { "alias": "key"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, ["messageTemplate"], never, true, never>;
 }
 
-type AvatarSize = 'small' | 'normal' | 'large' | 'xlarge';
-type AvatarShape = 'square' | 'circle';
-declare class AvatarComponent {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly icon: _angular_core.InputSignal<string>;
-    readonly image: _angular_core.InputSignal<string>;
-    readonly shape: _angular_core.InputSignal<AvatarShape>;
-    readonly size: _angular_core.InputSignal<AvatarSize>;
-    /** Overrides the default gradient with a solid background color (e.g. a per-user deterministic color). Ignored when `image` is set. */
-    readonly color: _angular_core.InputSignal<string>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
-    readonly onImageError: _angular_core.OutputEmitterRef<Event>;
-    private readonly _imageLoadFailed;
-    readonly imageLoadFailed: _angular_core.Signal<boolean>;
-    constructor();
-    onImgError(event: Event): void;
-    readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "f-avatar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "onImageError": "onImageError"; }, never, ["*"], true, never>;
-}
-
-declare class AvatarGroupComponent {
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "f-avatar-group", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
 type BadgeSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
 type BadgeSize = 'small' | 'large' | 'xlarge' | null;
 declare class BadgeComponent {
@@ -250,29 +427,73 @@ declare class FButtonDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FButtonDirective, "[fButton]", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ChipComponent {
+type TagSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
+declare class TagComponent {
+    readonly value: _angular_core.InputSignal<string>;
+    readonly severity: _angular_core.InputSignal<TagSeverity>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Overrides severity with a custom background/text color (e.g. a per-entity color). */
+    readonly color: _angular_core.InputSignal<string>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly iconTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly classes: _angular_core.Signal<string>;
+    readonly colorBackground: _angular_core.Signal<string | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "f-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["iconTemplate"], ["*"], true, never>;
+}
+
+type SkeletonShape = 'rectangle' | 'circle';
+type SkeletonAnimation = 'wave' | 'none';
+declare class SkeletonComponent {
+    readonly width: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<string>;
+    readonly borderRadius: _angular_core.InputSignal<string>;
+    readonly shape: _angular_core.InputSignal<SkeletonShape>;
+    readonly animation: _angular_core.InputSignal<SkeletonAnimation>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly hostStyle: _angular_core.Signal<{
+        width: string;
+        height: string;
+        borderRadius: string;
+        display: string;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "f-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type AvatarSize = 'small' | 'normal' | 'large' | 'xlarge';
+type AvatarShape = 'square' | 'circle';
+declare class AvatarComponent {
     readonly label: _angular_core.InputSignal<string>;
     readonly icon: _angular_core.InputSignal<string>;
     readonly image: _angular_core.InputSignal<string>;
-    readonly alt: _angular_core.InputSignal<string>;
-    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly removeIcon: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly shape: _angular_core.InputSignal<AvatarShape>;
+    readonly size: _angular_core.InputSignal<AvatarSize>;
+    /** Overrides the default gradient with a solid background color (e.g. a per-user deterministic color). Ignored when `image` is set. */
+    readonly color: _angular_core.InputSignal<string>;
     readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onRemove: _angular_core.OutputEmitterRef<MouseEvent>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
     readonly onImageError: _angular_core.OutputEmitterRef<Event>;
-    private readonly _visible;
-    readonly visible: _angular_core.Signal<boolean>;
     private readonly _imageLoadFailed;
     readonly imageLoadFailed: _angular_core.Signal<boolean>;
     constructor();
-    readonly classes: _angular_core.Signal<string>;
     onImgError(event: Event): void;
-    onRemoveClick(event: MouseEvent): void;
-    onKeydown(event: KeyboardEvent): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "f-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeIcon": { "alias": "removeIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; "onImageError": "onImageError"; }, never, ["*"], true, never>;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "f-avatar", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; }, { "onImageError": "onImageError"; }, never, ["*"], true, never>;
+}
+
+declare class AvatarGroupComponent {
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "f-avatar-group", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 type DividerLayout = 'horizontal' | 'vertical';
@@ -291,65 +512,29 @@ declare class DividerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DividerComponent, "f-divider", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*"], true, never>;
 }
 
-declare class ImageComponent {
-    readonly src: _angular_core.InputSignal<string>;
+declare class ChipComponent {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly image: _angular_core.InputSignal<string>;
     readonly alt: _angular_core.InputSignal<string>;
-    readonly width: _angular_core.InputSignal<string>;
-    readonly height: _angular_core.InputSignal<string>;
-    readonly preview: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly loading: _angular_core.InputSignal<"lazy" | "eager" | undefined>;
+    readonly removable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly removeIcon: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onShow: _angular_core.OutputEmitterRef<void>;
-    readonly onHide: _angular_core.OutputEmitterRef<void>;
+    readonly onRemove: _angular_core.OutputEmitterRef<MouseEvent>;
     readonly onImageError: _angular_core.OutputEmitterRef<Event>;
-    readonly hostClass: _angular_core.Signal<string>;
-    private readonly fTemplates;
-    readonly indicatorTpl: _angular_core.Signal<_angular_core.TemplateRef<any> | null>;
-    private readonly _previewVisible;
-    readonly previewVisible: _angular_core.Signal<boolean>;
-    private readonly _loaded;
-    readonly loaded: _angular_core.Signal<boolean>;
-    private readonly _hasError;
-    readonly hasError: _angular_core.Signal<boolean>;
-    private readonly _rotate;
-    readonly rotate: _angular_core.Signal<number>;
-    private readonly _scale;
-    readonly scale: _angular_core.Signal<number>;
-    readonly zoomInDisabled: _angular_core.Signal<boolean>;
-    readonly zoomOutDisabled: _angular_core.Signal<boolean>;
-    readonly previewTransform: _angular_core.Signal<string>;
-    open(): void;
-    close(): void;
-    onEscape(): void;
-    onLoad(): void;
-    onImgError(event: Event): void;
-    rotateLeft(): void;
-    rotateRight(): void;
-    zoomIn(): void;
-    zoomOut(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "f-image", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["fTemplates"], never, true, never>;
-}
-
-type MessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';
-declare class MessageComponent {
-    readonly severity: _angular_core.InputSignal<MessageSeverity>;
-    readonly text: _angular_core.InputSignal<string>;
-    readonly icon: _angular_core.InputSignal<string>;
-    readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly life: _angular_core.InputSignal<number | undefined>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly onClose: _angular_core.OutputEmitterRef<void>;
     private readonly _visible;
     readonly visible: _angular_core.Signal<boolean>;
+    private readonly _imageLoadFailed;
+    readonly imageLoadFailed: _angular_core.Signal<boolean>;
     constructor();
-    close(event?: Event): void;
     readonly classes: _angular_core.Signal<string>;
-    readonly iconName: _angular_core.Signal<string>;
-    readonly iconColor: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageComponent, "f-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, ["*"], true, never>;
+    onImgError(event: Event): void;
+    onRemoveClick(event: MouseEvent): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "f-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "image": { "alias": "image"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeIcon": { "alias": "removeIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onRemove": "onRemove"; "onImageError": "onImageError"; }, never, ["*"], true, never>;
 }
 
 type ProgressbarSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
@@ -385,81 +570,110 @@ declare class ProgressSpinnerComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressSpinnerComponent, "f-progressspinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type SkeletonShape = 'rectangle' | 'circle';
-type SkeletonAnimation = 'wave' | 'none';
-declare class SkeletonComponent {
-    readonly width: _angular_core.InputSignal<string>;
-    readonly height: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<string>;
-    readonly borderRadius: _angular_core.InputSignal<string>;
-    readonly shape: _angular_core.InputSignal<SkeletonShape>;
-    readonly animation: _angular_core.InputSignal<SkeletonAnimation>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly hostClass: _angular_core.Signal<string>;
-    readonly hostStyle: _angular_core.Signal<{
-        width: string;
-        height: string;
-        borderRadius: string;
-        display: string;
-    }>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkeletonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkeletonComponent, "f-skeleton", never, { "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "animation": { "alias": "animation"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-type TagSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
-declare class TagComponent {
-    readonly value: _angular_core.InputSignal<string>;
-    readonly severity: _angular_core.InputSignal<TagSeverity>;
+type MessageSeverity = 'success' | 'info' | 'warn' | 'error' | 'secondary' | 'contrast';
+declare class MessageComponent {
+    readonly severity: _angular_core.InputSignal<MessageSeverity>;
+    readonly text: _angular_core.InputSignal<string>;
     readonly icon: _angular_core.InputSignal<string>;
-    readonly rounded: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Overrides severity with a custom background/text color (e.g. a per-entity color). */
-    readonly color: _angular_core.InputSignal<string>;
+    readonly closable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly life: _angular_core.InputSignal<number | undefined>;
     readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly iconTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly onClose: _angular_core.OutputEmitterRef<void>;
+    private readonly _visible;
+    readonly visible: _angular_core.Signal<boolean>;
+    constructor();
+    close(event?: Event): void;
     readonly classes: _angular_core.Signal<string>;
-    readonly colorBackground: _angular_core.Signal<string | null>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "f-tag", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, ["iconTemplate"], ["*"], true, never>;
+    readonly iconName: _angular_core.Signal<string>;
+    readonly iconColor: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageComponent, "f-message", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, ["*"], true, never>;
 }
 
-interface CheckboxChangeEvent {
-    checked: boolean;
-    originalEvent: Event;
-}
-type CheckboxVariant = 'filled' | 'outlined' | null;
-type CheckboxSize = 'small' | 'large' | null;
-declare class CheckboxComponent implements ControlValueAccessor {
-    readonly label: _angular_core.InputSignal<string>;
-    readonly binary: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly inputId: _angular_core.InputSignal<string>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly variant: _angular_core.InputSignal<CheckboxVariant>;
-    readonly size: _angular_core.InputSignal<CheckboxSize>;
-    readonly touched: _angular_core.InputSignal<boolean>;
+declare class ImageComponent {
+    readonly src: _angular_core.InputSignal<string>;
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly preview: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: _angular_core.InputSignal<"lazy" | "eager" | undefined>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly onShow: _angular_core.OutputEmitterRef<void>;
+    readonly onHide: _angular_core.OutputEmitterRef<void>;
+    readonly onImageError: _angular_core.OutputEmitterRef<Event>;
     readonly hostClass: _angular_core.Signal<string>;
-    readonly onChangeEvent: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
-    readonly onBlur: _angular_core.OutputEmitterRef<void>;
-    readonly touch: _angular_core.OutputEmitterRef<void>;
-    readonly checked: _angular_core.ModelSignal<boolean>;
-    readonly iconSize: _angular_core.Signal<12 | 18 | 14>;
-    readonly boxClass: _angular_core.Signal<string>;
-    private _onChange;
-    private _onTouched;
-    onInputClick(event: Event): void;
-    onChange(event: Event): void;
-    handleBlur(): void;
-    writeValue(val: boolean): void;
-    registerOnChange(fn: (v: boolean) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "f-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "onChangeEvent": "onChange"; "onBlur": "onBlur"; "touch": "touch"; "checked": "checkedChange"; }, never, never, true, never>;
+    private readonly fTemplates;
+    readonly indicatorTpl: _angular_core.Signal<_angular_core.TemplateRef<any> | null>;
+    private readonly _previewVisible;
+    readonly previewVisible: _angular_core.Signal<boolean>;
+    private readonly _loaded;
+    readonly loaded: _angular_core.Signal<boolean>;
+    private readonly _hasError;
+    readonly hasError: _angular_core.Signal<boolean>;
+    private readonly _rotate;
+    readonly rotate: _angular_core.Signal<number>;
+    private readonly _scale;
+    readonly scale: _angular_core.Signal<number>;
+    readonly zoomInDisabled: _angular_core.Signal<boolean>;
+    readonly zoomOutDisabled: _angular_core.Signal<boolean>;
+    readonly previewTransform: _angular_core.Signal<string>;
+    open(): void;
+    close(): void;
+    onEscape(): void;
+    onLoad(): void;
+    onImgError(event: Event): void;
+    rotateLeft(): void;
+    rotateRight(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ImageComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ImageComponent, "f-image", never, { "src": { "alias": "src"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onShow": "onShow"; "onHide": "onHide"; "onImageError": "onImageError"; }, ["fTemplates"], never, true, never>;
+}
+
+type InputVariant = 'outlined' | 'filled';
+type InputSize = 'small' | 'large' | null;
+declare class InputTextDirective {
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly variant: _angular_core.InputSignal<InputVariant>;
+    readonly size: _angular_core.InputSignal<InputSize>;
+    readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputTextDirective, "[fInputText]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class InputPasswordDirective {
+    private readonly _el;
+    readonly mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly toggleMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    private readonly _visible;
+    readonly visible: _angular_core.Signal<boolean>;
+    private readonly _masked;
+    constructor();
+    toggle(): void;
+    show(): void;
+    hide(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputPasswordDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputPasswordDirective, "[fInputPassword]", ["fInputPassword"], { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TextareaVariant = 'outlined' | 'filled';
+declare class TextareaDirective {
+    private readonly _el;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly variant: _angular_core.InputSignal<TextareaVariant>;
+    readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly onResize: _angular_core.OutputEmitterRef<void>;
+    constructor();
+    onInput(): void;
+    private resize;
+    readonly classes: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaDirective, "[fTextarea]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; }, { "onResize": "onResize"; }, never, never, true, never>;
 }
 
 declare class FTemplateDirective {
@@ -469,388 +683,147 @@ declare class FTemplateDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<FTemplateDirective, "ng-template[fTemplate]", never, { "fTemplate": { "alias": "fTemplate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-type FDatePickerSelectionMode = 'single' | 'multiple' | 'range';
-type FDatePickerView = 'date' | 'month' | 'year';
-type FDatePickerIconDisplay = 'button' | 'input';
-type FDatePickerHourFormat = '12' | '24';
-type FDatePickerAppendTo = 'self' | 'body';
-type FDatePickerValue = Date | Array<Date | null> | null;
-interface FDatePickerDay {
-    day: number;
-    date: Date;
-    otherMonth: boolean;
-    selected: boolean;
-    rangeStart: boolean;
-    rangeEnd: boolean;
-    inRange: boolean;
-    today: boolean;
-    disabled: boolean;
-}
-declare class DatePickerComponent implements ControlValueAccessor {
-    private static idCounter;
-    private readonly _instanceId;
-    readonly MONTHS: string[];
-    readonly MONTH_SHORT: string[];
+type FSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
+type FSelectAppendTo = 'self' | 'body';
+type FSelectFlatItem = {
+    kind: 'option';
+    option: unknown;
+} | {
+    kind: 'group';
+    label: string;
+};
+declare class SelectComponent implements ControlValueAccessor {
+    private readonly _el;
+    constructor();
+    onDocumentClick(e: MouseEvent): void;
+    readonly options: _angular_core.InputSignal<unknown[]>;
+    readonly optionLabel: _angular_core.InputSignal<string>;
+    readonly optionValue: _angular_core.InputSignal<string>;
     readonly placeholder: _angular_core.InputSignal<string>;
-    readonly dateFormat: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonlyInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly timeOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly hourFormat: _angular_core.InputSignal<FDatePickerHourFormat>;
-    readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly selectionMode: _angular_core.InputSignal<FDatePickerSelectionMode>;
-    readonly minDate: _angular_core.InputSignal<Date | null | undefined>;
-    readonly maxDate: _angular_core.InputSignal<Date | null | undefined>;
-    readonly disabledDates: _angular_core.InputSignal<Date[]>;
-    readonly disabledDays: _angular_core.InputSignal<number[]>;
+    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly filterBy: _angular_core.InputSignal<string>;
+    readonly filterMatchMode: _angular_core.InputSignal<FSelectFilterMatchMode>;
+    readonly filterLocale: _angular_core.InputSignal<string>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly resetFilterOnHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autofocusFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly emptyMessage: _angular_core.InputSignal<string>;
+    readonly emptyFilterMessage: _angular_core.InputSignal<string>;
+    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly loadingIcon: _angular_core.InputSignal<string>;
+    readonly dropdownIcon: _angular_core.InputSignal<string>;
+    readonly clearIcon: _angular_core.InputSignal<string>;
     readonly inputId: _angular_core.InputSignal<string>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly touched: _angular_core.InputSignal<boolean>;
-    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly inputStyleClass: _angular_core.InputSignal<string>;
-    readonly showIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly iconDisplay: _angular_core.InputSignal<FDatePickerIconDisplay>;
-    readonly showButtonBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly numberOfMonths: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly view: _angular_core.InputSignal<FDatePickerView>;
-    readonly showOtherMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly selectOtherMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
-    readonly appendTo: _angular_core.InputSignal<FDatePickerAppendTo>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly appendTo: _angular_core.InputSignal<FSelectAppendTo>;
+    readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly checkmark: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly optionGroupLabel: _angular_core.InputSignal<string>;
+    readonly optionGroupChildren: _angular_core.InputSignal<string>;
+    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
+    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly hostClass: _angular_core.Signal<string>;
-    readonly onBlur: _angular_core.OutputEmitterRef<void>;
-    readonly onSelect: _angular_core.OutputEmitterRef<Date>;
+    readonly onFilter: _angular_core.OutputEmitterRef<{
+        filter: string;
+    }>;
+    readonly onChange: _angular_core.OutputEmitterRef<unknown>;
     readonly onShow: _angular_core.OutputEmitterRef<void>;
     readonly onHide: _angular_core.OutputEmitterRef<void>;
-    readonly onClearClick: _angular_core.OutputEmitterRef<void>;
-    readonly onTodayClick: _angular_core.OutputEmitterRef<void>;
-    readonly onMonthChange: _angular_core.OutputEmitterRef<{
-        month: number;
-        year: number;
-    }>;
-    readonly onYearChange: _angular_core.OutputEmitterRef<{
-        month: number;
-        year: number;
+    readonly onBlur: _angular_core.OutputEmitterRef<void>;
+    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
+    readonly onClear: _angular_core.OutputEmitterRef<void>;
+    readonly onLazyLoad: _angular_core.OutputEmitterRef<{
+        filter: string;
     }>;
     private readonly _value;
-    readonly value: _angular_core.Signal<FDatePickerValue>;
+    readonly value: _angular_core.Signal<unknown>;
     private readonly _open;
-    private readonly _viewMonth;
-    readonly viewMonth: _angular_core.Signal<number>;
-    private readonly _viewYear;
-    readonly viewYear: _angular_core.Signal<number>;
-    private readonly _gridMode;
-    readonly gridMode: _angular_core.Signal<FDatePickerView>;
-    private readonly _focusedDate;
-    private readonly _timeHour;
-    private readonly _timeMinute;
-    private readonly _timeSecond;
-    readonly timeMinute: _angular_core.Signal<number>;
-    readonly timeSecond: _angular_core.Signal<number>;
-    readonly displayHourText: _angular_core.Signal<string>;
-    readonly isPM: _angular_core.Signal<boolean>;
-    private readonly popoverRef;
-    private readonly _inputRef;
     readonly open: _angular_core.Signal<boolean>;
-    private readonly _el;
-    private _onChange;
-    private _onTouched;
-    private _wasOpen;
+    private readonly _filterText;
+    readonly filterText: _angular_core.Signal<string>;
+    private readonly _focusedOptionIndex;
+    readonly focusedOptionIndex: _angular_core.Signal<number>;
+    private readonly _triggerRef;
+    private readonly _editableInputRef;
+    private readonly _filterInputRef;
+    private readonly _panelRef;
+    private readonly _panelTop;
+    private readonly _panelLeft;
+    private readonly _panelWidth;
+    readonly panelClass: _angular_core.Signal<string>;
+    readonly panelStyle: _angular_core.Signal<Record<string, string>>;
+    private position;
+    private adjustForViewport;
+    readonly selectedItemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly dateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly emptyFilterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly loaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly filterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
     readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
     private namedTemplate;
+    readonly selectedItemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
     readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
     readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly dateTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly orderedDayNames: _angular_core.Signal<string[]>;
-    readonly calendarMonths: _angular_core.Signal<{
-        month: number;
-        year: number;
-    }[]>;
-    readonly yearGridYears: _angular_core.Signal<number[]>;
-    readonly inlinePanelClass: _angular_core.Signal<string>;
-    readonly hasValue: _angular_core.Signal<boolean>;
-    readonly displayValue: _angular_core.Signal<string>;
-    readonly wrapperClass: _angular_core.Signal<string>;
-    readonly inputClass: _angular_core.Signal<string>;
-    readonly prevAriaLabel: _angular_core.Signal<"Previous year" | "Previous years" | "Previous month">;
-    readonly nextAriaLabel: _angular_core.Signal<"Next year" | "Next years" | "Next month">;
-    constructor();
-    private currentAnchorDate;
-    private syncViewToDate;
-    cellId(date: Date): string;
-    isFocusedDay(date: Date): boolean;
-    onDayFocus(day: FDatePickerDay): void;
-    private focusGridCell;
-    private isDateDisabled;
-    daysFor(month: number, year: number): FDatePickerDay[];
-    private buildDay;
-    dayClass(day: FDatePickerDay): string;
-    private formatDate;
-    pad2(n: number): string;
-    onDocumentClick(e: MouseEvent): void;
-    onInputKeyDown(event: KeyboardEvent): void;
-    onInputChange(text: string): void;
-    toggleCalendar(event: Event): void;
-    private closePanel;
-    closeAndFocusInput(): void;
-    clear(event: Event): void;
-    private commitValue;
-    onDayClick(day: FDatePickerDay): void;
-    selectDate(date: Date): void;
-    handleTodayClick(): void;
-    handleClearClick(): void;
-    onHeaderMonthClick(): void;
-    onHeaderYearClick(): void;
-    selectMonth(m: number): void;
-    selectYear(y: number): void;
-    private emitNavChange;
-    onPrevClick(): void;
-    onNextClick(): void;
-    prevMonth(): void;
-    nextMonth(): void;
-    onGridKeyDown(event: KeyboardEvent): void;
-    private commitTimeChange;
-    incrementHour(): void;
-    decrementHour(): void;
-    incrementMinute(): void;
-    decrementMinute(): void;
-    incrementSecond(): void;
-    decrementSecond(): void;
-    togglePeriod(): void;
-    writeValue(v: FDatePickerValue): void;
-    registerOnChange(fn: (v: FDatePickerValue) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "f-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconDisplay": { "alias": "iconDisplay"; "required": false; "isSignal": true; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; "isSignal": true; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onSelect": "onSelect"; "onShow": "onShow"; "onHide": "onHide"; "onClearClick": "onClearClick"; "onTodayClick": "onTodayClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; }, ["headerRef", "footerRef", "dateRef", "fTemplates"], never, true, never>;
-}
-
-type FileUploadMode = 'advanced' | 'basic';
-type FileUploadItemStatus = 'pending' | 'uploading' | 'done' | 'error';
-interface UploadItem {
-    file: File;
-    objectUrl: string | null;
-    progress: number;
-    status: FileUploadItemStatus;
-}
-interface FileSelectEvent {
-    files: File[];
-    currentFiles: File[];
-}
-interface FileRemoveEvent {
-    file: File;
-}
-interface FileErrorEvent {
-    file: File;
-    reason: 'size' | 'count' | 'upload';
-    message?: string;
-}
-interface FileUploadEvent {
-    files: File[];
-    response?: unknown;
-}
-interface FileProgressEvent {
-    file: File;
-    progress: number;
-}
-interface FileUploadHandlerEvent {
-    files: File[];
-}
-declare class FileUploadComponent implements OnDestroy {
-    readonly name: _angular_core.InputSignal<string>;
-    readonly accept: _angular_core.InputSignal<string>;
-    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly auto: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly maxFileSize: _angular_core.InputSignal<number | null>;
-    readonly fileLimit: _angular_core.InputSignal<number | null>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly url: _angular_core.InputSignal<string>;
-    readonly headers: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly customUpload: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly showUploadButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly showCancelButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly chooseLabel: _angular_core.InputSignal<string>;
-    readonly uploadLabel: _angular_core.InputSignal<string>;
-    readonly cancelLabel: _angular_core.InputSignal<string>;
-    readonly chooseIcon: _angular_core.InputSignal<string>;
-    readonly uploadIcon: _angular_core.InputSignal<string>;
-    readonly cancelIcon: _angular_core.InputSignal<string>;
-    readonly previewWidth: _angular_core.InputSignal<number>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly mode: _angular_core.InputSignal<FileUploadMode>;
-    readonly hostClass: _angular_core.Signal<string>;
-    readonly onSelect: _angular_core.OutputEmitterRef<FileSelectEvent>;
-    readonly onRemove: _angular_core.OutputEmitterRef<FileRemoveEvent>;
-    readonly onClear: _angular_core.OutputEmitterRef<void>;
-    readonly onError: _angular_core.OutputEmitterRef<FileErrorEvent[]>;
-    readonly onUpload: _angular_core.OutputEmitterRef<FileUploadEvent>;
-    readonly onProgress: _angular_core.OutputEmitterRef<FileProgressEvent>;
-    readonly uploadHandler: _angular_core.OutputEmitterRef<FileUploadHandlerEvent>;
-    private readonly _items;
-    readonly items: _angular_core.Signal<UploadItem[]>;
-    readonly files: _angular_core.Signal<File[]>;
-    private readonly _isDragging;
-    readonly isDragging: _angular_core.Signal<boolean>;
-    private readonly _uploading;
-    readonly uploading: _angular_core.Signal<boolean>;
-    readonly isFileLimitExceeded: _angular_core.Signal<boolean>;
-    readonly isChooseDisabled: _angular_core.Signal<boolean>;
-    readonly basicButtonLabel: _angular_core.Signal<string>;
-    onDragOver(e: DragEvent): void;
-    onDragLeave(): void;
-    onFileChange(e: Event): void;
-    onDrop(e: DragEvent): void;
-    onBasicClick(input: HTMLInputElement): void;
-    private acceptIncoming;
-    private isImage;
-    private revokeItemUrls;
-    private updateItem;
-    private checkUploadFinished;
-    removeFile(file: File): void;
-    clear(): void;
-    upload(): void;
-    reportProgress(file: File, progress: number): void;
-    reportSuccess(file: File): void;
-    reportError(file: File, message?: string): void;
-    private uploadWithXhr;
-    formatSize(bytes: number): string;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "f-fileupload", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "auto": { "alias": "auto"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "fileLimit": { "alias": "fileLimit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "customUpload": { "alias": "customUpload"; "required": false; "isSignal": true; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; "isSignal": true; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "onRemove": "onRemove"; "onClear": "onClear"; "onError": "onError"; "onUpload": "onUpload"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; }, never, never, true, never>;
-}
-
-type IconFieldIconPosition = 'left' | 'right';
-declare class IconFieldComponent {
-    private readonly _icon;
-    readonly iconPosition: _angular_core.InputSignal<"" | IconFieldIconPosition>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    private readonly _resolvedPosition;
-    readonly hostClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconFieldComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconFieldComponent, "f-iconfield", never, { "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["_icon"], ["*"], true, never>;
-}
-
-type InputIconPosition = 'left' | 'right';
-declare class InputIconComponent {
-    readonly icon: _angular_core.InputSignal<string>;
-    readonly position: _angular_core.InputSignal<InputIconPosition>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly hostClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputIconComponent, "f-inputicon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
-}
-
-type InputNumberMode = 'decimal' | 'currency';
-type InputNumberButtonLayout = 'stacked' | 'horizontal' | 'vertical';
-type InputNumberCurrencyDisplay = 'symbol' | 'code' | 'name';
-type InputNumberSize = 'small' | 'large' | null;
-interface InputNumberInputEvent {
-    originalEvent: Event | null;
-    value: number | null;
-    formattedValue: string;
-}
-declare class InputNumberComponent implements ControlValueAccessor {
-    readonly mode: _angular_core.InputSignal<InputNumberMode>;
-    readonly currency: _angular_core.InputSignal<string>;
-    readonly currencyDisplay: _angular_core.InputSignal<InputNumberCurrencyDisplay>;
-    readonly locale: _angular_core.InputSignal<string>;
-    readonly min: _angular_core.InputSignal<number | null>;
-    readonly max: _angular_core.InputSignal<number | null>;
-    readonly step: _angular_core.InputSignal<number>;
-    readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly buttonLayout: _angular_core.InputSignal<InputNumberButtonLayout>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly inputId: _angular_core.InputSignal<string>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly prefix: _angular_core.InputSignal<string>;
-    readonly suffix: _angular_core.InputSignal<string>;
-    readonly useGrouping: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly minFractionDigits: _angular_core.InputSignal<number | null>;
-    readonly maxFractionDigits: _angular_core.InputSignal<number | null>;
-    readonly size: _angular_core.InputSignal<InputNumberSize>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
-    readonly inputStyleClass: _angular_core.InputSignal<string>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onInputEvent: _angular_core.OutputEmitterRef<InputNumberInputEvent>;
-    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
-    readonly onBlur: _angular_core.OutputEmitterRef<void>;
-    readonly onKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
-    private readonly _value;
-    readonly value: _angular_core.Signal<number | null>;
-    private readonly _displayText;
-    readonly displayText: _angular_core.Signal<string>;
-    private readonly _formDisabled;
-    readonly isDisabled: _angular_core.Signal<boolean>;
-    private readonly numberFormat;
-    private readonly textSizeClass;
-    private readonly paddingYClass;
-    readonly wrapperClass: _angular_core.Signal<string>;
-    readonly inputClass: _angular_core.Signal<string>;
-    addonClass(border: 'l' | 'r'): string;
+    readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly emptyFilterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly loaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly filterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
     private _onChange;
     private _onTouched;
-    onInputChange(e: Event): void;
-    onFocusHandler(e: FocusEvent): void;
-    onKeyDownHandler(e: KeyboardEvent): void;
-    increment(): void;
-    decrement(): void;
-    handleBlur(): void;
-    private spin;
-    private commitValue;
-    private roundToStep;
-    private clamp;
-    private clampOrNull;
-    private formatValue;
-    private parseValue;
-    writeValue(v: number): void;
-    registerOnChange(fn: (v: number | null) => void): void;
+    readonly setFilterFn: (v: string) => void;
+    setFilter(v: string): void;
+    readonly listId: _angular_core.Signal<string>;
+    readonly filterFieldList: _angular_core.Signal<string[]>;
+    private matchesFilter;
+    private optionMatchesQuery;
+    readonly filteredOptions: _angular_core.Signal<unknown[]>;
+    readonly allLeafOptions: _angular_core.Signal<unknown[]>;
+    readonly flatItems: _angular_core.Signal<FSelectFlatItem[]>;
+    readonly navigableOptions: _angular_core.Signal<unknown[]>;
+    readonly activeDescendantId: _angular_core.Signal<string | null>;
+    optionIndexOf(opt: unknown): number;
+    optionRowClass(opt: unknown): string;
+    onOptionMouseEnter(opt: unknown): void;
+    readonly selectedLabel: _angular_core.Signal<string>;
+    readonly triggerClass: _angular_core.Signal<string>;
+    readonly selectedOption: _angular_core.Signal<{} | null>;
+    getOptionLabel(opt: unknown): string;
+    getOptionValue(opt: unknown): unknown;
+    private readonly _editableOverride;
+    readonly editableText: _angular_core.Signal<string>;
+    onEditableInput(text: string): void;
+    clear(event: Event): void;
+    toggleOpen(): void;
+    private openList;
+    private closeList;
+    selectOption(opt: unknown): void;
+    private focusFirstOrSelected;
+    private moveFocus;
+    private _typeaheadStr;
+    private _typeaheadTimer;
+    private typeahead;
+    onTriggerKeyDown(event: KeyboardEvent): void;
+    writeValue(val: unknown): void;
+    registerOnChange(fn: (v: unknown) => void): void;
     registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumberComponent, "f-inputnumber", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onInputEvent": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; }, never, never, true, never>;
-}
-
-type InputVariant = 'outlined' | 'filled';
-type InputSize = 'small' | 'large' | null;
-declare class InputTextDirective {
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    readonly variant: _angular_core.InputSignal<InputVariant>;
-    readonly size: _angular_core.InputSignal<InputSize>;
-    readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputTextDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputTextDirective, "[fInputText]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class InputPasswordDirective {
-    private readonly _el;
-    readonly mask: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly toggleMask: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    private readonly _visible;
-    readonly visible: _angular_core.Signal<boolean>;
-    private readonly _masked;
-    constructor();
-    toggle(): void;
-    show(): void;
-    hide(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputPasswordDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<InputPasswordDirective, "[fInputPassword]", ["fInputPassword"], { "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    setDisabledState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "f-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "clearIcon": { "alias": "clearIcon"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; }, { "onFilter": "onFilter"; "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; }, ["selectedItemRef", "itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "emptyFilterRef", "loaderRef", "filterRef", "fTemplates"], never, true, never>;
 }
 
 type FMultiSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
@@ -1003,6 +976,140 @@ declare class MultiSelectComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "f-multiselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "maxSelectedLabels": { "alias": "maxSelectedLabels"; "required": false; "isSignal": true; }; "selectionLimit": { "alias": "selectionLimit"; "required": false; "isSignal": true; }; "showToggleAll": { "alias": "showToggleAll"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "clearIcon": { "alias": "clearIcon"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; "onChange": "onChange"; "onFilter": "onFilter"; "onShow": "onShow"; "onHide": "onHide"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; "onSelectAllChange": "onSelectAllChange"; }, ["selectedItemRef", "itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "emptyFilterRef", "loaderRef", "filterRef", "fTemplates"], never, true, never>;
 }
 
+interface CheckboxChangeEvent {
+    checked: boolean;
+    originalEvent: Event;
+}
+type CheckboxVariant = 'filled' | 'outlined' | null;
+type CheckboxSize = 'small' | 'large' | null;
+declare class CheckboxComponent implements ControlValueAccessor {
+    readonly label: _angular_core.InputSignal<string>;
+    readonly binary: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly indeterminate: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly variant: _angular_core.InputSignal<CheckboxVariant>;
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly onChangeEvent: _angular_core.OutputEmitterRef<CheckboxChangeEvent>;
+    readonly onBlur: _angular_core.OutputEmitterRef<void>;
+    readonly touch: _angular_core.OutputEmitterRef<void>;
+    readonly checked: _angular_core.ModelSignal<boolean>;
+    readonly iconSize: _angular_core.Signal<12 | 18 | 14>;
+    readonly boxClass: _angular_core.Signal<string>;
+    private _onChange;
+    private _onTouched;
+    onInputClick(event: Event): void;
+    onChange(event: Event): void;
+    handleBlur(): void;
+    writeValue(val: boolean): void;
+    registerOnChange(fn: (v: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "f-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "binary": { "alias": "binary"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "onChangeEvent": "onChange"; "onBlur": "onBlur"; "touch": "touch"; "checked": "checkedChange"; }, never, never, true, never>;
+}
+
+declare class ToggleSwitchComponent implements ControlValueAccessor {
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly trueValue: _angular_core.InputSignal<unknown>;
+    readonly falseValue: _angular_core.InputSignal<unknown>;
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<"small" | "large" | null>;
+    readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    private readonly _checked;
+    readonly checked: _angular_core.Signal<boolean>;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private _onChange;
+    private _onTouched;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly trackClass: _angular_core.Signal<string>;
+    readonly thumbClass: _angular_core.Signal<string>;
+    toggle(): void;
+    writeValue(val: unknown): void;
+    registerOnChange(fn: (v: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleSwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleSwitchComponent, "f-toggleswitch", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class ToggleButtonComponent implements ControlValueAccessor {
+    readonly onLabel: _angular_core.InputSignal<string>;
+    readonly offLabel: _angular_core.InputSignal<string>;
+    readonly onIcon: _angular_core.InputSignal<string>;
+    readonly offIcon: _angular_core.InputSignal<string>;
+    readonly iconPos: _angular_core.InputSignal<"left" | "right">;
+    readonly severity: _angular_core.InputSignal<ButtonSeverity>;
+    readonly size: _angular_core.InputSignal<"small" | "large" | null>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    private readonly _checked;
+    readonly checked: _angular_core.Signal<boolean>;
+    private _onChange;
+    private _onTouched;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly buttonClass: _angular_core.Signal<string>;
+    toggle(): void;
+    writeValue(v: boolean): void;
+    registerOnChange(fn: (v: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleButtonComponent, "f-togglebutton", never, { "onLabel": { "alias": "onLabel"; "required": false; "isSignal": true; }; "offLabel": { "alias": "offLabel"; "required": false; "isSignal": true; }; "onIcon": { "alias": "onIcon"; "required": false; "isSignal": true; }; "offIcon": { "alias": "offIcon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SelectButtonComponent implements ControlValueAccessor {
+    readonly options: _angular_core.InputSignal<unknown[]>;
+    readonly optionLabel: _angular_core.InputSignal<string>;
+    readonly optionValue: _angular_core.InputSignal<string>;
+    readonly optionDisabled: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly size: _angular_core.InputSignal<"" | "small" | "large">;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly onChange: _angular_core.OutputEmitterRef<{
+        value: unknown;
+        originalEvent?: Event;
+    }>;
+    private _value;
+    private _values;
+    private _onChange;
+    private _onTouched;
+    readonly hostClass: _angular_core.Signal<string>;
+    getOptionLabel(opt: unknown): string;
+    getOptionValue(opt: unknown): unknown;
+    getOptionDisabled(opt: unknown): boolean;
+    isSelected(opt: unknown): boolean;
+    select(opt: unknown, event?: Event): void;
+    onKeydown(event: KeyboardEvent): void;
+    writeValue(v: unknown): void;
+    registerOnChange(fn: (v: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectButtonComponent, "f-selectbutton", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+}
+
 type PasswordAppendTo = 'self' | 'body';
 type PasswordStrengthLevel = 'prompt' | 'weak' | 'medium' | 'strong';
 declare class PasswordComponent implements ControlValueAccessor {
@@ -1046,16 +1153,91 @@ declare class PasswordComponent implements ControlValueAccessor {
     readonly inputClass: _angular_core.Signal<string>;
     private _onChange;
     private _onTouched;
-    onInput(e: Event): void;
-    handleFocus(): void;
+    onInput(e: Event): void;
+    handleFocus(): void;
+    handleBlur(): void;
+    toggleShow(): void;
+    writeValue(v: string): void;
+    registerOnChange(fn: (v: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordComponent, "f-password", never, { "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; "isSignal": true; }; "weakLabel": { "alias": "weakLabel"; "required": false; "isSignal": true; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; "isSignal": true; }; "strongLabel": { "alias": "strongLabel"; "required": false; "isSignal": true; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; "isSignal": true; }; "strongRegex": { "alias": "strongRegex"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, never, true, never>;
+}
+
+type InputNumberMode = 'decimal' | 'currency';
+type InputNumberButtonLayout = 'stacked' | 'horizontal' | 'vertical';
+type InputNumberCurrencyDisplay = 'symbol' | 'code' | 'name';
+type InputNumberSize = 'small' | 'large' | null;
+interface InputNumberInputEvent {
+    originalEvent: Event | null;
+    value: number | null;
+    formattedValue: string;
+}
+declare class InputNumberComponent implements ControlValueAccessor {
+    readonly mode: _angular_core.InputSignal<InputNumberMode>;
+    readonly currency: _angular_core.InputSignal<string>;
+    readonly currencyDisplay: _angular_core.InputSignal<InputNumberCurrencyDisplay>;
+    readonly locale: _angular_core.InputSignal<string>;
+    readonly min: _angular_core.InputSignal<number | null>;
+    readonly max: _angular_core.InputSignal<number | null>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly showButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly buttonLayout: _angular_core.InputSignal<InputNumberButtonLayout>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputId: _angular_core.InputSignal<string>;
+    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly prefix: _angular_core.InputSignal<string>;
+    readonly suffix: _angular_core.InputSignal<string>;
+    readonly useGrouping: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly minFractionDigits: _angular_core.InputSignal<number | null>;
+    readonly maxFractionDigits: _angular_core.InputSignal<number | null>;
+    readonly size: _angular_core.InputSignal<InputNumberSize>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaDescribedBy: _angular_core.InputSignal<string>;
+    readonly inputStyleClass: _angular_core.InputSignal<string>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly onInputEvent: _angular_core.OutputEmitterRef<InputNumberInputEvent>;
+    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
+    readonly onBlur: _angular_core.OutputEmitterRef<void>;
+    readonly onKeyDown: _angular_core.OutputEmitterRef<KeyboardEvent>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<number | null>;
+    private readonly _displayText;
+    readonly displayText: _angular_core.Signal<string>;
+    private readonly _formDisabled;
+    readonly isDisabled: _angular_core.Signal<boolean>;
+    private readonly numberFormat;
+    private readonly textSizeClass;
+    private readonly paddingYClass;
+    readonly wrapperClass: _angular_core.Signal<string>;
+    readonly inputClass: _angular_core.Signal<string>;
+    addonClass(border: 'l' | 'r'): string;
+    private _onChange;
+    private _onTouched;
+    onInputChange(e: Event): void;
+    onFocusHandler(e: FocusEvent): void;
+    onKeyDownHandler(e: KeyboardEvent): void;
+    increment(): void;
+    decrement(): void;
     handleBlur(): void;
-    toggleShow(): void;
-    writeValue(v: string): void;
-    registerOnChange(fn: (v: string) => void): void;
+    private spin;
+    private commitValue;
+    private roundToStep;
+    private clamp;
+    private clampOrNull;
+    private formatValue;
+    private parseValue;
+    writeValue(v: number): void;
+    registerOnChange(fn: (v: number | null) => void): void;
     registerOnTouched(fn: () => void): void;
-    setDisabledState(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordComponent, "f-password", never, { "toggleMask": { "alias": "toggleMask"; "required": false; "isSignal": true; }; "feedback": { "alias": "feedback"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "ariaDescribedby": { "alias": "ariaDescribedby"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; "isSignal": true; }; "weakLabel": { "alias": "weakLabel"; "required": false; "isSignal": true; }; "mediumLabel": { "alias": "mediumLabel"; "required": false; "isSignal": true; }; "strongLabel": { "alias": "strongLabel"; "required": false; "isSignal": true; }; "mediumRegex": { "alias": "mediumRegex"; "required": false; "isSignal": true; }; "strongRegex": { "alias": "strongRegex"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onFocus": "onFocus"; }, never, never, true, never>;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputNumberComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputNumberComponent, "f-inputnumber", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "currency": { "alias": "currency"; "required": false; "isSignal": true; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "showButtons": { "alias": "showButtons"; "required": false; "isSignal": true; }; "buttonLayout": { "alias": "buttonLayout"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onInputEvent": "onInput"; "onFocus": "onFocus"; "onBlur": "onBlur"; "onKeyDown": "onKeyDown"; }, never, never, true, never>;
 }
 
 interface RadioButtonClickEvent {
@@ -1133,259 +1315,287 @@ declare class RatingComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<RatingComponent, "f-rating", never, { "stars": { "alias": "stars"; "required": false; "isSignal": true; }; "cancel": { "alias": "cancel"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "iconOn": { "alias": "iconOn"; "required": false; "isSignal": true; }; "iconOff": { "alias": "iconOff"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onRate": "onRate"; "onBlur": "onBlur"; }, never, never, true, never>;
 }
 
-type FSelectFilterMatchMode = 'contains' | 'startsWith' | 'endsWith' | 'equals' | 'notEquals';
-type FSelectAppendTo = 'self' | 'body';
-type FSelectFlatItem = {
-    kind: 'option';
-    option: unknown;
-} | {
-    kind: 'group';
-    label: string;
-};
-declare class SelectComponent implements ControlValueAccessor {
-    private readonly _el;
-    constructor();
-    onDocumentClick(e: MouseEvent): void;
-    readonly options: _angular_core.InputSignal<unknown[]>;
-    readonly optionLabel: _angular_core.InputSignal<string>;
-    readonly optionValue: _angular_core.InputSignal<string>;
-    readonly placeholder: _angular_core.InputSignal<string>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly filter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly filterBy: _angular_core.InputSignal<string>;
-    readonly filterMatchMode: _angular_core.InputSignal<FSelectFilterMatchMode>;
-    readonly filterLocale: _angular_core.InputSignal<string>;
-    readonly filterPlaceholder: _angular_core.InputSignal<string>;
-    readonly resetFilterOnHide: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly autofocusFilter: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly emptyMessage: _angular_core.InputSignal<string>;
-    readonly emptyFilterMessage: _angular_core.InputSignal<string>;
-    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly loadingIcon: _angular_core.InputSignal<string>;
-    readonly dropdownIcon: _angular_core.InputSignal<string>;
-    readonly clearIcon: _angular_core.InputSignal<string>;
-    readonly inputId: _angular_core.InputSignal<string>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly touched: _angular_core.InputSignal<boolean>;
+type IconFieldIconPosition = 'left' | 'right';
+declare class IconFieldComponent {
+    private readonly _icon;
+    readonly iconPosition: _angular_core.InputSignal<"" | IconFieldIconPosition>;
     readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly appendTo: _angular_core.InputSignal<FSelectAppendTo>;
-    readonly editable: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly autofocus: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly checkmark: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly group: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly optionGroupLabel: _angular_core.InputSignal<string>;
-    readonly optionGroupChildren: _angular_core.InputSignal<string>;
-    readonly virtualScroll: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly virtualScrollItemSize: _angular_core.InputSignal<number>;
-    readonly lazy: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly resolvedPosition: _angular_core.Signal<IconFieldIconPosition>;
     readonly hostClass: _angular_core.Signal<string>;
-    readonly onFilter: _angular_core.OutputEmitterRef<{
-        filter: string;
-    }>;
-    readonly onChange: _angular_core.OutputEmitterRef<unknown>;
-    readonly onShow: _angular_core.OutputEmitterRef<void>;
-    readonly onHide: _angular_core.OutputEmitterRef<void>;
-    readonly onBlur: _angular_core.OutputEmitterRef<void>;
-    readonly onFocus: _angular_core.OutputEmitterRef<FocusEvent>;
-    readonly onClear: _angular_core.OutputEmitterRef<void>;
-    readonly onLazyLoad: _angular_core.OutputEmitterRef<{
-        filter: string;
-    }>;
-    private readonly _value;
-    readonly value: _angular_core.Signal<unknown>;
-    private readonly _open;
-    readonly open: _angular_core.Signal<boolean>;
-    private readonly _filterText;
-    readonly filterText: _angular_core.Signal<string>;
-    private readonly _focusedOptionIndex;
-    readonly focusedOptionIndex: _angular_core.Signal<number>;
-    private readonly _triggerRef;
-    private readonly _editableInputRef;
-    private readonly _filterInputRef;
-    private readonly _panelRef;
-    private readonly _panelTop;
-    private readonly _panelLeft;
-    private readonly _panelWidth;
-    readonly panelClass: _angular_core.Signal<string>;
-    readonly panelStyle: _angular_core.Signal<Record<string, string>>;
-    private position;
-    private adjustForViewport;
-    readonly selectedItemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly itemRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly groupRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly emptyRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly emptyFilterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly loaderRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly filterRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
-    readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
-    private namedTemplate;
-    readonly selectedItemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly itemTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly groupTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly emptyTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly emptyFilterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly loaderTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    readonly filterTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
-    private _onChange;
-    private _onTouched;
-    readonly setFilterFn: (v: string) => void;
-    setFilter(v: string): void;
-    readonly listId: _angular_core.Signal<string>;
-    readonly filterFieldList: _angular_core.Signal<string[]>;
-    private matchesFilter;
-    private optionMatchesQuery;
-    readonly filteredOptions: _angular_core.Signal<unknown[]>;
-    readonly allLeafOptions: _angular_core.Signal<unknown[]>;
-    readonly flatItems: _angular_core.Signal<FSelectFlatItem[]>;
-    readonly navigableOptions: _angular_core.Signal<unknown[]>;
-    readonly activeDescendantId: _angular_core.Signal<string | null>;
-    optionIndexOf(opt: unknown): number;
-    optionRowClass(opt: unknown): string;
-    onOptionMouseEnter(opt: unknown): void;
-    readonly selectedLabel: _angular_core.Signal<string>;
-    readonly triggerClass: _angular_core.Signal<string>;
-    readonly selectedOption: _angular_core.Signal<{} | null>;
-    getOptionLabel(opt: unknown): string;
-    getOptionValue(opt: unknown): unknown;
-    private readonly _editableOverride;
-    readonly editableText: _angular_core.Signal<string>;
-    onEditableInput(text: string): void;
-    clear(event: Event): void;
-    toggleOpen(): void;
-    private openList;
-    private closeList;
-    selectOption(opt: unknown): void;
-    private focusFirstOrSelected;
-    private moveFocus;
-    private _typeaheadStr;
-    private _typeaheadTimer;
-    private typeahead;
-    onTriggerKeyDown(event: KeyboardEvent): void;
-    writeValue(val: unknown): void;
-    registerOnChange(fn: (v: unknown) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectComponent, "f-select", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "filterMatchMode": { "alias": "filterMatchMode"; "required": false; "isSignal": true; }; "filterLocale": { "alias": "filterLocale"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "resetFilterOnHide": { "alias": "resetFilterOnHide"; "required": false; "isSignal": true; }; "autofocusFilter": { "alias": "autofocusFilter"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "emptyFilterMessage": { "alias": "emptyFilterMessage"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIcon": { "alias": "loadingIcon"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "clearIcon": { "alias": "clearIcon"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "editable": { "alias": "editable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "checkmark": { "alias": "checkmark"; "required": false; "isSignal": true; }; "group": { "alias": "group"; "required": false; "isSignal": true; }; "optionGroupLabel": { "alias": "optionGroupLabel"; "required": false; "isSignal": true; }; "optionGroupChildren": { "alias": "optionGroupChildren"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; }, { "onFilter": "onFilter"; "onChange": "onChange"; "onShow": "onShow"; "onHide": "onHide"; "onBlur": "onBlur"; "onFocus": "onFocus"; "onClear": "onClear"; "onLazyLoad": "onLazyLoad"; }, ["selectedItemRef", "itemRef", "groupRef", "headerRef", "footerRef", "emptyRef", "emptyFilterRef", "loaderRef", "filterRef", "fTemplates"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconFieldComponent, "f-iconfield", never, { "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, {}, ["_icon"], ["*"], true, never>;
 }
 
-declare class SelectButtonComponent implements ControlValueAccessor {
-    readonly options: _angular_core.InputSignal<unknown[]>;
-    readonly optionLabel: _angular_core.InputSignal<string>;
-    readonly optionValue: _angular_core.InputSignal<string>;
-    readonly optionDisabled: _angular_core.InputSignal<string>;
-    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly allowEmpty: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly size: _angular_core.InputSignal<"" | "small" | "large">;
+type InputIconPosition = 'left' | 'right';
+declare class InputIconComponent {
+    private readonly _iconField;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly position: _angular_core.InputSignal<InputIconPosition>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onChange: _angular_core.OutputEmitterRef<{
-        value: unknown;
-        originalEvent?: Event;
-    }>;
-    private _value;
-    private _values;
-    private _onChange;
-    private _onTouched;
+    private readonly _resolvedPosition;
     readonly hostClass: _angular_core.Signal<string>;
-    getOptionLabel(opt: unknown): string;
-    getOptionValue(opt: unknown): unknown;
-    getOptionDisabled(opt: unknown): boolean;
-    isSelected(opt: unknown): boolean;
-    select(opt: unknown, event?: Event): void;
-    onKeydown(event: KeyboardEvent): void;
-    writeValue(v: unknown): void;
-    registerOnChange(fn: (v: unknown) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SelectButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SelectButtonComponent, "f-selectbutton", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionLabel": { "alias": "optionLabel"; "required": false; "isSignal": true; }; "optionValue": { "alias": "optionValue"; "required": false; "isSignal": true; }; "optionDisabled": { "alias": "optionDisabled"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "allowEmpty": { "alias": "allowEmpty"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
-}
-
-type TextareaVariant = 'outlined' | 'filled';
-declare class TextareaDirective {
-    private readonly _el;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly touched: _angular_core.InputSignal<boolean>;
-    readonly variant: _angular_core.InputSignal<TextareaVariant>;
-    readonly fluid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly autoResize: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly onResize: _angular_core.OutputEmitterRef<void>;
-    constructor();
-    onInput(): void;
-    private resize;
-    readonly classes: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextareaDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextareaDirective, "[fTextarea]", never, { "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fluid": { "alias": "fluid"; "required": false; "isSignal": true; }; "autoResize": { "alias": "autoResize"; "required": false; "isSignal": true; }; }, { "onResize": "onResize"; }, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<InputIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<InputIconComponent, "f-inputicon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-declare class ToggleButtonComponent implements ControlValueAccessor {
-    readonly onLabel: _angular_core.InputSignal<string>;
-    readonly offLabel: _angular_core.InputSignal<string>;
-    readonly onIcon: _angular_core.InputSignal<string>;
-    readonly offIcon: _angular_core.InputSignal<string>;
-    readonly iconPos: _angular_core.InputSignal<"left" | "right">;
-    readonly severity: _angular_core.InputSignal<ButtonSeverity>;
-    readonly size: _angular_core.InputSignal<"small" | "large" | null>;
+type FDatePickerSelectionMode = 'single' | 'multiple' | 'range';
+type FDatePickerView = 'date' | 'month' | 'year';
+type FDatePickerIconDisplay = 'button' | 'input';
+type FDatePickerHourFormat = '12' | '24';
+type FDatePickerAppendTo = 'self' | 'body';
+type FDatePickerValue = Date | Array<Date | null> | null;
+interface FDatePickerDay {
+    day: number;
+    date: Date;
+    otherMonth: boolean;
+    selected: boolean;
+    rangeStart: boolean;
+    rangeEnd: boolean;
+    inRange: boolean;
+    today: boolean;
+    disabled: boolean;
+}
+declare class DatePickerComponent implements ControlValueAccessor {
+    private static idCounter;
+    private readonly _instanceId;
+    readonly MONTHS: string[];
+    readonly MONTH_SHORT: string[];
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly dateFormat: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly readonlyInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showTime: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly timeOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hourFormat: _angular_core.InputSignal<FDatePickerHourFormat>;
+    readonly showSeconds: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selectionMode: _angular_core.InputSignal<FDatePickerSelectionMode>;
+    readonly minDate: _angular_core.InputSignal<Date | null | undefined>;
+    readonly maxDate: _angular_core.InputSignal<Date | null | undefined>;
+    readonly disabledDates: _angular_core.InputSignal<Date[]>;
+    readonly disabledDays: _angular_core.InputSignal<number[]>;
+    readonly inputId: _angular_core.InputSignal<string>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly touched: _angular_core.InputSignal<boolean>;
+    readonly showClear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inputStyleClass: _angular_core.InputSignal<string>;
+    readonly showIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly iconDisplay: _angular_core.InputSignal<FDatePickerIconDisplay>;
+    readonly showButtonBar: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly inline: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly numberOfMonths: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly view: _angular_core.InputSignal<FDatePickerView>;
+    readonly showOtherMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly selectOtherMonths: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly firstDayOfWeek: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly appendTo: _angular_core.InputSignal<FDatePickerAppendTo>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    private readonly _checked;
-    readonly checked: _angular_core.Signal<boolean>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly onBlur: _angular_core.OutputEmitterRef<void>;
+    readonly onSelect: _angular_core.OutputEmitterRef<Date>;
+    readonly onShow: _angular_core.OutputEmitterRef<void>;
+    readonly onHide: _angular_core.OutputEmitterRef<void>;
+    readonly onClearClick: _angular_core.OutputEmitterRef<void>;
+    readonly onTodayClick: _angular_core.OutputEmitterRef<void>;
+    readonly onMonthChange: _angular_core.OutputEmitterRef<{
+        month: number;
+        year: number;
+    }>;
+    readonly onYearChange: _angular_core.OutputEmitterRef<{
+        month: number;
+        year: number;
+    }>;
+    private readonly _value;
+    readonly value: _angular_core.Signal<FDatePickerValue>;
+    private readonly _open;
+    private readonly _viewMonth;
+    readonly viewMonth: _angular_core.Signal<number>;
+    private readonly _viewYear;
+    readonly viewYear: _angular_core.Signal<number>;
+    private readonly _gridMode;
+    readonly gridMode: _angular_core.Signal<FDatePickerView>;
+    private readonly _focusedDate;
+    private readonly _timeHour;
+    private readonly _timeMinute;
+    private readonly _timeSecond;
+    readonly timeMinute: _angular_core.Signal<number>;
+    readonly timeSecond: _angular_core.Signal<number>;
+    readonly displayHourText: _angular_core.Signal<string>;
+    readonly isPM: _angular_core.Signal<boolean>;
+    private readonly popoverRef;
+    private readonly _inputRef;
+    readonly open: _angular_core.Signal<boolean>;
+    private readonly _el;
     private _onChange;
     private _onTouched;
-    readonly hostClass: _angular_core.Signal<string>;
-    readonly buttonClass: _angular_core.Signal<string>;
-    toggle(): void;
-    writeValue(v: boolean): void;
-    registerOnChange(fn: (v: boolean) => void): void;
+    private _wasOpen;
+    readonly headerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly footerRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly dateRef: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    readonly fTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
+    private namedTemplate;
+    readonly headerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly footerTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly dateTpl: _angular_core.Signal<TemplateRef<unknown> | null>;
+    readonly orderedDayNames: _angular_core.Signal<string[]>;
+    readonly calendarMonths: _angular_core.Signal<{
+        month: number;
+        year: number;
+    }[]>;
+    readonly yearGridYears: _angular_core.Signal<number[]>;
+    readonly inlinePanelClass: _angular_core.Signal<string>;
+    readonly hasValue: _angular_core.Signal<boolean>;
+    readonly displayValue: _angular_core.Signal<string>;
+    readonly wrapperClass: _angular_core.Signal<string>;
+    readonly inputClass: _angular_core.Signal<string>;
+    readonly prevAriaLabel: _angular_core.Signal<"Previous year" | "Previous years" | "Previous month">;
+    readonly nextAriaLabel: _angular_core.Signal<"Next year" | "Next years" | "Next month">;
+    constructor();
+    private currentAnchorDate;
+    private syncViewToDate;
+    cellId(date: Date): string;
+    isFocusedDay(date: Date): boolean;
+    onDayFocus(day: FDatePickerDay): void;
+    private focusGridCell;
+    private isDateDisabled;
+    daysFor(month: number, year: number): FDatePickerDay[];
+    private buildDay;
+    dayClass(day: FDatePickerDay): string;
+    private formatDate;
+    pad2(n: number): string;
+    onDocumentClick(e: MouseEvent): void;
+    onInputKeyDown(event: KeyboardEvent): void;
+    onInputChange(text: string): void;
+    toggleCalendar(event: Event): void;
+    private closePanel;
+    closeAndFocusInput(): void;
+    clear(event: Event): void;
+    private commitValue;
+    onDayClick(day: FDatePickerDay): void;
+    selectDate(date: Date): void;
+    handleTodayClick(): void;
+    handleClearClick(): void;
+    onHeaderMonthClick(): void;
+    onHeaderYearClick(): void;
+    selectMonth(m: number): void;
+    selectYear(y: number): void;
+    private emitNavChange;
+    onPrevClick(): void;
+    onNextClick(): void;
+    prevMonth(): void;
+    nextMonth(): void;
+    onGridKeyDown(event: KeyboardEvent): void;
+    private commitTimeChange;
+    incrementHour(): void;
+    decrementHour(): void;
+    incrementMinute(): void;
+    decrementMinute(): void;
+    incrementSecond(): void;
+    decrementSecond(): void;
+    togglePeriod(): void;
+    writeValue(v: FDatePickerValue): void;
+    registerOnChange(fn: (v: FDatePickerValue) => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleButtonComponent, "f-togglebutton", never, { "onLabel": { "alias": "onLabel"; "required": false; "isSignal": true; }; "offLabel": { "alias": "offLabel"; "required": false; "isSignal": true; }; "onIcon": { "alias": "onIcon"; "required": false; "isSignal": true; }; "offIcon": { "alias": "offIcon"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "f-datepicker", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "readonlyInput": { "alias": "readonlyInput"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "timeOnly": { "alias": "timeOnly"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "inputStyleClass": { "alias": "inputStyleClass"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "iconDisplay": { "alias": "iconDisplay"; "required": false; "isSignal": true; }; "showButtonBar": { "alias": "showButtonBar"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; "numberOfMonths": { "alias": "numberOfMonths"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "showOtherMonths": { "alias": "showOtherMonths"; "required": false; "isSignal": true; }; "selectOtherMonths": { "alias": "selectOtherMonths"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onBlur": "onBlur"; "onSelect": "onSelect"; "onShow": "onShow"; "onHide": "onHide"; "onClearClick": "onClearClick"; "onTodayClick": "onTodayClick"; "onMonthChange": "onMonthChange"; "onYearChange": "onYearChange"; }, ["headerRef", "footerRef", "dateRef", "fTemplates"], never, true, never>;
 }
 
-declare class ToggleSwitchComponent implements ControlValueAccessor {
+type FileUploadMode = 'advanced' | 'basic';
+type FileUploadItemStatus = 'pending' | 'uploading' | 'done' | 'error';
+interface UploadItem {
+    file: File;
+    objectUrl: string | null;
+    progress: number;
+    status: FileUploadItemStatus;
+}
+interface FileSelectEvent {
+    files: File[];
+    currentFiles: File[];
+}
+interface FileRemoveEvent {
+    file: File;
+}
+interface FileErrorEvent {
+    file: File;
+    reason: 'size' | 'count' | 'upload';
+    message?: string;
+}
+interface FileUploadEvent {
+    files: File[];
+    response?: unknown;
+}
+interface FileProgressEvent {
+    file: File;
+    progress: number;
+}
+interface FileUploadHandlerEvent {
+    files: File[];
+}
+declare class FileUploadComponent implements OnDestroy {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly accept: _angular_core.InputSignal<string>;
+    readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly auto: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly maxFileSize: _angular_core.InputSignal<number | null>;
+    readonly fileLimit: _angular_core.InputSignal<number | null>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly trueValue: _angular_core.InputSignal<unknown>;
-    readonly falseValue: _angular_core.InputSignal<unknown>;
-    readonly inputId: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<"small" | "large" | null>;
-    readonly tabindex: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly url: _angular_core.InputSignal<string>;
+    readonly headers: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly customUpload: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showUploadButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showCancelButton: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly chooseLabel: _angular_core.InputSignal<string>;
+    readonly uploadLabel: _angular_core.InputSignal<string>;
+    readonly cancelLabel: _angular_core.InputSignal<string>;
+    readonly chooseIcon: _angular_core.InputSignal<string>;
+    readonly uploadIcon: _angular_core.InputSignal<string>;
+    readonly cancelIcon: _angular_core.InputSignal<string>;
+    readonly previewWidth: _angular_core.InputSignal<number>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    private readonly _checked;
-    readonly checked: _angular_core.Signal<boolean>;
-    private readonly _formDisabled;
-    readonly isDisabled: _angular_core.Signal<boolean>;
-    private _onChange;
-    private _onTouched;
+    readonly mode: _angular_core.InputSignal<FileUploadMode>;
     readonly hostClass: _angular_core.Signal<string>;
-    readonly trackClass: _angular_core.Signal<string>;
-    readonly thumbClass: _angular_core.Signal<string>;
-    toggle(): void;
-    writeValue(val: unknown): void;
-    registerOnChange(fn: (v: unknown) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleSwitchComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleSwitchComponent, "f-toggleswitch", never, { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "trueValue": { "alias": "trueValue"; "required": false; "isSignal": true; }; "falseValue": { "alias": "falseValue"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    readonly onSelect: _angular_core.OutputEmitterRef<FileSelectEvent>;
+    readonly onRemove: _angular_core.OutputEmitterRef<FileRemoveEvent>;
+    readonly onClear: _angular_core.OutputEmitterRef<void>;
+    readonly onError: _angular_core.OutputEmitterRef<FileErrorEvent[]>;
+    readonly onUpload: _angular_core.OutputEmitterRef<FileUploadEvent>;
+    readonly onProgress: _angular_core.OutputEmitterRef<FileProgressEvent>;
+    readonly uploadHandler: _angular_core.OutputEmitterRef<FileUploadHandlerEvent>;
+    private readonly _items;
+    readonly items: _angular_core.Signal<UploadItem[]>;
+    readonly files: _angular_core.Signal<File[]>;
+    private readonly _isDragging;
+    readonly isDragging: _angular_core.Signal<boolean>;
+    private readonly _uploading;
+    readonly uploading: _angular_core.Signal<boolean>;
+    readonly isFileLimitExceeded: _angular_core.Signal<boolean>;
+    readonly isChooseDisabled: _angular_core.Signal<boolean>;
+    readonly basicButtonLabel: _angular_core.Signal<string>;
+    onDragOver(e: DragEvent): void;
+    onDragLeave(): void;
+    onFileChange(e: Event): void;
+    onDrop(e: DragEvent): void;
+    onBasicClick(input: HTMLInputElement): void;
+    private acceptIncoming;
+    private isImage;
+    private revokeItemUrls;
+    private updateItem;
+    private checkUploadFinished;
+    removeFile(file: File): void;
+    clear(): void;
+    upload(): void;
+    reportProgress(file: File, progress: number): void;
+    reportSuccess(file: File): void;
+    reportError(file: File, message?: string): void;
+    private uploadWithXhr;
+    formatSize(bytes: number): string;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FileUploadComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FileUploadComponent, "f-fileupload", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "auto": { "alias": "auto"; "required": false; "isSignal": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; "isSignal": true; }; "fileLimit": { "alias": "fileLimit"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "headers": { "alias": "headers"; "required": false; "isSignal": true; }; "customUpload": { "alias": "customUpload"; "required": false; "isSignal": true; }; "showUploadButton": { "alias": "showUploadButton"; "required": false; "isSignal": true; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; "isSignal": true; }; "chooseLabel": { "alias": "chooseLabel"; "required": false; "isSignal": true; }; "uploadLabel": { "alias": "uploadLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "chooseIcon": { "alias": "chooseIcon"; "required": false; "isSignal": true; }; "uploadIcon": { "alias": "uploadIcon"; "required": false; "isSignal": true; }; "cancelIcon": { "alias": "cancelIcon"; "required": false; "isSignal": true; }; "previewWidth": { "alias": "previewWidth"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; "onRemove": "onRemove"; "onClear": "onClear"; "onError": "onError"; "onUpload": "onUpload"; "onProgress": "onProgress"; "uploadHandler": "uploadHandler"; }, never, never, true, never>;
 }
 
 type DialogPosition = 'center' | 'top' | 'bottom' | 'left' | 'right' | 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
@@ -1580,104 +1790,6 @@ declare class PanelComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PanelComponent, "f-panel", never, { "header": { "alias": "header"; "required": false; "isSignal": true; }; "toggleable": { "alias": "toggleable"; "required": false; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "onBeforeToggle": "onBeforeToggle"; "onAfterToggle": "onAfterToggle"; }, ["headerTemplateRef", "iconsTemplateRef", "footerTemplateRef", "fTemplates"], ["*"], true, never>;
 }
 
-interface MenuItemCommandEvent {
-    originalEvent?: Event;
-    item?: MenuItem;
-}
-interface MenuItem {
-    label?: string;
-    icon?: string;
-    iconClass?: string;
-    command?: (event: MenuItemCommandEvent) => void;
-    url?: string;
-    routerLink?: string | string[];
-    queryParams?: Record<string, unknown>;
-    items?: MenuItem[];
-    disabled?: boolean;
-    visible?: boolean;
-    separator?: boolean;
-    /** Marks the item as the current selection — renders a highlight and a trailing check mark. */
-    selected?: boolean;
-    styleClass?: string;
-    badge?: string;
-    badgeStyleClass?: string;
-    tooltip?: string;
-    tooltipPosition?: 'top' | 'bottom' | 'left' | 'right';
-    target?: string;
-    id?: string;
-    escape?: boolean;
-    tabindex?: string;
-    automationId?: unknown;
-    expanded?: boolean;
-    state?: Record<string, unknown>;
-    style?: Record<string, string>;
-    [key: string]: unknown;
-}
-
-type StepsMenuItem = MenuItem;
-declare class StepsComponent {
-    readonly model: _angular_core.InputSignal<MenuItem[]>;
-    readonly activeIndex: _angular_core.ModelSignal<number>;
-    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
-    readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onChange: _angular_core.OutputEmitterRef<number>;
-    private readonly stepButtons;
-    isStepDisabled(item: MenuItem, i: number): boolean;
-    stepCircleClass(item: MenuItem, i: number): string;
-    onStepClick(e: Event, i: number, item: MenuItem): void;
-    onKeydown(e: KeyboardEvent, i: number): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepsComponent, "f-steps", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "onChange": "onChange"; }, never, never, true, never>;
-}
-
-interface SplitterResizeEvent {
-    originalEvent: Event;
-    sizes: number[];
-}
-declare class SplitterComponent {
-    readonly layout: _angular_core.InputSignal<"horizontal" | "vertical">;
-    readonly panelSizes: _angular_core.InputSignal<number[]>;
-    readonly minSizes: _angular_core.InputSignal<number[]>;
-    readonly gutterSize: _angular_core.InputSignal<number>;
-    readonly step: _angular_core.InputSignal<number>;
-    readonly stateKey: _angular_core.InputSignal<string | null>;
-    readonly stateStorage: _angular_core.InputSignal<"session" | "local">;
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onResizeStart: _angular_core.OutputEmitterRef<SplitterResizeEvent>;
-    readonly onResizeEnd: _angular_core.OutputEmitterRef<SplitterResizeEvent>;
-    readonly panelTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
-    private readonly platformId;
-    private readonly _sizes;
-    readonly sizes: _angular_core.Signal<number[]>;
-    constructor();
-    panelFlex(index: number): string;
-    gutterValueNow(index: number): number;
-    onGutterPointerDown(event: PointerEvent, index: number): void;
-    onGutterKeyDown(event: KeyboardEvent, index: number): void;
-    private clampPair;
-    private getStorage;
-    private persistState;
-    private restoreState;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "f-splitter", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "panelSizes": { "alias": "panelSizes"; "required": false; "isSignal": true; }; "minSizes": { "alias": "minSizes"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "stateKey": { "alias": "stateKey"; "required": false; "isSignal": true; }; "stateStorage": { "alias": "stateStorage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onResizeStart": "onResizeStart"; "onResizeEnd": "onResizeEnd"; }, ["panelTemplates"], ["*"], true, never>;
-}
-declare class SplitterPanelComponent {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterPanelComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterPanelComponent, "f-splitter-panel", never, {}, {}, never, ["*"], true, never>;
-}
-
-declare class ToolbarComponent {
-    readonly styleClass: _angular_core.InputSignal<string>;
-    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "f-toolbar", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["[start],[fStart]", "[center],[fCenter]", "[end],[fEnd]", "*"], true, never>;
-}
-
 declare class TabsContext {
     private readonly _active;
     readonly active: _angular_core.Signal<string | number>;
@@ -1850,41 +1962,68 @@ declare class AccordionContentComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionContentComponent, "f-accordion-content", never, {}, {}, never, ["*"], true, never>;
 }
 
-type ChartType = 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
-interface ChartDataSelectEvent {
-    originalEvent: MouseEvent;
-    element: unknown;
-    dataset: unknown;
-}
-declare class ChartComponent implements AfterViewInit, OnDestroy {
-    private readonly platformId;
-    readonly type: _angular_core.InputSignal<ChartType>;
-    readonly data: _angular_core.InputSignal<unknown>;
-    readonly options: _angular_core.InputSignal<unknown>;
-    readonly plugins: _angular_core.InputSignal<unknown[]>;
-    readonly width: _angular_core.InputSignal<string>;
-    readonly height: _angular_core.InputSignal<string>;
-    readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+type StepsMenuItem = MenuItem;
+declare class StepsComponent {
+    readonly model: _angular_core.InputSignal<MenuItem[]>;
+    readonly activeIndex: _angular_core.ModelSignal<number>;
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly linear: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
     readonly ariaLabel: _angular_core.InputSignal<string>;
-    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
     readonly styleClass: _angular_core.InputSignal<string>;
     readonly style: _angular_core.InputSignal<Record<string, string> | null>;
-    readonly onDataSelect: _angular_core.OutputEmitterRef<ChartDataSelectEvent>;
-    readonly hostClass: _angular_core.Signal<string>;
-    readonly canvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
-    private chart;
-    private currentType;
+    readonly onChange: _angular_core.OutputEmitterRef<number>;
+    private readonly stepButtons;
+    isStepDisabled(item: MenuItem, i: number): boolean;
+    stepCircleClass(item: MenuItem, i: number): string;
+    onStepClick(_e: Event, i: number, item: MenuItem): void;
+    onKeydown(e: KeyboardEvent, i: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StepsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StepsComponent, "f-steps", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "linear": { "alias": "linear"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; "onChange": "onChange"; }, never, never, true, never>;
+}
+
+interface SplitterResizeEvent {
+    originalEvent: Event;
+    sizes: number[];
+}
+declare class SplitterComponent {
+    readonly layout: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly panelSizes: _angular_core.InputSignal<number[]>;
+    readonly minSizes: _angular_core.InputSignal<number[]>;
+    readonly gutterSize: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly stateKey: _angular_core.InputSignal<string | null>;
+    readonly stateStorage: _angular_core.InputSignal<"session" | "local">;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly onResizeStart: _angular_core.OutputEmitterRef<SplitterResizeEvent>;
+    readonly onResizeEnd: _angular_core.OutputEmitterRef<SplitterResizeEvent>;
+    readonly panelTemplates: _angular_core.Signal<readonly FTemplateDirective[]>;
+    private readonly platformId;
+    private readonly _sizes;
+    readonly sizes: _angular_core.Signal<number[]>;
     constructor();
-    ngAfterViewInit(): void;
-    onCanvasClick(event: MouseEvent): void;
-    getCanvas(): HTMLCanvasElement | undefined;
-    getBase64Image(): string | undefined;
-    refresh(): void;
-    private mergeOptions;
-    private recreateChart;
-    ngOnDestroy(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartComponent, "f-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onDataSelect": "onDataSelect"; }, never, never, true, never>;
+    panelFlex(index: number): string;
+    gutterValueNow(index: number): number;
+    onGutterPointerDown(event: PointerEvent, index: number): void;
+    onGutterKeyDown(event: KeyboardEvent, index: number): void;
+    private clampPair;
+    private getStorage;
+    private persistState;
+    private restoreState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterComponent, "f-splitter", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "panelSizes": { "alias": "panelSizes"; "required": false; "isSignal": true; }; "minSizes": { "alias": "minSizes"; "required": false; "isSignal": true; }; "gutterSize": { "alias": "gutterSize"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "stateKey": { "alias": "stateKey"; "required": false; "isSignal": true; }; "stateStorage": { "alias": "stateStorage"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onResizeStart": "onResizeStart"; "onResizeEnd": "onResizeEnd"; }, ["panelTemplates"], ["*"], true, never>;
+}
+declare class SplitterPanelComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SplitterPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitterPanelComponent, "f-splitter-panel", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class ToolbarComponent {
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "f-toolbar", never, { "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, {}, never, ["[start],[fStart]", "[center],[fCenter]", "[end],[fEnd]", "*"], true, never>;
 }
 
 interface PaginatorState {
@@ -1947,48 +2086,6 @@ declare class PaginatorComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginatorComponent, "f-paginator", never, { "first": { "alias": "first"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "pageLinkSize": { "alias": "pageLinkSize"; "required": false; "isSignal": true; }; "alwaysShow": { "alias": "alwaysShow"; "required": false; "isSignal": true; }; "showFirstLastIcon": { "alias": "showFirstLastIcon"; "required": false; "isSignal": true; }; "showPageLinks": { "alias": "showPageLinks"; "required": false; "isSignal": true; }; "showJumpToPageDropdown": { "alias": "showJumpToPageDropdown"; "required": false; "isSignal": true; }; "showJumpToPageInput": { "alias": "showJumpToPageInput"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "first": "firstChange"; "onPageChange": "onPageChange"; }, ["contentStartRef", "contentEndRef", "fTemplates"], never, true, never>;
 }
 
-declare class SortableColumnDirective {
-    readonly fSortableColumn: _angular_core.InputSignal<string>;
-    private readonly table;
-    readonly ariaSort: _angular_core.Signal<"none" | "ascending" | "descending">;
-    onClick(event: MouseEvent): void;
-    onKeydown(event: Event): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableColumnDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SortableColumnDirective, "[fSortableColumn]", never, { "fSortableColumn": { "alias": "fSortableColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-declare class SortIconComponent {
-    readonly field: _angular_core.InputSignal<string>;
-    private readonly table;
-    readonly direction: _angular_core.Signal<number>;
-    readonly priority: _angular_core.Signal<number | null>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortIconComponent, "f-sorticon", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
-declare class StyleClassDirective implements OnDestroy {
-    private readonly el;
-    private readonly doc;
-    readonly fStyleClass: _angular_core.InputSignal<string>;
-    readonly enterFromClass: _angular_core.InputSignal<string>;
-    readonly enterActiveClass: _angular_core.InputSignal<string>;
-    readonly enterToClass: _angular_core.InputSignal<string>;
-    readonly leaveFromClass: _angular_core.InputSignal<string>;
-    readonly leaveActiveClass: _angular_core.InputSignal<string>;
-    readonly leaveToClass: _angular_core.InputSignal<string>;
-    readonly hideOnOutsideClick: _angular_core.InputSignal<boolean>;
-    readonly toggleClass: _angular_core.InputSignal<string>;
-    private outsideClickListener;
-    onClick(): void;
-    ngOnDestroy(): void;
-    private enter;
-    private leave;
-    private bindOutsideClick;
-    private unbindOutsideClick;
-    private resolveTarget;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StyleClassDirective, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StyleClassDirective, "[fStyleClass]", never, { "fStyleClass": { "alias": "fStyleClass"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; "isSignal": true; }; "toggleClass": { "alias": "toggleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 interface ScrollerLazyLoadEvent {
     first: number;
     last: number;
@@ -2180,13 +2277,68 @@ declare class TableComponent implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent, "f-table", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "lazy": { "alias": "lazy"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "totalRecords": { "alias": "totalRecords"; "required": false; "isSignal": true; }; "rowHover": { "alias": "rowHover"; "required": false; "isSignal": true; }; "dataKey": { "alias": "dataKey"; "required": false; "isSignal": true; }; "scrollable": { "alias": "scrollable"; "required": false; "isSignal": true; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "first": { "alias": "first"; "required": false; "isSignal": true; }; "rowsPerPageOptions": { "alias": "rowsPerPageOptions"; "required": false; "isSignal": true; }; "showCurrentPageReport": { "alias": "showCurrentPageReport"; "required": false; "isSignal": true; }; "currentPageReportTemplate": { "alias": "currentPageReportTemplate"; "required": false; "isSignal": true; }; "tableStyle": { "alias": "tableStyle"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "filterDelay": { "alias": "filterDelay"; "required": false; "isSignal": true; }; "responsiveLayout": { "alias": "responsiveLayout"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "sortMode": { "alias": "sortMode"; "required": false; "isSignal": true; }; "rowExpandMode": { "alias": "rowExpandMode"; "required": false; "isSignal": true; }; "resizableColumns": { "alias": "resizableColumns"; "required": false; "isSignal": true; }; "rowStyleClass": { "alias": "rowStyleClass"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "sortField": { "alias": "sortField"; "required": false; "isSignal": true; }; "sortOrder": { "alias": "sortOrder"; "required": false; "isSignal": true; }; "multiSortMeta": { "alias": "multiSortMeta"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "expandedRowKeys": { "alias": "expandedRowKeys"; "required": false; "isSignal": true; }; "contextMenuSelection": { "alias": "contextMenuSelection"; "required": false; "isSignal": true; }; }, { "sortField": "sortFieldChange"; "sortOrder": "sortOrderChange"; "multiSortMeta": "multiSortMetaChange"; "filters": "filtersChange"; "selection": "selectionChange"; "expandedRowKeys": "expandedRowKeysChange"; "contextMenuSelection": "contextMenuSelectionChange"; "onLazyLoad": "onLazyLoad"; "onSort": "onSort"; "onFilter": "onFilter"; "onRowSelect": "onRowSelect"; "onRowUnselect": "onRowUnselect"; "onSelectAllChange": "onSelectAllChange"; "onRowExpand": "onRowExpand"; "onRowCollapse": "onRowCollapse"; "onColResize": "onColResize"; "onRowContextMenu": "onRowContextMenu"; }, ["headerTemplate", "bodyTemplate", "emptyTemplate", "captionTemplate", "footerTemplate", "loadingBodyTemplate", "paginatorLeftTemplate", "paginatorRightTemplate", "rowExpansionTemplate"], never, true, never>;
 }
 
+declare class SortableColumnDirective {
+    readonly fSortableColumn: _angular_core.InputSignal<string>;
+    private readonly table;
+    readonly ariaSort: _angular_core.Signal<"none" | "ascending" | "descending">;
+    onClick(event: MouseEvent): void;
+    onKeydown(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortableColumnDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SortableColumnDirective, "[fSortableColumn]", never, { "fSortableColumn": { "alias": "fSortableColumn"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+declare class SortIconComponent {
+    readonly field: _angular_core.InputSignal<string>;
+    private readonly table;
+    readonly direction: _angular_core.Signal<number>;
+    readonly priority: _angular_core.Signal<number | null>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SortIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SortIconComponent, "f-sorticon", never, { "field": { "alias": "field"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ChartType = 'bar' | 'line' | 'scatter' | 'bubble' | 'pie' | 'doughnut' | 'polarArea' | 'radar';
+interface ChartDataSelectEvent {
+    originalEvent: MouseEvent;
+    element: unknown;
+    dataset: unknown;
+}
+declare class ChartComponent implements AfterViewInit, OnDestroy {
+    private readonly platformId;
+    readonly type: _angular_core.InputSignal<ChartType>;
+    readonly data: _angular_core.InputSignal<unknown>;
+    readonly options: _angular_core.InputSignal<unknown>;
+    readonly plugins: _angular_core.InputSignal<unknown[]>;
+    readonly width: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly responsive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly ariaLabelledBy: _angular_core.InputSignal<string>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly style: _angular_core.InputSignal<Record<string, string> | null>;
+    readonly onDataSelect: _angular_core.OutputEmitterRef<ChartDataSelectEvent>;
+    readonly hostClass: _angular_core.Signal<string>;
+    readonly canvasRef: _angular_core.Signal<ElementRef<HTMLCanvasElement> | undefined>;
+    private chart;
+    private currentType;
+    constructor();
+    ngAfterViewInit(): void;
+    onCanvasClick(event: MouseEvent): void;
+    getCanvas(): HTMLCanvasElement | undefined;
+    getBase64Image(): string | undefined;
+    refresh(): void;
+    private mergeOptions;
+    private recreateChart;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChartComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChartComponent, "f-chart", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "plugins": { "alias": "plugins"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; }, { "onDataSelect": "onDataSelect"; }, never, never, true, never>;
+}
+
 declare class TooltipDirective implements OnDestroy {
     private readonly el;
     private readonly renderer;
     private readonly platformId;
     readonly fTooltip: _angular_core.InputSignal<string>;
-    readonly tooltipPosition: _angular_core.InputSignal<"left" | "right" | "top" | "bottom">;
-    readonly positionStyle: _angular_core.InputSignal<"fixed" | "absolute">;
+    readonly tooltipPosition: _angular_core.InputSignal<"top" | "bottom" | "left" | "right">;
+    readonly positionStyle: _angular_core.InputSignal<"absolute" | "fixed">;
     readonly tooltipStyleClass: _angular_core.InputSignal<string>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly tooltipEvent: _angular_core.InputSignal<"focus" | "hover" | "both">;
@@ -2218,6 +2370,30 @@ declare class TooltipDirective implements OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TooltipDirective, "[fTooltip]", never, { "fTooltip": { "alias": "fTooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; "positionStyle": { "alias": "positionStyle"; "required": false; "isSignal": true; }; "tooltipStyleClass": { "alias": "tooltipStyleClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltipEvent": { "alias": "tooltipEvent"; "required": false; "isSignal": true; }; "showDelay": { "alias": "showDelay"; "required": false; "isSignal": true; }; "hideDelay": { "alias": "hideDelay"; "required": false; "isSignal": true; }; "life": { "alias": "life"; "required": false; "isSignal": true; }; "autoHide": { "alias": "autoHide"; "required": false; "isSignal": true; }; "positionTop": { "alias": "positionTop"; "required": false; "isSignal": true; }; "positionLeft": { "alias": "positionLeft"; "required": false; "isSignal": true; }; "escape": { "alias": "escape"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class StyleClassDirective implements OnDestroy {
+    private readonly el;
+    private readonly doc;
+    readonly fStyleClass: _angular_core.InputSignal<string>;
+    readonly enterFromClass: _angular_core.InputSignal<string>;
+    readonly enterActiveClass: _angular_core.InputSignal<string>;
+    readonly enterToClass: _angular_core.InputSignal<string>;
+    readonly leaveFromClass: _angular_core.InputSignal<string>;
+    readonly leaveActiveClass: _angular_core.InputSignal<string>;
+    readonly leaveToClass: _angular_core.InputSignal<string>;
+    readonly hideOnOutsideClick: _angular_core.InputSignal<boolean>;
+    readonly toggleClass: _angular_core.InputSignal<string>;
+    private outsideClickListener;
+    onClick(): void;
+    ngOnDestroy(): void;
+    private enter;
+    private leave;
+    private bindOutsideClick;
+    private unbindOutsideClick;
+    private resolveTarget;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<StyleClassDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<StyleClassDirective, "[fStyleClass]", never, { "fStyleClass": { "alias": "fStyleClass"; "required": false; "isSignal": true; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; "isSignal": true; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; "isSignal": true; }; "enterToClass": { "alias": "enterToClass"; "required": false; "isSignal": true; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; "isSignal": true; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; "isSignal": true; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; "isSignal": true; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; "isSignal": true; }; "toggleClass": { "alias": "toggleClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 type AutoCompleteAppendTo = 'self' | 'body';
 interface AutoCompleteCompleteEvent {
     originalEvent: Event;
@@ -2531,26 +2707,6 @@ declare class SplitButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SplitButtonComponent, "f-splitbutton", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "raised": { "alias": "raised"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "iconPos": { "alias": "iconPos"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "menuStyleClass": { "alias": "menuStyleClass"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "dropdownIcon": { "alias": "dropdownIcon"; "required": false; "isSignal": true; }; "expandAriaLabel": { "alias": "expandAriaLabel"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onDropdownClick": "onDropdownClick"; "onShow": "onShow"; "onHide": "onHide"; }, never, never, true, never>;
 }
 
-interface TreeNode<T = unknown> {
-    data?: T;
-    children?: TreeNode<T>[];
-    expanded?: boolean;
-    leaf?: boolean;
-    label?: string;
-    icon?: string;
-    expandedIcon?: string;
-    collapsedIcon?: string;
-    key?: string;
-    type?: string;
-    selectable?: boolean;
-    partialSelected?: boolean;
-    styleClass?: string;
-    draggable?: boolean;
-    droppable?: boolean;
-    parent?: TreeNode<T>;
-    [key: string]: unknown;
-}
-
 interface TreeTableNode<T = unknown> {
     node: TreeNode<T>;
     level: number;
@@ -2801,19 +2957,6 @@ declare class TreeSelectComponent implements ControlValueAccessor {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<TreeSelectComponent, "f-treeselect", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; "filterBy": { "alias": "filterBy"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "propagateSelectionDown": { "alias": "propagateSelectionDown"; "required": false; "isSignal": true; }; "propagateSelectionUp": { "alias": "propagateSelectionUp"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "virtualScroll": { "alias": "virtualScroll"; "required": false; "isSignal": true; }; "virtualScrollItemSize": { "alias": "virtualScrollItemSize"; "required": false; "isSignal": true; }; "emptyMessage": { "alias": "emptyMessage"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, {}, ["valueRef", "headerRef", "footerRef", "emptyRef", "fTemplates"], never, true, never>;
 }
 
-type UiIconSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
-declare class UiIconComponent {
-    readonly name: _angular_core.InputSignal<string>;
-    readonly size: _angular_core.InputSignal<number>;
-    readonly spin: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly fill: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly severity: _angular_core.InputSignal<UiIconSeverity>;
-    readonly lucideName: _angular_core.Signal<string>;
-    readonly iconClass: _angular_core.Signal<string>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiIconComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiIconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spin": { "alias": "spin"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
-}
-
 declare class OverlayBadgeComponent {
     readonly value: _angular_core.InputSignal<string | number>;
     readonly severity: _angular_core.InputSignal<BadgeSeverity>;
@@ -3130,7 +3273,7 @@ declare class MegaMenuComponent {
     private readonly _activeItem;
     readonly activeItem: _angular_core.Signal<MenuItem | null>;
     private readonly _panelAlign;
-    readonly panelAlign: _angular_core.Signal<"start" | "end">;
+    readonly panelAlign: _angular_core.Signal<"end" | "start">;
     private readonly _mobileOpen;
     readonly mobileOpen: _angular_core.Signal<boolean>;
     private readonly _mobileExpanded;
@@ -4286,166 +4429,18 @@ declare class RippleDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RippleDirective, "[fRipple]", never, {}, {}, never, never, true, never>;
 }
 
-declare class UiModule {
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiModule, never>;
-    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<UiModule, never, [typeof i1.FormsModule, typeof ConfirmDialog, typeof ToastComponent, typeof AvatarComponent, typeof AvatarGroupComponent, typeof ButtonComponent, typeof FButtonDirective, typeof ChipComponent, typeof DividerComponent, typeof ImageComponent, typeof MessageComponent, typeof ProgressbarComponent, typeof ProgressSpinnerComponent, typeof SkeletonComponent, typeof TagComponent, typeof CheckboxComponent, typeof DatePickerComponent, typeof FileUploadComponent, typeof IconFieldComponent, typeof InputIconComponent, typeof InputNumberComponent, typeof InputTextDirective, typeof InputPasswordDirective, typeof MultiSelectComponent, typeof PasswordComponent, typeof RadioButtonComponent, typeof RatingComponent, typeof SelectComponent, typeof SelectButtonComponent, typeof TextareaDirective, typeof ToggleButtonComponent, typeof ToggleSwitchComponent, typeof DialogComponent, typeof DrawerComponent, typeof PopoverComponent, typeof CardComponent, typeof PanelComponent, typeof StepsComponent, typeof SplitterComponent, typeof SplitterPanelComponent, typeof ToolbarComponent, typeof TabsComponent, typeof TabComponent, typeof TabListComponent, typeof TabPanelComponent, typeof TabPanelsComponent, typeof AccordionComponent, typeof AccordionPanelComponent, typeof AccordionHeaderComponent, typeof AccordionContentComponent, typeof ChartComponent, typeof PaginatorComponent, typeof SortIconComponent, typeof SortableColumnDirective, typeof StyleClassDirective, typeof TableComponent, typeof TooltipDirective, typeof AutoCompleteComponent, typeof ColorPickerComponent, typeof ListboxComponent, typeof SplitButtonComponent, typeof TreeTableComponent, typeof TreeTableTogglerComponent, typeof TreeSelectComponent, typeof UiIconComponent, typeof BadgeComponent, typeof OverlayBadgeComponent, typeof FieldsetComponent, typeof FloatLabelComponent, typeof IftaLabelComponent, typeof ButtonGroupComponent, typeof InputGroupComponent, typeof InputGroupAddonComponent, typeof ScrollTopComponent, typeof MeterGroupComponent, typeof FluidComponent, typeof BlockUiComponent, typeof MenuComponent, typeof MenubarComponent, typeof TieredMenuComponent, typeof ContextMenuComponent, typeof MegaMenuComponent, typeof PanelMenuComponent, typeof BreadcrumbComponent, typeof SpeedDialComponent, typeof DockComponent, typeof InputMaskDirective, typeof InputOtpComponent, typeof SliderComponent, typeof KnobComponent, typeof CascadeSelectComponent, typeof KeyFilterDirective, typeof ConfirmPopupComponent, typeof DynamicDialogComponent, typeof InplaceComponent, typeof TreeComponent, typeof TimelineComponent, typeof DataViewComponent, typeof CarouselComponent, typeof ScrollPanelComponent, typeof ScrollerComponent, typeof OrganizationChartComponent, typeof PickListComponent, typeof OrderListComponent, typeof GalleriaComponent, typeof EditorComponent, typeof TerminalComponent, typeof ImageCompareComponent, typeof AnimateOnScrollDirective, typeof AutoFocusDirective, typeof RippleDirective, typeof FTemplateDirective], [typeof ConfirmDialog, typeof ToastComponent, typeof AvatarComponent, typeof AvatarGroupComponent, typeof ButtonComponent, typeof FButtonDirective, typeof ChipComponent, typeof DividerComponent, typeof ImageComponent, typeof MessageComponent, typeof ProgressbarComponent, typeof ProgressSpinnerComponent, typeof SkeletonComponent, typeof TagComponent, typeof CheckboxComponent, typeof DatePickerComponent, typeof FileUploadComponent, typeof IconFieldComponent, typeof InputIconComponent, typeof InputNumberComponent, typeof InputTextDirective, typeof InputPasswordDirective, typeof MultiSelectComponent, typeof PasswordComponent, typeof RadioButtonComponent, typeof RatingComponent, typeof SelectComponent, typeof SelectButtonComponent, typeof TextareaDirective, typeof ToggleButtonComponent, typeof ToggleSwitchComponent, typeof DialogComponent, typeof DrawerComponent, typeof PopoverComponent, typeof CardComponent, typeof PanelComponent, typeof StepsComponent, typeof SplitterComponent, typeof SplitterPanelComponent, typeof ToolbarComponent, typeof TabsComponent, typeof TabComponent, typeof TabListComponent, typeof TabPanelComponent, typeof TabPanelsComponent, typeof AccordionComponent, typeof AccordionPanelComponent, typeof AccordionHeaderComponent, typeof AccordionContentComponent, typeof ChartComponent, typeof PaginatorComponent, typeof SortIconComponent, typeof SortableColumnDirective, typeof StyleClassDirective, typeof TableComponent, typeof TooltipDirective, typeof AutoCompleteComponent, typeof ColorPickerComponent, typeof ListboxComponent, typeof SplitButtonComponent, typeof TreeTableComponent, typeof TreeTableTogglerComponent, typeof TreeSelectComponent, typeof UiIconComponent, typeof BadgeComponent, typeof OverlayBadgeComponent, typeof FieldsetComponent, typeof FloatLabelComponent, typeof IftaLabelComponent, typeof ButtonGroupComponent, typeof InputGroupComponent, typeof InputGroupAddonComponent, typeof ScrollTopComponent, typeof MeterGroupComponent, typeof FluidComponent, typeof BlockUiComponent, typeof MenuComponent, typeof MenubarComponent, typeof TieredMenuComponent, typeof ContextMenuComponent, typeof MegaMenuComponent, typeof PanelMenuComponent, typeof BreadcrumbComponent, typeof SpeedDialComponent, typeof DockComponent, typeof InputMaskDirective, typeof InputOtpComponent, typeof SliderComponent, typeof KnobComponent, typeof CascadeSelectComponent, typeof KeyFilterDirective, typeof ConfirmPopupComponent, typeof DynamicDialogComponent, typeof InplaceComponent, typeof TreeComponent, typeof TimelineComponent, typeof DataViewComponent, typeof CarouselComponent, typeof ScrollPanelComponent, typeof ScrollerComponent, typeof OrganizationChartComponent, typeof PickListComponent, typeof OrderListComponent, typeof GalleriaComponent, typeof EditorComponent, typeof TerminalComponent, typeof ImageCompareComponent, typeof AnimateOnScrollDirective, typeof AutoFocusDirective, typeof RippleDirective, typeof FTemplateDirective]>;
-    static ɵinj: _angular_core.ɵɵInjectorDeclaration<UiModule>;
-}
-
-interface NgUITranslationConfig {
-    accept?: string;
-    reject?: string;
-    choose?: string;
-    upload?: string;
-    cancel?: string;
-    close?: string;
-    clear?: string;
-    apply?: string;
-    remove?: string;
-    today?: string;
-    weekHeader?: string;
-    firstDayOfWeek?: number;
-    showMonthAfterYear?: boolean;
-    dateFormat?: string;
-    dayNames?: string[];
-    dayNamesShort?: string[];
-    dayNamesMin?: string[];
-    monthNames?: string[];
-    monthNamesShort?: string[];
-    aria?: Record<string, string>;
-    [key: string]: unknown;
-}
-interface NgUIOptions {
-    theme?: {
-        options?: {
-            darkModeSelector?: string;
-            cssLayer?: {
-                name: string;
-                order: string;
-            } | false;
-        };
-    };
-    translation?: NgUITranslationConfig;
-}
-declare class NgUIConfig {
-    private readonly _translation;
-    readonly translation: _angular_core.Signal<NgUITranslationConfig>;
-    configure(options: NgUIOptions): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgUIConfig, never>;
-    static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgUIConfig>;
-}
-
-type ColorShade = '50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900' | '950';
-type ColorPalette = Record<ColorShade, string>;
-type SurfacePalette = {
-    0: string;
-} & ColorPalette;
-declare const PRIMARY_PALETTES: Record<string, ColorPalette>;
-declare const SURFACE_PALETTES: Record<string, SurfacePalette>;
-declare const NOIR_PRIMARY: ColorPalette;
-
-type PresetName = 'Aura' | 'Lara' | 'Nora';
-interface SelectButtonTokens {
-    background: string;
-    borderColor: string;
-    dividerColor: string;
-    padding: string;
-    itemColor: string;
-    itemHoverBackground: string;
-    checkedBackground: string;
-    checkedColor: string;
-    checkedShadow: string;
-    fontWeight: string;
-    itemBorderRadius: string;
-}
-interface ThemePreset {
-    name: PresetName;
-    radiusXs: string;
-    borderRadiusSm: string;
-    borderRadius: string;
-    borderRadiusLg: string;
-    borderRadiusXl: string;
-    radius3xl: string;
-    radius4xl: string;
-    borderWidth: string;
-    shadowSm: string;
-    shadow: string;
-    shadowLg: string;
-    shadowXl: string;
-    shadow2xl: string;
-    transitionDuration: string;
-    focusRingWidth: string;
-    focusRingStyle: string;
-    focusRingOffset: string;
-    highlightVariant: 'tint' | 'solid';
-    strongBorders: boolean;
-    fieldPaddingX: string;
-    fieldPaddingY: string;
-    fieldBorderRadius: string;
-    fieldFontWeight: string;
-    buttonPaddingX: string;
-    buttonPaddingY: string;
-    buttonBorderRadius: string;
-    buttonFontWeight: string;
-    buttonLetterSpacing: string;
-    overlayBorderRadius: string;
-    overlayShadow: string;
-    selectButton: SelectButtonTokens;
-    cardBorderRadius: string;
-    cardPadding: string;
-    cardGap: string;
-    cardShadow: string;
-    sidebarBorderWidth: string;
-    sidebarRadius: string;
-    sidebarShadow: string;
-    topbarBorderWidth: string;
-    topbarShadow: string;
-    menuItemActiveRadius: string;
-    menuItemActiveBorderWidth: string;
-    /** Default primary palette applied when the user switches to this preset. */
-    signaturePrimary: string;
-}
-declare const AURA_PRESET: ThemePreset;
-declare const LARA_PRESET: ThemePreset;
-declare const NORA_PRESET: ThemePreset;
-declare const PRESETS: Record<PresetName, ThemePreset>;
-declare const PRESET_NAMES: PresetName[];
-
-declare function applyPrimaryPalette(palette: ColorPalette, isDark?: boolean, root?: HTMLElement): void;
-declare function applySurfacePalette(palette: SurfacePalette, root?: HTMLElement): void;
-declare function applyLightSemantics(root?: HTMLElement): void;
-declare function applyDarkSemantics(root?: HTMLElement): void;
-declare function applyPreset(preset: ThemePreset, root?: HTMLElement): void;
-interface ApplyThemeOptions {
-    preset?: PresetName;
-    primary?: string;
-    surface?: string | null;
-    darkTheme?: boolean;
-}
-declare function applyTheme(options: ApplyThemeOptions, root?: HTMLElement): void;
-declare function buildBootstrapPreset(envConfig?: {
-    preset?: string;
-    primary?: string;
-    surface?: string | null;
-    isMemorable?: boolean;
-}): ApplyThemeOptions;
-
-interface ProvideNgUIOptions {
-    theme?: {
-        preset?: ApplyThemeOptions | {
-            preset: ApplyThemeOptions;
-            options: {
-                darkModeSelector?: string;
-            };
-        };
-        options?: {
-            darkModeSelector?: string;
-        };
-    };
-    translation?: NgUIOptions['translation'];
-    ripple?: boolean;
+type UiIconSeverity = 'success' | 'info' | 'warn' | 'danger' | 'secondary' | 'contrast' | null;
+declare class UiIconComponent {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly spin: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly fill: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly severity: _angular_core.InputSignal<UiIconSeverity>;
+    readonly lucideName: _angular_core.Signal<string>;
+    readonly iconClass: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<UiIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<UiIconComponent, "ui-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spin": { "alias": "spin"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-declare function provideNgUI(options?: ProvideNgUIOptions): EnvironmentProviders;
 
-export { AURA_PRESET, AccordionComponent, AccordionContentComponent, AccordionContext, AccordionHeaderComponent, AccordionPanelComponent, AnimateOnScrollDirective, AutoCompleteComponent, AutoFocusDirective, AvatarComponent, AvatarGroupComponent, BadgeComponent, BlockUiComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CascadeSelectComponent, ChartComponent, CheckboxComponent, ChipComponent, ColorPickerComponent, ConfirmDialog, ConfirmPopupComponent, ConfirmationService, ContextMenuComponent, DYNAMIC_DIALOG_DATA, DYNAMIC_DIALOG_REF, DataViewComponent, DatePickerComponent, DialogComponent, DividerComponent, DockComponent, DrawerComponent, DynamicDialogComponent, DynamicDialogRef, DynamicDialogService, EditorComponent, FButtonDirective, FTemplateDirective, FieldsetComponent, FileUploadComponent, FloatLabelComponent, FluidComponent, GalleriaComponent, IconFieldComponent, IftaLabelComponent, ImageCompareComponent, ImageComponent, InplaceComponent, InputGroupAddonComponent, InputGroupComponent, InputIconComponent, InputMaskDirective, InputNumberComponent, InputOtpComponent, InputPasswordDirective, InputTextDirective, KeyFilterDirective, KnobComponent, LARA_PRESET, ListboxComponent, MegaMenuComponent, MenuComponent, MenubarComponent, MessageComponent, MessageService, MeterGroupComponent, MultiSelectComponent, NOIR_PRIMARY, NORA_PRESET, NgUIConfig, OrderListComponent, OrganizationChartComponent, OverlayBadgeComponent, PRESETS, PRESET_NAMES, PRIMARY_PALETTES, PaginatorComponent, PanelComponent, PanelMenuComponent, PasswordComponent, PickListComponent, PopoverComponent, ProgressSpinnerComponent, ProgressbarComponent, RadioButtonComponent, RatingComponent, RippleDirective, SURFACE_PALETTES, ScrollPanelComponent, ScrollTopComponent, ScrollerComponent, SelectButtonComponent, SelectComponent, SkeletonComponent, SliderComponent, SortIconComponent, SortableColumnDirective, SpeedDialComponent, SplitButtonComponent, SplitterComponent, SplitterPanelComponent, StepsComponent, StyleClassDirective, TabComponent, TabListComponent, TabPanelComponent, TabPanelsComponent, TableComponent, TabsComponent, TabsContext, TagComponent, TerminalComponent, TextareaDirective, TieredMenuComponent, TimelineComponent, ToastComponent, ToggleButtonComponent, ToggleSwitchComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeSelectComponent, TreeTableComponent, TreeTableService, TreeTableTogglerComponent, UiIconComponent, UiModule, applyDarkSemantics, applyLightSemantics, applyPreset, applyPrimaryPalette, applySurfacePalette, applyTheme, buildBootstrapPreset, provideNgUI };
+export { AURA_PRESET, AccordionComponent, AccordionContentComponent, AccordionContext, AccordionHeaderComponent, AccordionPanelComponent, AnimateOnScrollDirective, AutoCompleteComponent, AutoFocusDirective, AvatarComponent, AvatarGroupComponent, BadgeComponent, BlockUiComponent, BreadcrumbComponent, ButtonComponent, ButtonGroupComponent, CardComponent, CarouselComponent, CascadeSelectComponent, ChartComponent, CheckboxComponent, ChipComponent, ColorPickerComponent, ConfirmDialog, ConfirmPopupComponent, ConfirmationService, ContextMenuComponent, DYNAMIC_DIALOG_DATA, DYNAMIC_DIALOG_REF, DataViewComponent, DatePickerComponent, DialogComponent, DividerComponent, DockComponent, DrawerComponent, DynamicDialogComponent, DynamicDialogRef, DynamicDialogService, EditorComponent, FButtonDirective, FTemplateDirective, FieldsetComponent, FileUploadComponent, FloatLabelComponent, FluidComponent, GalleriaComponent, IconFieldComponent, IftaLabelComponent, ImageCompareComponent, ImageComponent, InplaceComponent, InputGroupAddonComponent, InputGroupComponent, InputIconComponent, InputMaskDirective, InputNumberComponent, InputOtpComponent, InputPasswordDirective, InputTextDirective, KeyFilterDirective, KnobComponent, LARA_PRESET, ListboxComponent, MegaMenuComponent, MenuComponent, MenubarComponent, MessageComponent, MessageService, MeterGroupComponent, MultiSelectComponent, NOIR_PRIMARY, NORA_PRESET, NgUIConfig, OrderListComponent, OrganizationChartComponent, OverlayBadgeComponent, PRESETS, PRESET_NAMES, PRIMARY_PALETTES, PaginatorComponent, PanelComponent, PanelMenuComponent, PasswordComponent, PickListComponent, PopoverComponent, ProgressSpinnerComponent, ProgressbarComponent, RadioButtonComponent, RatingComponent, RippleDirective, SURFACE_PALETTES, ScrollPanelComponent, ScrollTopComponent, ScrollerComponent, SelectButtonComponent, SelectComponent, SkeletonComponent, SliderComponent, SortIconComponent, SortableColumnDirective, SpeedDialComponent, SplitButtonComponent, SplitterComponent, SplitterPanelComponent, StepsComponent, StyleClassDirective, TabComponent, TabListComponent, TabPanelComponent, TabPanelsComponent, TableComponent, TabsComponent, TabsContext, TagComponent, TerminalComponent, TextareaDirective, TieredMenuComponent, TimelineComponent, ToastComponent, ToggleButtonComponent, ToggleSwitchComponent, ToolbarComponent, TooltipDirective, TreeComponent, TreeSelectComponent, TreeTableComponent, TreeTableService, TreeTableTogglerComponent, UiIconComponent, applyDarkSemantics, applyLightSemantics, applyPreset, applyPrimaryPalette, applySurfacePalette, applyTheme, buildBootstrapPreset, provideNgUI };
 export type { ApplyThemeOptions, AutoCompleteCompleteEvent, AutoCompleteSelectEvent, BadgeSeverity, BadgeSize, ButtonSeverity, CheckboxChangeEvent, ColorFormat, ColorPalette, ColorPickerChangeEvent, DataViewLayout, DialogPosition, DrawerPosition, DynamicDialogConfig, FileRemoveEvent, FileSelectEvent, FloatLabelVariant, GalleriaItem, KeyFilterPreset, ListboxChangeEvent, MenuItem, MenuItemCommandEvent, MeterItem, NgUIOptions, NgUITranslationConfig, PaginatorState, PresetName, ProvideNgUIOptions, RadioButtonClickEvent, SelectButtonTokens, SpeedDialDirection, SpeedDialType, StepsMenuItem, SurfacePalette, TableLazyLoadEvent, TerminalCommandEvent, ThemePreset, TimelineAlign, TimelineLayout, TreeSelectionMode as TreeComponentSelectionMode, TreeNode, TreeSelectionMode$1 as TreeSelectionMode, TreeTableNode, UiMessage };