crdx-components 1.0.0 → 2.0.0

package/types/crdx-components.d.ts

@@ -0,0 +1,811 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterContentInit, AfterViewInit, OnDestroy, EventEmitter, QueryList, ElementRef, OnInit, WritableSignal, Type } from '@angular/core';
+import { DialogRef, Dialog } from '@angular/cdk/dialog';
+import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { ErrorStateMatcher } from '@angular/material/core';
+import { MatDatepickerInputEvent } from '@angular/material/datepicker';
+import { MatFormFieldAppearance } from '@angular/material/form-field';
+import { MatSelectChange } from '@angular/material/select';
+import { FormValueControl, WithOptionalFieldTree, ValidationError, DisabledReason } from '@angular/forms/signals';
+import { DomSanitizer } from '@angular/platform-browser';
+import { MatIconRegistry } from '@angular/material/icon';
+import { MatTableDataSource } from '@angular/material/table';
+import { MatPaginator } from '@angular/material/paginator';
+import { AnimationEvent } from '@angular/animations';
+import { MatSlideToggleChange } from '@angular/material/slide-toggle';
+
+declare class LibUi {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibUi, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibUi, "lib-lib-ui", never, {}, {}, never, never, true, never>;
+}
+
+declare const ICON_FILE_MAP: Readonly<{
+    CollapseMenu: string;
+    'collapse-menu': string;
+    'icon-menu': string;
+    logo: string;
+    'credix-logo': string;
+    smiley: string;
+    'error-circle': string;
+    'info-error': string;
+    'configuration-countable': string;
+    edit: string;
+    'edit-table': string;
+    hub: string;
+    logout: string;
+    notifications: string;
+    profile: string;
+    'profile-user-menu': string;
+    visibility: string;
+    check: string;
+    'gif-icon-massive': string;
+    'background-color-massive': string;
+    'content-edit-massive': string;
+    'edit-massive': string;
+    'edit-massive-white': string;
+    'edit-gray': string;
+    'check-update': string;
+    'download-simple': string;
+    'download-file': string;
+    'content-copy': string;
+    'add-create': string;
+    'add-create-dark': string;
+    'add-create-dark-icon': string;
+    'add-circle-filled': string;
+    'add-circle-tonal': string;
+    'add-circle-outlined': string;
+    'add-circle-elevated': string;
+    'add-circle-text': string;
+}>;
+type UiIconName = keyof typeof ICON_FILE_MAP;
+declare const UI_ICON_NAMES: UiIconName[];
+interface RegisterUiIconOptions {
+    basePath?: string;
+}
+declare function resolveUiIconResource(iconName: UiIconName, options?: RegisterUiIconOptions): string;
+declare function registerUiIcons(registry: MatIconRegistry, sanitizer: DomSanitizer, icons?: UiIconName[], options?: RegisterUiIconOptions): void;
+
+declare class SharedTableCellTemplateDirective {
+    readonly template: TemplateRef<unknown>;
+    private legacyKey;
+    private modernKey;
+    set cellTemplate(value: string | null | undefined);
+    set libCellTemplate(value: string | null | undefined);
+    get key(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SharedTableCellTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SharedTableCellTemplateDirective, "ng-template[cellTemplate], ng-template[libCellTemplate]", never, { "cellTemplate": { "alias": "cellTemplate"; "required": false; }; "libCellTemplate": { "alias": "libCellTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface TablePageEvent {
+    pageIndex: number;
+    pageSize: number;
+}
+interface SharedTableColumn<T extends Record<string, unknown> = Record<string, unknown>> {
+    key: string;
+    header: string;
+    align?: 'start' | 'center' | 'end';
+    width?: string;
+    cell?: (row: T, index: number) => unknown;
+}
+declare class SharedTableComponent<T extends Record<string, unknown> = Record<string, unknown>> implements AfterContentInit, AfterViewInit, OnDestroy {
+    readonly columns: _angular_core.InputSignal<readonly SharedTableColumn<T>[]>;
+    readonly data: _angular_core.InputSignal<readonly T[]>;
+    readonly caption: _angular_core.InputSignal<string | undefined>;
+    readonly emptyState: _angular_core.InputSignal<string>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly showPaginator: _angular_core.InputSignal<boolean>;
+    readonly pageSize: _angular_core.InputSignal<number>;
+    readonly pageSizeOptions: _angular_core.InputSignal<readonly number[]>;
+    readonly enableRowClick: _angular_core.InputSignal<boolean>;
+    readonly totalElements: _angular_core.InputSignal<number | undefined>;
+    rowClick: EventEmitter<T>;
+    pageChange: EventEmitter<TablePageEvent>;
+    cellTemplatesQuery: QueryList<SharedTableCellTemplateDirective>;
+    cellTemplates: Record<string, SharedTableCellTemplateDirective['template']>;
+    private removeScrollSync;
+    private _paginator?;
+    private readonly destroyRef;
+    readonly dataSource: MatTableDataSource<T, MatPaginator>;
+    displayedColumns: string[];
+    constructor();
+    set paginator(paginator: MatPaginator | undefined);
+    headerWrapRef?: ElementRef<HTMLDivElement>;
+    bodyWrapRef?: ElementRef<HTMLDivElement>;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngOnDestroy(): void;
+    getCellValue(column: SharedTableColumn<T>, row: T, index: number): unknown;
+    columnId(column: SharedTableColumn<T>): string;
+    columnTrackBy: (_: number, column: SharedTableColumn<T>) => string;
+    resolveTextAlign(column: SharedTableColumn<T>): 'start' | 'center' | 'end';
+    resolveWidth(column: SharedTableColumn<T>): string | null;
+    shouldRenderPaginator(): boolean;
+    onRowClick(event: MouseEvent, row: T): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SharedTableComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SharedTableComponent<any>, "lib-shared-table, shared-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "emptyState": { "alias": "emptyState"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "showPaginator": { "alias": "showPaginator"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "enableRowClick": { "alias": "enableRowClick"; "required": false; "isSignal": true; }; "totalElements": { "alias": "totalElements"; "required": false; "isSignal": true; }; }, { "rowClick": "rowClick"; "pageChange": "pageChange"; }, ["cellTemplatesQuery"], never, true, never>;
+}
+
+declare class SharedBreadcrumbComponent implements OnInit {
+    private readonly route;
+    private readonly router;
+    parentNavigate: EventEmitter<string>;
+    readonly parentLabel: _angular_core.WritableSignal<string>;
+    readonly parentUrl: _angular_core.WritableSignal<string>;
+    readonly currentLabel: _angular_core.WritableSignal<string>;
+    ngOnInit(): void;
+    navigateToParent(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SharedBreadcrumbComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SharedBreadcrumbComponent, "lib-breadcrumb, shared-breadcrumb", never, {}, { "parentNavigate": "parentNavigate"; }, never, never, true, never>;
+}
+
+interface SidebarNavItem {
+    id: string;
+    label: string;
+    icon: string;
+    iconPath?: string;
+    accessoryIcon?: string;
+    accessoryIconPath?: string;
+    ariaLabel?: string;
+    disabled?: boolean;
+}
+declare class SidebarComponent {
+    readonly items: _angular_core.InputSignal<readonly SidebarNavItem[]>;
+    readonly selectedId: _angular_core.InputSignal<string | null>;
+    readonly showLabels: _angular_core.InputSignal<boolean>;
+    readonly spritePath: _angular_core.InputSignal<string>;
+    readonly itemSelected: EventEmitter<SidebarNavItem>;
+    protected readonly hasLabels: _angular_core.Signal<boolean>;
+    protected onSelect(item: SidebarNavItem): void;
+    protected isSelected(item: SidebarNavItem): boolean;
+    protected trackById(_index: number, item: SidebarNavItem): string;
+    protected iconHref(icon: string): string;
+    protected accessoryHref(accessoryIcon: string): string;
+    protected iconRef(item: SidebarNavItem): string | null;
+    protected accessoryRef(item: SidebarNavItem): string | null;
+    protected isSprite(ref: string | null | undefined): ref is string;
+    protected shouldShowLabel(item: SidebarNavItem): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SidebarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SidebarComponent, "lib-sidebar", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "showLabels": { "alias": "showLabels"; "required": false; "isSignal": true; }; "spritePath": { "alias": "spritePath"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, never, ["[sidebar-header]", "[sidebar-footer]"], true, never>;
+}
+
+interface HeaderAction {
+    icon: string;
+    ariaLabel: string;
+    id?: string;
+    iconPath?: string;
+}
+declare class HeaderComponent {
+    readonly showLeading: _angular_core.InputSignal<boolean>;
+    readonly leadingIcon: _angular_core.InputSignal<string>;
+    readonly leadingIconPath: _angular_core.InputSignal<string | null>;
+    readonly leadingActionLabel: _angular_core.InputSignal<string>;
+    readonly brandLabel: _angular_core.InputSignal<string>;
+    readonly brandIcon: _angular_core.InputSignal<string>;
+    readonly brandIconPath: _angular_core.InputSignal<string | null>;
+    readonly trailingActions: _angular_core.InputSignal<readonly HeaderAction[]>;
+    readonly iconBasePath: _angular_core.InputSignal<string>;
+    readonly leadingClick: EventEmitter<void>;
+    readonly actionClick: EventEmitter<HeaderAction>;
+    protected readonly iconAssetBasePath: _angular_core.Signal<string>;
+    protected readonly leadingIconUrl: _angular_core.Signal<string | null>;
+    protected readonly brandIconUrl: _angular_core.Signal<string | null>;
+    protected onLeadingClick(): void;
+    protected onActionClick(action: HeaderAction): void;
+    protected trackByAction(_index: number, action: HeaderAction): string;
+    protected actionIconUrl(action: HeaderAction): string | null;
+    private resolveIconUrl;
+    private normalizeAssetBasePath;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<HeaderComponent, "lib-header", never, { "showLeading": { "alias": "showLeading"; "required": false; "isSignal": true; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; "isSignal": true; }; "leadingIconPath": { "alias": "leadingIconPath"; "required": false; "isSignal": true; }; "leadingActionLabel": { "alias": "leadingActionLabel"; "required": false; "isSignal": true; }; "brandLabel": { "alias": "brandLabel"; "required": false; "isSignal": true; }; "brandIcon": { "alias": "brandIcon"; "required": false; "isSignal": true; }; "brandIconPath": { "alias": "brandIconPath"; "required": false; "isSignal": true; }; "trailingActions": { "alias": "trailingActions"; "required": false; "isSignal": true; }; "iconBasePath": { "alias": "iconBasePath"; "required": false; "isSignal": true; }; }, { "leadingClick": "leadingClick"; "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
+type LibTextFieldAppearance = MatFormFieldAppearance | 'outlined' | 'filled';
+declare class LibTextFieldComponent implements FormValueControl<string> {
+    readonly value: _angular_core.ModelSignal<string>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly invalid: _angular_core.InputSignal<boolean>;
+    readonly errors: _angular_core.InputSignal<readonly WithOptionalFieldTree<ValidationError>[]>;
+    readonly disabledReasons: _angular_core.InputSignal<readonly WithOptionalFieldTree<DisabledReason>[]>;
+    readonly required: _angular_core.InputSignal<boolean>;
+    readonly touch: _angular_core.OutputEmitterRef<void>;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly appearance: _angular_core.InputSignal<LibTextFieldAppearance>;
+    readonly suffixIcon: _angular_core.InputSignal<string>;
+    readonly suffixTextIcon: _angular_core.InputSignal<string>;
+    readonly prefixIcon: _angular_core.InputSignal<string>;
+    readonly prefixIconSrc: _angular_core.InputSignal<string>;
+    readonly error: _angular_core.InputSignal<string | null>;
+    readonly hint: _angular_core.InputSignal<string>;
+    readonly suffixEvent: _angular_core.OutputEmitterRef<void>;
+    readonly showSuffix: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly suffixIconBand: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly autocomplete: _angular_core.InputSignal<string>;
+    readonly fullWidth: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly width: _angular_core.InputSignalWithTransform<string | null, string | number | null>;
+    readonly type: _angular_core.InputSignal<string>;
+    readonly hideRequiredMarker: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly resolvedAppearance: _angular_core.Signal<MatFormFieldAppearance>;
+    readonly widthStyle: _angular_core.Signal<string | null>;
+    readonly shouldShowSuffix: _angular_core.Signal<boolean>;
+    readonly shouldShowError: _angular_core.Signal<boolean>;
+    pressSuffixEvent(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibTextFieldComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibTextFieldComponent, "lib-text-field", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "disabledReasons": { "alias": "disabledReasons"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; "isSignal": true; }; "suffixTextIcon": { "alias": "suffixTextIcon"; "required": false; "isSignal": true; }; "prefixIcon": { "alias": "prefixIcon"; "required": false; "isSignal": true; }; "prefixIconSrc": { "alias": "prefixIconSrc"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "showSuffix": { "alias": "showSuffix"; "required": false; "isSignal": true; }; "suffixIconBand": { "alias": "suffixIconBand"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "autocomplete": { "alias": "autocomplete"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "hideRequiredMarker": { "alias": "hideRequiredMarker"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; "suffixEvent": "suffixEvent"; }, never, never, true, never>;
+}
+
+interface LibSelectOption<T = string> {
+    value: T;
+    label: string;
+}
+type VirtualRow<T> = {
+    kind: 'selectAll';
+} | {
+    kind: 'option';
+    option: LibSelectOption<T>;
+};
+type LibSelectMode = 'single' | 'multiple';
+declare class LibSelectFieldComponent<T = string> implements ControlValueAccessor, OnInit {
+    private static readonly PANEL_CONTENT_HEIGHT;
+    private static readonly FILTER_ROW_HEIGHT;
+    private static readonly OPTION_ROW_HEIGHT;
+    private readonly cdr;
+    private readonly destroyRef;
+    private readonly injector;
+    private ngControl;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly appearance: _angular_core.InputSignal<"outline" | "filled">;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<LibSelectOption<T>[]>;
+    readonly mode: _angular_core.InputSignal<LibSelectMode>;
+    readonly filterable: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly filterPlaceholder: _angular_core.InputSignal<string>;
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly required: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly width: _angular_core.InputSignal<string | number | null>;
+    readonly selectAllLabel: _angular_core.InputSignal<string>;
+    readonly widthStyle: _angular_core.Signal<string | null>;
+    readonly matAppearance: _angular_core.Signal<MatFormFieldAppearance>;
+    readonly valueChange: _angular_core.OutputEmitterRef<T | T[]>;
+    readonly panelOpen: _angular_core.WritableSignal<boolean>;
+    readonly filterTerm: _angular_core.WritableSignal<string>;
+    readonly disabledByControl: _angular_core.WritableSignal<boolean>;
+    readonly isMultiple: _angular_core.Signal<boolean>;
+    readonly virtualViewportMaxHeight: _angular_core.Signal<number>;
+    readonly filteredOptions: _angular_core.Signal<LibSelectOption<T>[]>;
+    readonly virtualRows: _angular_core.Signal<VirtualRow<T>[]>;
+    readonly virtualViewportHeight: _angular_core.Signal<number>;
+    readonly allSelected: _angular_core.Signal<boolean>;
+    readonly selectedLabels: _angular_core.Signal<string[]>;
+    readonly multiTriggerLabel: _angular_core.Signal<string>;
+    readonly selectAllIndeterminate: _angular_core.Signal<boolean>;
+    private readonly value;
+    private onChange;
+    private onTouched;
+    ngOnInit(): void;
+    onPanelOpenChange(open: boolean): void;
+    onFilterInput(event: Event): void;
+    onFilterKeydown(event: KeyboardEvent): void;
+    onSelectionChange(change: MatSelectChange): void;
+    onToggleSelectAll(checked: boolean): void;
+    onSelectAllCheckedChange(checked: boolean): void;
+    onOptionCheckedChange(value: T, checked: boolean): void;
+    writeValue(value: T | T[] | null): void;
+    registerOnChange(fn: (v: T | T[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    get displayValue(): T | T[] | null;
+    toggledAllSelection(): void;
+    isSelected(value: T): boolean;
+    trackByVirtualRow(_index: number, row: VirtualRow<T>): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibSelectFieldComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibSelectFieldComponent<any>, "lib-select-field", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "filterPlaceholder": { "alias": "filterPlaceholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+interface LibListItemData {
+    id: string;
+    label: string;
+    description?: string;
+    avatarText?: string | null;
+    avatarImage?: string | null;
+    avatarAlt?: string;
+    disabled?: boolean;
+}
+declare class LibListItemComponent {
+    items: _angular_core.InputSignal<LibListItemData[]>;
+    selectedIds: _angular_core.InputSignal<string[]>;
+    multiple: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    showCheckbox: _angular_core.InputSignal<boolean>;
+    showAvatar: _angular_core.InputSignal<boolean>;
+    showDividers: _angular_core.InputSignal<boolean>;
+    /** Posición del checkbox: 'leading' (izquierda) o 'trailing' (derecha). Por defecto 'trailing' según diseño Figma. */
+    checkboxPosition: _angular_core.InputSignal<"leading" | "trailing">;
+    /** Ancho de la lista. Acepta valores CSS (ej: '18.8rem', '300px', '100%'). Si no se pasa, la lista ocupa el ancho disponible. */
+    width: _angular_core.InputSignal<string | undefined>;
+    /** Fondo personalizado de la lista/items. Si no se define, usa el fondo por defecto de tokens. */
+    backgroundColor: _angular_core.InputSignal<string | undefined>;
+    readonly selectionChange: _angular_core.OutputEmitterRef<string[]>;
+    readonly itemClick: _angular_core.OutputEmitterRef<LibListItemData>;
+    /** Template para proyectar contenido arriba de la lista (ej: checkbox, filtros) */
+    readonly headerTemplate: _angular_core.Signal<TemplateRef<unknown> | undefined>;
+    /** Template para proyectar el contenido personalizado de cada item. Usar: let-item para acceder al item */
+    readonly itemTemplate: _angular_core.Signal<TemplateRef<{
+        $implicit: LibListItemData;
+    }> | undefined>;
+    readonly selectedSet: _angular_core.Signal<Set<string>>;
+    trackById(_index: number, item: LibListItemData): string;
+    avatarInitial(item: LibListItemData): string;
+    isItemSelected(item: LibListItemData): boolean;
+    onCheckboxChange(item: LibListItemData, selected: boolean): void;
+    onRowClick(item: LibListItemData, _event: Event): void;
+    onItemClick(item: LibListItemData): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibListItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibListItemComponent, "lib-list-item", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; "isSignal": true; }; "showAvatar": { "alias": "showAvatar"; "required": false; "isSignal": true; }; "showDividers": { "alias": "showDividers"; "required": false; "isSignal": true; }; "checkboxPosition": { "alias": "checkboxPosition"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; "isSignal": true; }; }, { "selectionChange": "selectionChange"; "itemClick": "itemClick"; }, ["headerTemplate", "itemTemplate"], never, true, never>;
+}
+
+declare class LibCheckboxComponent {
+    checked: _angular_core.InputSignal<boolean>;
+    indeterminate: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    error: _angular_core.InputSignal<boolean>;
+    labelId: _angular_core.InputSignal<string | null>;
+    readonly checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly indeterminateChange: _angular_core.OutputEmitterRef<boolean>;
+    matcher: ErrorStateMatcher;
+    get ariaDisabled(): boolean | null;
+    protected readonly ariaChecked: _angular_core.Signal<"mixed" | "true" | "false">;
+    protected onAction(event: Event): void;
+    protected onKeydown(event: KeyboardEvent): void;
+    protected onMatCheckboxChange(event: MatCheckboxChange): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibCheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibCheckboxComponent, "lib-checkbox", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "labelId": { "alias": "labelId"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; }, never, ["*"], true, never>;
+}
+
+declare class LibRadioButtonComponent {
+    value: _angular_core.InputSignal<unknown>;
+    disabled: _angular_core.InputSignal<boolean>;
+    checked: _angular_core.InputSignal<boolean>;
+    readonly checkedChange: _angular_core.OutputEmitterRef<unknown>;
+    get ariaDisabled(): boolean | null;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibRadioButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibRadioButtonComponent, "lib-radio-button", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+interface LibMenuOption<T = string> {
+    value: T;
+    label: string;
+}
+type LibMenuMode = 'single' | 'multiple';
+declare class LibMenuComponent<T = string> implements ControlValueAccessor {
+    readonly label: _angular_core.InputSignal<string | null>;
+    readonly placeholder: _angular_core.InputSignal<string>;
+    readonly options: _angular_core.InputSignal<LibMenuOption<T>[]>;
+    readonly mode: _angular_core.InputSignal<LibMenuMode>;
+    readonly filterable: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly panelOpen: _angular_core.WritableSignal<boolean>;
+    readonly filterTerm: _angular_core.WritableSignal<string>;
+    readonly disabledByControl: _angular_core.WritableSignal<boolean>;
+    readonly valueSignal: _angular_core.WritableSignal<T | T[] | null>;
+    readonly isMultiple: _angular_core.Signal<boolean>;
+    readonly filteredOptions: _angular_core.Signal<LibMenuOption<T>[]>;
+    readonly triggerLabel: _angular_core.Signal<string>;
+    onMenuOpened(): void;
+    onMenuClosed(): void;
+    onFilterInput(event: Event): void;
+    onOptionClick(option: LibMenuOption<T>, event?: MouseEvent): void;
+    isSelected(value: T): boolean;
+    private onChange;
+    private onTouched;
+    writeValue(value: T | T[] | null): void;
+    registerOnChange(fn: (value: T | T[] | null) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibMenuComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibMenuComponent<any>, "lib-menu", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "filterable": { "alias": "filterable"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LibButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type LibButtonVariant = 'filled' | 'outlined' | 'tonal' | 'text' | 'elevated';
+type LibButtonShape = 'round' | 'square';
+type LibButtonIconPosition = 'leading' | 'trailing';
+type LibButtonContentAlign = 'start' | 'center' | 'end';
+declare class LibButtonComponent {
+    size: _angular_core.InputSignal<LibButtonSize>;
+    disabled: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"reset" | "submit" | "button">;
+    fullWidth: _angular_core.InputSignal<boolean>;
+    variant: _angular_core.InputSignal<LibButtonVariant>;
+    shape: _angular_core.InputSignal<LibButtonShape>;
+    toggle: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.InputSignal<boolean>;
+    label: _angular_core.InputSignal<string>;
+    icon: _angular_core.InputSignal<string>;
+    iconPosition: _angular_core.InputSignal<LibButtonIconPosition>;
+    contentAlign: _angular_core.InputSignal<LibButtonContentAlign>;
+    labelClass: _angular_core.InputSignal<string>;
+    pressed: _angular_core.InputSignal<boolean>;
+    debugPadding: _angular_core.InputSignal<boolean>;
+    readonly isPressed: _angular_core.WritableSignal<boolean>;
+    /** Si hay label o icon por input, se usa contenido interno; si no, ng-content. */
+    readonly hasInputContent: _angular_core.Signal<boolean>;
+    /** contentAlign ya es 'start' | 'center' | 'end'; se usa directo para las clases CSS. */
+    private readonly contentAlignNormalized;
+    readonly classes: _angular_core.Signal<{
+        'lib-mat-btn': boolean;
+        'lib-mat-btn--xsmall': boolean;
+        'lib-mat-btn--small': boolean;
+        'lib-mat-btn--medium': boolean;
+        'lib-mat-btn--large': boolean;
+        'lib-mat-btn--xlarge': boolean;
+        'lib-mat-btn--full': boolean;
+        'lib-mat-btn--variant-filled': boolean;
+        'lib-mat-btn--variant-outlined': boolean;
+        'lib-mat-btn--variant-tonal': boolean;
+        'lib-mat-btn--variant-text': boolean;
+        'lib-mat-btn--variant-elevated': boolean;
+        'lib-mat-btn--shape-round': boolean;
+        'lib-mat-btn--shape-square': boolean;
+        'lib-mat-btn--toggle': boolean;
+        'lib-mat-btn--selected': boolean;
+        'lib-mat-btn--pressed': boolean;
+        'lib-mat-btn--debug-padding': boolean;
+        'lib-mat-btn--align-start': boolean;
+        'lib-mat-btn--align-center': boolean;
+        'lib-mat-btn--align-end': boolean;
+    }>;
+    onPressStart(): void;
+    onPressEnd(): void;
+    onPressCancel(): void;
+    onKeyDown(event: KeyboardEvent): void;
+    onKeyUp(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibButtonComponent, "lib-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "contentAlign": { "alias": "contentAlign"; "required": false; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; "pressed": { "alias": "pressed"; "required": false; "isSignal": true; }; "debugPadding": { "alias": "debugPadding"; "required": false; "isSignal": true; }; }, {}, never, ["*", "*", "*", "*", "*", "*"], true, never>;
+}
+
+type LibIconButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type LibIconButtonVariant = 'filled' | 'tonal' | 'outlined' | 'standard' | 'action';
+type LibIconButtonShape = 'round' | 'square';
+/** Espacio horizontal (padding) según Figma: narrow, default, wide. */
+type LibIconButtonSpace = 'narrow' | 'default' | 'wide';
+declare class LibIconButtonComponent {
+    size: _angular_core.InputSignal<LibIconButtonSize>;
+    variant: _angular_core.InputSignal<LibIconButtonVariant>;
+    shape: _angular_core.InputSignal<LibIconButtonShape>;
+    /** Variante de espacio (padding inline) desde Figma: narrow, default, wide. */
+    space: _angular_core.InputSignal<LibIconButtonSpace>;
+    disabled: _angular_core.InputSignal<boolean>;
+    type: _angular_core.InputSignal<"reset" | "submit" | "button">;
+    toggle: _angular_core.InputSignal<boolean>;
+    selected: _angular_core.InputSignal<boolean>;
+    readonly classes: _angular_core.Signal<{
+        'ui-icon-btn--xsmall': boolean;
+        'ui-icon-btn--small': boolean;
+        'ui-icon-btn--medium': boolean;
+        'ui-icon-btn--large': boolean;
+        'ui-icon-btn--xlarge': boolean;
+        'ui-icon-btn--shape-round': boolean;
+        'ui-icon-btn--shape-square': boolean;
+        'ui-icon-btn--space-narrow': boolean;
+        'ui-icon-btn--space-default': boolean;
+        'ui-icon-btn--space-wide': boolean;
+        'ui-icon-btn--variant-filled': boolean;
+        'ui-icon-btn--variant-tonal': boolean;
+        'ui-icon-btn--variant-outlined': boolean;
+        'ui-icon-btn--variant-standard': boolean;
+        'ui-icon-btn--variant-action': boolean;
+        'ui-icon-btn--toggle': boolean;
+        'ui-icon-btn--toggle-selected': boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibIconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibIconButtonComponent, "lib-icon-button", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "space": { "alias": "space"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "toggle": { "alias": "toggle"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class SlideToggle {
+    checked: _angular_core.InputSignal<boolean>;
+    checkedChange: _angular_core.OutputEmitterRef<boolean>;
+    onChange(event: MatSlideToggleChange): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SlideToggle, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SlideToggle, "lib-slide-toggle, slide-toggle", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; }, { "checkedChange": "checkedChange"; }, never, ["*"], true, never>;
+}
+
+declare class CircularProgressStepper {
+    currentStep: _angular_core.InputSignal<number>;
+    totalsStep: _angular_core.InputSignal<number>;
+    size: _angular_core.InputSignal<string>;
+    barWidth: _angular_core.InputSignal<string>;
+    colorBarProgress: _angular_core.InputSignal<string>;
+    shadowColorBarProgress: _angular_core.InputSignal<string>;
+    noJsMessage: _angular_core.InputSignal<string>;
+    animationDuration: _angular_core.InputSignal<number>;
+    progress: _angular_core.WritableSignal<number>;
+    isAnimating: _angular_core.WritableSignal<boolean>;
+    jsEnabled: _angular_core.WritableSignal<boolean>;
+    progressPercentage: _angular_core.Signal<string>;
+    constructor();
+    updateProgress(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CircularProgressStepper, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CircularProgressStepper, "lib-circular-progress-stepper, circular-progress-stepper", never, { "currentStep": { "alias": "currentStep"; "required": false; "isSignal": true; }; "totalsStep": { "alias": "totalsStep"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "barWidth": { "alias": "barWidth"; "required": false; "isSignal": true; }; "colorBarProgress": { "alias": "colorBarProgress"; "required": false; "isSignal": true; }; "shadowColorBarProgress": { "alias": "shadowColorBarProgress"; "required": false; "isSignal": true; }; "noJsMessage": { "alias": "noJsMessage"; "required": false; "isSignal": true; }; "animationDuration": { "alias": "animationDuration"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LibSpinnerComponent {
+    diameter: _angular_core.InputSignal<number>;
+    strokeWidth: _angular_core.InputSignal<number>;
+    color: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibSpinnerComponent, "lib-spinner, spinner", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class LibDividerComponent {
+    /** Orientación: horizontal (full width) o vertical (full height). Figma: Horizontal/Full-width, Vertical/Full-width */
+    orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibDividerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibDividerComponent, "lib-divider", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LibTooltipType = 'single-line' | 'multi-line';
+declare class LibTooltipComponent {
+    /** Texto del tooltip. */
+    text: _angular_core.InputSignal<string>;
+    /** Variante del tooltip según Figma: single-line o multi-line. */
+    type: _angular_core.InputSignal<LibTooltipType>;
+    /** Ancho máximo opcional para controlar el wrap en multi-line (ej: "12.5rem", "200px"). */
+    maxWidth: _angular_core.InputSignal<string | null>;
+    readonly classes: _angular_core.Signal<{
+        'ui-tooltip--single-line': boolean;
+        'ui-tooltip--multi-line': boolean;
+    }>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibTooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibTooltipComponent, "lib-tooltip", never, { "text": { "alias": "text"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LibCardVariant = 'outlined' | 'elevated' | 'filled';
+type LibCardState = 'enabled' | 'hovered' | 'focused' | 'pressed' | 'dragged';
+type LibCardLeadingKind = 'avatar' | 'icon';
+declare class LibCardComponent {
+    title: _angular_core.InputSignal<string>;
+    subhead: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LibCardVariant>;
+    state: _angular_core.InputSignal<LibCardState>;
+    leadingKind: _angular_core.InputSignal<LibCardLeadingKind>;
+    leadingIcon: _angular_core.InputSignal<string>;
+    /** Tamaño del contenedor leading (Figma suele usar 2.5rem). */
+    leadingContainerSize: _angular_core.InputSignal<string>;
+    /** Tamaño del icono leading. */
+    leadingIconSize: _angular_core.InputSignal<string>;
+    mediaIcon: _angular_core.InputSignal<string>;
+    mediaAlt: _angular_core.InputSignal<string>;
+    showMedia: _angular_core.InputSignal<boolean>;
+    avatarText: _angular_core.InputSignal<string>;
+    width: _angular_core.InputSignal<string>;
+    /** Alto del card. */
+    height: _angular_core.InputSignal<string>;
+    /** Si es true, el card toma el 100% del ancho del contenedor padre. */
+    fullWidth: _angular_core.InputSignal<boolean>;
+    active: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    readonly cardClick: _angular_core.OutputEmitterRef<void>;
+    readonly initial: _angular_core.Signal<string>;
+    readonly hasMedia: _angular_core.Signal<boolean>;
+    readonly isMediaImage: _angular_core.Signal<boolean>;
+    readonly hasLeadingIcon: _angular_core.Signal<boolean>;
+    readonly isLeadingImage: _angular_core.Signal<boolean>;
+    readonly hasSubhead: _angular_core.Signal<boolean>;
+    readonly classes: _angular_core.Signal<{
+        'ui-card': boolean;
+        'ui-card--outlined': boolean;
+        'ui-card--elevated': boolean;
+        'ui-card--filled': boolean;
+        'ui-card--state-enabled': boolean;
+        'ui-card--state-hovered': boolean;
+        'ui-card--state-focused': boolean;
+        'ui-card--state-pressed': boolean;
+        'ui-card--state-dragged': boolean;
+        'ui-card--leading-avatar': boolean;
+        'ui-card--leading-icon': boolean;
+        'ui-card--with-media': boolean;
+        'ui-card--title-emphasized': boolean;
+        'ui-card--active': boolean;
+        'ui-card--disabled': boolean;
+    }>;
+    onCardClick(): void;
+    onCardKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibCardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibCardComponent, "lib-card", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subhead": { "alias": "subhead"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "state": { "alias": "state"; "required": false; "isSignal": true; }; "leadingKind": { "alias": "leadingKind"; "required": false; "isSignal": true; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; "isSignal": true; }; "leadingContainerSize": { "alias": "leadingContainerSize"; "required": false; "isSignal": true; }; "leadingIconSize": { "alias": "leadingIconSize"; "required": false; "isSignal": true; }; "mediaIcon": { "alias": "mediaIcon"; "required": false; "isSignal": true; }; "mediaAlt": { "alias": "mediaAlt"; "required": false; "isSignal": true; }; "showMedia": { "alias": "showMedia"; "required": false; "isSignal": true; }; "avatarText": { "alias": "avatarText"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "cardClick": "cardClick"; }, never, ["[slot=trailing]", "*"], true, never>;
+}
+
+declare class LibDatePickerComponent {
+    value: _angular_core.InputSignal<Date | null>;
+    disabled: _angular_core.InputSignal<boolean>;
+    min: _angular_core.InputSignal<Date | null>;
+    max: _angular_core.InputSignal<Date | null>;
+    readonly dateChange: _angular_core.OutputEmitterRef<Date>;
+    protected readonly _selected: _angular_core.WritableSignal<Date | null>;
+    constructor();
+    protected readonly _displayValue: _angular_core.Signal<Date | null>;
+    protected _onChange(event: MatDatepickerInputEvent<Date>): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibDatePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibDatePickerComponent, "lib-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "dateChange": "dateChange"; }, never, never, true, never>;
+}
+
+interface DateRange {
+    start: Date;
+    end: Date;
+}
+declare class LibDateRangePickerComponent {
+    startDate: _angular_core.InputSignal<Date | null>;
+    endDate: _angular_core.InputSignal<Date | null>;
+    disabled: _angular_core.InputSignal<boolean>;
+    min: _angular_core.InputSignal<Date | null>;
+    max: _angular_core.InputSignal<Date | null>;
+    readonly rangeChange: _angular_core.OutputEmitterRef<DateRange>;
+    protected readonly _range: FormGroup<{
+        start: FormControl<Date | null>;
+        end: FormControl<Date | null>;
+    }>;
+    protected _applyPending: boolean;
+    constructor();
+    protected _markApply(): void;
+    protected _onClosed(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibDateRangePickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibDateRangePickerComponent, "lib-date-range-picker", never, { "startDate": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDate": { "alias": "endDate"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "rangeChange": "rangeChange"; }, never, never, true, never>;
+}
+
+type LibChipVariant = 'filled' | 'outlined';
+type LibChipSize = 'small' | 'medium';
+declare class LibChipComponent {
+    label: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<LibChipVariant>;
+    size: _angular_core.InputSignal<LibChipSize>;
+    selected: _angular_core.InputSignal<boolean>;
+    disabled: _angular_core.InputSignal<boolean>;
+    removable: _angular_core.InputSignal<boolean>;
+    icon: _angular_core.InputSignal<string>;
+    readonly removed: _angular_core.OutputEmitterRef<void>;
+    readonly classes: _angular_core.Signal<{
+        'lib-chip--filled': boolean;
+        'lib-chip--outlined': boolean;
+        'lib-chip--small': boolean;
+        'lib-chip--medium': boolean;
+        'lib-chip--selected': boolean;
+    }>;
+    onRemove(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LibChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LibChipComponent, "lib-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
+}
+
+type ConfirmModalVariant = 'basic' | 'list' | 'scrollable-list';
+interface ConfirmModalListItem {
+    id: string;
+    label: string;
+    supportingText?: string;
+    amount?: string;
+    selected?: boolean;
+}
+interface ConfirmModalData {
+    title: string;
+    reference?: string;
+    content?: string;
+    description?: string;
+    showTopIcon?: boolean;
+    topIconName?: string;
+    variant?: ConfirmModalVariant;
+    listItems?: ConfirmModalListItem[];
+    labelButtonCancel?: string;
+    labelButtonConfirm: string;
+}
+declare class ConfirmModal {
+    readonly dialogRef: DialogRef<any, any>;
+    readonly data: ConfirmModalData;
+    readonly listItems: _angular_core.WritableSignal<ConfirmModalListItem[]>;
+    readonly labelButtonCancel: string;
+    readonly supportingText: string;
+    readonly isListVariant: boolean;
+    readonly isScrollableList: boolean;
+    readonly topIconName: string;
+    toggleListItem(itemId: string): void;
+    onCancel(): void;
+    onConfirm(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ConfirmModal, "lib-confirm", never, {}, {}, never, never, true, never>;
+}
+
+interface ConfirmModalOpenOptions {
+    description?: string;
+    showTopIcon?: boolean;
+    topIconName?: string;
+    variant?: ConfirmModalData['variant'];
+    listItems?: ConfirmModalData['listItems'];
+    height?: string;
+}
+declare class ConfirmModalStore {
+    readonly dialog: Dialog;
+    private readonly overlay;
+    protected dialogState: WritableSignal<'open' | 'closed'>;
+    private readonly router;
+    private currentDialogRef?;
+    open(title: string, labelButtonConfirm: string, reference?: string, content?: string, width?: string, labelButtonCancel?: string, options?: ConfirmModalOpenOptions): DialogRef<string, unknown>;
+    openBasic(title: string, confirmLabel: string, cancelLabel?: string): DialogRef<string, unknown>;
+    openWithDescription(title: string, description: string, confirmLabel: string, cancelLabel?: string): DialogRef<string, unknown>;
+    openWithIcon(title: string, description: string, confirmLabel: string, cancelLabel?: string, topIconName?: string): DialogRef<string, unknown>;
+    openWithList(title: string, description: string, listItems: ConfirmModalData['listItems'], confirmLabel: string, cancelLabel?: string, showTopIcon?: boolean): DialogRef<string, unknown>;
+    openWithScrollableList(title: string, description: string, listItems: ConfirmModalData['listItems'], confirmLabel: string, cancelLabel?: string, showTopIcon?: boolean): DialogRef<string, unknown>;
+    close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ConfirmModalStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ConfirmModalStore>;
+}
+
+interface SideModalHeaderConfig {
+    showBackButton?: () => boolean;
+    onBack?: () => void;
+}
+declare class SideModalStore {
+    private readonly dialog;
+    private readonly overlay;
+    private readonly dialogState;
+    private currentDialogRef?;
+    private readonly router;
+    openSideModal(content: Type<unknown>, title: string, width: string, footer?: Type<unknown>, headerConfig?: SideModalHeaderConfig): DialogRef<unknown, unknown>;
+    isOnAction(): boolean;
+    closeSideModal(_data?: unknown): void;
+    actionSideModal(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideModalStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<SideModalStore>;
+}
+
+declare class SideModal {
+    readonly dialogData: any;
+    readonly dialogRef: DialogRef<any, any>;
+    readonly content: Type<any>;
+    readonly title: string;
+    readonly footer: Type<any> | undefined;
+    readonly headerConfig: SideModalHeaderConfig | undefined;
+    readonly dialogState: WritableSignal<'open' | 'closed'>;
+    closeDialog(): void;
+    shouldShowBack(): boolean;
+    onBackClick(): void;
+    onAnimationDone(event: AnimationEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SideModal, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SideModal, "lib-side-modal, app-side-modal", never, {}, {}, never, never, true, never>;
+}
+
+declare class PageFooterActionsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PageFooterActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PageFooterActionsComponent, "lib-page-footer-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class ModalFooterActionsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalFooterActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalFooterActionsComponent, "lib-modal-footer-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class FooterComponent {
+    private readonly sideModalStore;
+    private readonly confirmModalStore;
+    private readonly flowStore;
+    readonly primaryLabel: _angular_core.Signal<"NEXT" | "SAVE">;
+    onCancel(): void;
+    onContinue(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<FooterComponent, "lib-side-modal-footer", never, {}, {}, never, never, true, never>;
+}
+
+declare class FooterFlowStore {
+    readonly totalSteps: _angular_core.WritableSignal<number>;
+    readonly currentStep: _angular_core.WritableSignal<number>;
+    setTotalSteps(total: number): void;
+    reset(): void;
+    advance(): void;
+    retreat(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FooterFlowStore, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FooterFlowStore>;
+}
+
+declare const LIB_UI_STYLES_PATH = "./lib/styles/index.scss";
+
+export { CircularProgressStepper, ConfirmModal, ConfirmModalStore, FooterComponent, FooterFlowStore, HeaderComponent, LIB_UI_STYLES_PATH, LibButtonComponent, LibCardComponent, LibCheckboxComponent, LibChipComponent, LibDatePickerComponent, LibDateRangePickerComponent, LibDividerComponent, LibIconButtonComponent, LibListItemComponent, LibMenuComponent, LibRadioButtonComponent, LibSelectFieldComponent, LibSpinnerComponent, LibTextFieldComponent, LibTooltipComponent, LibUi, ModalFooterActionsComponent, PageFooterActionsComponent, SharedBreadcrumbComponent, SharedTableCellTemplateDirective, SharedTableComponent, SideModal, SideModalStore, SidebarComponent, SlideToggle, UI_ICON_NAMES, registerUiIcons, resolveUiIconResource };
+export type { ConfirmModalData, ConfirmModalListItem, ConfirmModalOpenOptions, ConfirmModalVariant, DateRange, HeaderAction, LibButtonContentAlign, LibButtonIconPosition, LibButtonShape, LibButtonSize, LibButtonVariant, LibCardLeadingKind, LibCardState, LibCardVariant, LibChipSize, LibChipVariant, LibIconButtonShape, LibIconButtonSize, LibIconButtonSpace, LibIconButtonVariant, LibListItemData, LibMenuMode, LibMenuOption, LibSelectMode, LibSelectOption, LibTooltipType, RegisterUiIconOptions, SharedTableColumn, SideModalHeaderConfig, SidebarNavItem, TablePageEvent, UiIconName };
+//# sourceMappingURL=crdx-components.d.ts.map