@c80/ui 1.0.54 → 1.0.57

package/lib/card-level/card-level.component.d.ts

@@ -7,7 +7,7 @@ export declare class CardLevelComponent {
     readonly cardWidth: import("@angular/core").Signal<string>;
     isBidirectional: import("@angular/core").Signal<boolean>;
     bidirectionalFillPercent: import("@angular/core").Signal<number>;
-    fillDirection: import("@angular/core").Signal<"right" | "left">;
+    fillDirection: import("@angular/core").Signal<"left" | "right">;
     fillColor: import("@angular/core").Signal<"var(--color-danger)" | "var(--color-warning)" | "var(--color-success)">;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardLevelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<CardLevelComponent, "c80-card-level", never, { "cardLevelData": { "alias": "cardLevelData"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;

package/lib/header/header.component.d.ts

@@ -0,0 +1,9 @@
+import type { HeaderConfig } from './header.types';
+import * as i0 from "@angular/core";
+export declare class HeaderComponent {
+    private readonly location;
+    config: import("@angular/core").InputSignal<HeaderConfig>;
+    protected onBackClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "c80-header", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/header/header.types.d.ts

@@ -0,0 +1,3 @@
+export interface HeaderConfig {
+    title: string;
+}

package/lib/header/index.d.ts

@@ -0,0 +1,2 @@
+export * from './header.component';
+export * from './header.types';

package/lib/icon/icon.component.d.ts

@@ -1,8 +1,9 @@
 import type { ColorType, ButtonType } from './icon.types';
 import * as i0 from "@angular/core";
-export declare class C80IconComponent {
+export declare class IconComponent {
+    private readonly themeService;
     readonly icon: import("@angular/core").InputSignal<string>;
-    readonly color: import("@angular/core").InputSignal<ColorType>;
+    readonly color: import("@angular/core").InputSignal<ColorType | undefined>;
     readonly customColor: import("@angular/core").InputSignal<string | undefined>;
     readonly disabled: import("@angular/core").InputSignal<boolean>;
     readonly size: import("@angular/core").InputSignal<number>;
@@ -11,8 +12,10 @@ export declare class C80IconComponent {
     readonly type: import("@angular/core").InputSignal<ButtonType>;
     readonly textLeft: import("@angular/core").InputSignal<string | undefined>;
     readonly textRight: import("@angular/core").InputSignal<string | undefined>;
+    readonly dark: import("@angular/core").InputSignalWithTransform<boolean, string | boolean | null | undefined>;
     readonly iconClick: import("@angular/core").OutputEmitterRef<Event>;
     readonly iconSize: import("@angular/core").Signal<number>;
+    readonly isDarkMode: import("@angular/core").Signal<boolean>;
     readonly iconColor: import("@angular/core").Signal<string>;
     readonly iconOpacity: import("@angular/core").Signal<0.5 | 0.7 | 1>;
     readonly iconDefinition: import("@angular/core").Signal<import("@c80/ui").IconDefinition>;
@@ -27,6 +30,6 @@ export declare class C80IconComponent {
         readonly strokeLinejoin: "round";
     };
     onButtonClick(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<C80IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80IconComponent, "c80-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "customColor": { "alias": "customColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "textLeft": { "alias": "textLeft"; "required": false; "isSignal": true; }; "textRight": { "alias": "textRight"; "required": false; "isSignal": true; }; }, { "iconClick": "iconClick"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "c80-icon", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "customColor": { "alias": "customColor"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "button": { "alias": "button"; "required": false; "isSignal": true; }; "border": { "alias": "border"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "textLeft": { "alias": "textLeft"; "required": false; "isSignal": true; }; "textRight": { "alias": "textRight"; "required": false; "isSignal": true; }; "dark": { "alias": "dark"; "required": false; "isSignal": true; }; }, { "iconClick": "iconClick"; }, never, never, true, never>;
 }

package/lib/icon/icon.constants.d.ts

@@ -6,6 +6,8 @@ export declare const DISABLED_OPACITY = 0.5;
 export declare const SECONDARY_WARN_OPACITY = 0.7;
 export declare const DEFAULT_OPACITY = 1;
 export declare const BASE_ICON_SIZE = 24;
+export declare const THEME_LIGHT_COLOR = "#111827";
+export declare const THEME_DARK_COLOR = "#f1f5f9";
 export declare const OPACITY_REDUCED_COLORS: readonly ColorType[];
 export declare const SVG_STROKE_ATTRS: {
     readonly strokeWidth: "1";

package/lib/icon/icon.types.d.ts

@@ -1,5 +1,5 @@
 import type { ICON_DEFINITIONS } from './icon.definitions';
-export type ColorType = 'primary' | 'secondary' | 'warn' | 'success' | 'dark';
+export type ColorType = 'primary' | 'secondary' | 'warn' | 'success';
 export type ButtonType = 'button' | 'submit' | 'reset';
 interface CircleAttributes {
     type: 'circle';
@@ -38,6 +38,8 @@ export interface IconDefinition {
     additionalShapes?: ShapeAttributes[];
     /** Configuración para iconos multi-color como Google, Microsoft, etc. */
     multiColor?: MultiColorIconConfig;
+    /** Especifica si el path principal debe ser relleno (fill) en lugar de outline (stroke) */
+    fill?: boolean;
 }
 export type IconType = keyof typeof ICON_DEFINITIONS;
 export {};

package/lib/icon/index.d.ts

@@ -1,3 +1,4 @@
 export * from './icon.component';
 export * from './icon.types';
 export * from './icon.constants';
+export * from './theme.service';

package/lib/icon/theme.service.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class ThemeService {
+    readonly isDark: import("@angular/core").WritableSignal<boolean>;
+    private getInitialTheme;
+    toggle(): void;
+    private applyTheme;
+    initialize(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}

package/lib/info-list/index.d.ts

@@ -0,0 +1,2 @@
+export * from './info-list.component';
+export * from './info-list.types';

package/lib/info-list/info-list.component.d.ts

@@ -0,0 +1,7 @@
+import type { InfoItem } from './info-list.types';
+import * as i0 from "@angular/core";
+export declare class InfoListComponent {
+    readonly items: import("@angular/core").InputSignal<InfoItem[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InfoListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InfoListComponent, "c80-info-list", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/info-list/info-list.types.d.ts

@@ -0,0 +1,4 @@
+export interface InfoItem {
+    label: string;
+    value: string | number | null | undefined;
+}

package/lib/input-field/index.d.ts

@@ -0,0 +1 @@
+export * from './input-field.component';

package/lib/input-field/input-field.component.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class InputFieldComponent {
+    readonly label: import("@angular/core").WritableSignal<string>;
+    readonly value: import("@angular/core").WritableSignal<string>;
+    readonly placeholder: import("@angular/core").WritableSignal<string>;
+    readonly type: import("@angular/core").WritableSignal<"text" | "email" | "password">;
+    readonly maxLength: import("@angular/core").WritableSignal<number | undefined>;
+    readonly readonly: import("@angular/core").WritableSignal<boolean>;
+    readonly required: import("@angular/core").WritableSignal<boolean>;
+    valueChange: import("@angular/core").OutputEmitterRef<string>;
+    enterPressed: import("@angular/core").OutputEmitterRef<void>;
+    protected readonly isFocused: import("@angular/core").WritableSignal<boolean>;
+    protected onValueChange(event: Event): void;
+    protected onFocus(): void;
+    protected onBlur(): void;
+    protected onKeyDown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputFieldComponent, "c80-input-field", never, {}, { "valueChange": "valueChange"; "enterPressed": "enterPressed"; }, never, never, true, never>;
+}

package/lib/modal/modal.component.d.ts

@@ -14,7 +14,7 @@ export interface ModalResult {
     action: 'confirm' | 'cancel' | 'yes' | 'no';
     confirmed: boolean;
 }
-export declare class C80ModalComponent {
+export declare class ModalComponent {
     private readonly modalService;
     readonly isOpen: import("@angular/core").Signal<boolean>;
     readonly config: import("@angular/core").Signal<ModalConfig>;
@@ -34,6 +34,6 @@ export declare class C80ModalComponent {
     getCancelText(): string;
     getYesText(): string;
     getNoText(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<C80ModalComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80ModalComponent, "c80-modal", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "c80-modal", never, {}, {}, never, never, true, never>;
 }

package/lib/profile-stats/index.d.ts

@@ -0,0 +1,2 @@
+export * from './profile-stats.component';
+export * from './profile-stats.types';

package/lib/profile-stats/profile-stats.component.d.ts

@@ -0,0 +1,7 @@
+import type { StatItem } from './profile-stats.types';
+import * as i0 from "@angular/core";
+export declare class ProfileStatsComponent {
+    stats: import("@angular/core").InputSignal<StatItem[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProfileStatsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProfileStatsComponent, "c80-profile-stats", never, { "stats": { "alias": "stats"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/profile-stats/profile-stats.types.d.ts

@@ -0,0 +1,4 @@
+export interface StatItem {
+    label: string;
+    value: number | string;
+}

package/lib/snackbar/snackbar.component.d.ts

@@ -13,5 +13,5 @@ export declare class SnackbarComponent {
     private clearTimer;
     private applyPosition;
     static ɵfac: i0.ɵɵFactoryDeclaration<SnackbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "k-snackbar", never, {}, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackbarComponent, "c80-snackbar", never, {}, {}, never, never, true, never>;
 }

package/lib/stat-card/stat-card.component.d.ts

@@ -6,8 +6,8 @@ export interface CardDef {
     text: string;
     count: number;
 }
-export declare class C80StatCardComponent {
+export declare class StatCardComponent {
     readonly cards: import("@angular/core").InputSignal<CardDef[]>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<C80StatCardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80StatCardComponent, "c80-stat-card", never, { "cards": { "alias": "cards"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatCardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatCardComponent, "c80-stat-card", never, { "cards": { "alias": "cards"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/tab/c80-tab.component.d.ts

@@ -1,8 +1,8 @@
 import { type TemplateRef } from '@angular/core';
-import { C80TabItemDirective } from './c80-tab-item.directive';
-import { C80TabLabelDirective } from './c80-tab-label.directive';
+import { C80TabItemDirective } from './directives/c80-tab-item.directive';
+import { C80TabLabelDirective } from './directives/c80-tab-label.directive';
 import * as i0 from "@angular/core";
-export declare class C80TabComponent {
+export declare class TabComponent {
     readonly tabs: import("@angular/core").Signal<readonly C80TabItemDirective[]>;
     readonly labels: import("@angular/core").Signal<readonly C80TabLabelDirective[]>;
     readonly selectedIndex: import("@angular/core").ModelSignal<number>;
@@ -10,6 +10,6 @@ export declare class C80TabComponent {
     onTabClick(index: number): void;
     getTabContent(index: number): TemplateRef<unknown> | null;
     getTabLabel(index: number): TemplateRef<unknown> | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<C80TabComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80TabComponent, "c80-tab", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedIndexChange": "selectedIndexChange"; }, ["tabs", "labels"], never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "c80-tab", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; "isSignal": true; }; }, { "selectedIndex": "selectedIndexChange"; "selectedIndexChange": "selectedIndexChange"; }, ["tabs", "labels"], never, true, never>;
 }

package/lib/tab/index.d.ts

@@ -1,4 +1,4 @@
-export { C80TabComponent } from './c80-tab.component';
-export { C80TabItemDirective } from './c80-tab-item.directive';
-export { C80TabLabelDirective } from './c80-tab-label.directive';
+export { TabComponent } from './c80-tab.component';
+export { C80TabItemDirective } from './directives/c80-tab-item.directive';
+export { C80TabLabelDirective } from './directives/c80-tab-label.directive';
 export type { C80Tab } from './c80-tab.model';

package/lib/table/table-column-visibility.service.d.ts

@@ -1,4 +1,4 @@
-import type { C80TableColDef } from './table.types';
+import type { TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para gestionar la lógica de visibilidad de columnas en tablas C80
@@ -19,7 +19,7 @@ export declare class TableColumnVisibilityService {
      * @param editing - ID de fila en edición (null si no hay edición)
      * @returns Array de accessors de columnas visibles
      */
-    updateVisibleKeys<T extends Record<string, unknown>>(columns: C80TableColDef[], data: T[], creating: boolean, editing: string | null): string[];
+    updateVisibleKeys<T extends Record<string, unknown>>(columns: TableColDef[], data: T[], creating: boolean, editing: string | null): string[];
     /**
      * Determina si una columna debe ser visible basándose en su configuración y datos
      * Método unificado que maneja todos los casos de visibilidad
@@ -28,7 +28,7 @@ export declare class TableColumnVisibilityService {
      * @param options - Opciones de contexto (creación, edición, fila específica)
      * @returns true si la columna debe ser visible
      */
-    isColumnVisible<T extends Record<string, unknown>>(column: C80TableColDef, data: T[], options?: {
+    isColumnVisible<T extends Record<string, unknown>>(column: TableColDef, data: T[], options?: {
         forceShowInCreation?: boolean;
         creating?: boolean;
         editing?: string | null;
@@ -38,12 +38,12 @@ export declare class TableColumnVisibilityService {
      * Determina si una columna debe ser visible en los headers
      * Wrapper para mantener compatibilidad con API existente
      */
-    isColumnVisibleInHeader<T extends Record<string, unknown>>(column: C80TableColDef, data: T[], creating: boolean, editing: string | null): boolean;
+    isColumnVisibleInHeader<T extends Record<string, unknown>>(column: TableColDef, data: T[], creating: boolean, editing: string | null): boolean;
     /**
      * Determina si una columna debe ser visible en una fila específica
      * Wrapper para mantener compatibilidad con API existente
      */
-    isColumnVisibleForRow<T extends Record<string, unknown>>(column: C80TableColDef, row: T, data: T[], editing: string | null): boolean;
+    isColumnVisibleForRow<T extends Record<string, unknown>>(column: TableColDef, row: T, data: T[], editing: string | null): boolean;
     /**
      * Verifica si todos los valores de una columna están vacíos/nulos
      */

package/lib/table/table-crud-state.service.d.ts

@@ -1,4 +1,4 @@
-import type { C80TableColDef } from './table.types';
+import type { TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para gestionar el estado CRUD (Crear, Leer, Actualizar, Eliminar) en tablas C80
@@ -33,10 +33,10 @@ export declare class TableCrudStateService {
         newRow: import("@angular/core").Signal<Partial<T> | null>;
         editing: import("@angular/core").Signal<string | null>;
         editRow: import("@angular/core").Signal<Partial<T> | null>;
-        startCreate: (columns: C80TableColDef[], data: T[]) => void;
+        startCreate: (columns: TableColDef[], data: T[]) => void;
         cancelCreate: () => void;
         updateNewRow: (key: string, value: unknown) => void;
-        startEdit: (row: T, columns: C80TableColDef[], data: T[]) => void;
+        startEdit: (row: T, columns: TableColDef[], data: T[]) => void;
         cancelEdit: () => void;
         updateEditRow: (key: string, value: unknown) => void;
         applyInputValues: (partialValues: Partial<T>) => void;

package/lib/table/table-data-converter.service.d.ts

@@ -1,4 +1,4 @@
-import type { C80TableColDef } from './table.types';
+import type { TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para conversión y validación de tipos de datos en tablas C80
@@ -14,7 +14,7 @@ export declare class TableDataConverterService {
      * @param sampleValue - Valor de muestra para inferir el tipo (opcional)
      * @returns Valor convertido al tipo apropiado
      */
-    convertCellValue(value: unknown, col: C80TableColDef, sampleValue?: unknown): unknown;
+    convertCellValue(value: unknown, col: TableColDef, sampleValue?: unknown): unknown;
     /**
      * Convierte un valor a boolean usando mejores prácticas
      * @param value - Valor a convertir

package/lib/table/table-data-utils.service.d.ts

@@ -1,4 +1,4 @@
-import type { C80TableColDef } from './table.types';
+import type { TableColDef } from './table.types';
 import * as i0 from "@angular/core";
 /**
  * Servicio para utilidades de manipulación de datos en tablas C80
@@ -30,7 +30,7 @@ export declare class TableDataUtilsService {
      * @param col - Definición de columna (opcional) para formateo específico por tipo
      * @returns Cadena formateada para display
      */
-    getDisplayValue(value: unknown, col?: C80TableColDef): string;
+    getDisplayValue(value: unknown, col?: TableColDef): string;
     private formatValueByType;
     private formatPrimitiveValue;
     /**
@@ -46,13 +46,13 @@ export declare class TableDataUtilsService {
        * @param col - Definición de la columna
        * @returns Texto formateado del enum
        */
-    getEnumDisplayValue(value: unknown, col: C80TableColDef): string;
+    getEnumDisplayValue(value: unknown, col: TableColDef): string;
     /**
      * Obtiene las opciones del enum como array para dropdowns select
      * @param col - Definición de la columna
      * @returns Array de opciones con value y label
      */
-    getEnumOptions(col: C80TableColDef): {
+    getEnumOptions(col: TableColDef): {
         value: string | number;
         label: string;
     }[];
@@ -62,13 +62,13 @@ export declare class TableDataUtilsService {
      * @param col - Definición de la columna
      * @returns Color CSS o undefined si no hay configuración
      */
-    getCellColor(value: unknown, col: C80TableColDef): string | undefined;
+    getCellColor(value: unknown, col: TableColDef): string | undefined;
     /**
      * Aplica ordenamiento a los items basándose en las columnas con configuración de orden
      * @param items - Array de items a ordenar (se modifica in-place)
      * @param columns - Definiciones de columnas
      */
-    applySorting<T extends Record<string, unknown>>(items: T[], columns: C80TableColDef[]): void;
+    applySorting<T extends Record<string, unknown>>(items: T[], columns: TableColDef[]): void;
     /**
      * Calcula el max-height de la tabla basado en el tamaño
      * @param size - Tamaño configurado (0 = sin límite)

package/lib/table/table.component.d.ts

@@ -1,6 +1,6 @@
 import { type OnInit, type OnDestroy } from '@angular/core';
 import type { Observable } from 'rxjs';
-import type { C80TableColDef, CustomTableAction } from './table.types';
+import type { TableColDef, CustomTableAction } from './table.types';
 import { getActionTooltip } from './table.utils';
 import * as i0 from "@angular/core";
 /**
@@ -125,7 +125,7 @@ import * as i0 from "@angular/core";
  * - customActions con CREATE → Muestra botón "+" en header
  * - customActions con UPDATE → Botón "edit" activa modo edición
  * - customActions con custom → Botón personalizado emite evento
- */ export declare class C80TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {
+ */ export declare class TableComponent<T extends Record<string, unknown>> implements OnInit, OnDestroy {
     private readonly modalService;
     private readonly visibilityService;
     private readonly dataUtils;
@@ -133,7 +133,7 @@ import * as i0 from "@angular/core";
     private readonly selectionService;
     private readonly crudService;
     readonly data$: import("@angular/core").InputSignal<Observable<T[]>>;
-    readonly columns: import("@angular/core").InputSignal<C80TableColDef[]>;
+    readonly columns: import("@angular/core").InputSignal<TableColDef[]>;
     readonly inputValues$: import("@angular/core").InputSignal<Observable<Partial<T>> | undefined>;
     readonly customActions: import("@angular/core").InputSignal<CustomTableAction[]>;
     readonly size: import("@angular/core").InputSignal<number>;
@@ -178,8 +178,8 @@ import * as i0 from "@angular/core";
     private handleConfirmAction;
     ngOnInit(): void;
     ngOnDestroy(): void;
-    onInput(event: Event, key: string, col?: C80TableColDef): void;
-    onEditInput(event: Event, key: string, col?: C80TableColDef): void;
+    onInput(event: Event, key: string, col?: TableColDef): void;
+    onEditInput(event: Event, key: string, col?: TableColDef): void;
     onDelete(row: T): Promise<void>;
     onCancel(row: T): Promise<void>;
     startCreate(): void;
@@ -224,13 +224,13 @@ import * as i0 from "@angular/core";
      */
     clearSearch(): void;
     readonly getCellValue: <T_1 extends Record<string, unknown>>(row: T_1, accessor: string) => unknown;
-    readonly getDisplayValue: (value: unknown, col?: C80TableColDef) => string;
-    readonly getEnumDisplayValue: (value: unknown, col: C80TableColDef) => string;
-    readonly getEnumOptions: (col: C80TableColDef) => {
+    readonly getDisplayValue: (value: unknown, col?: TableColDef) => string;
+    readonly getEnumDisplayValue: (value: unknown, col: TableColDef) => string;
+    readonly getEnumOptions: (col: TableColDef) => {
         value: string | number;
         label: string;
     }[];
-    readonly getCellColor: (value: unknown, col: C80TableColDef) => string | undefined;
+    readonly getCellColor: (value: unknown, col: TableColDef) => string | undefined;
     /**
      * Selection methods
      */
@@ -243,14 +243,14 @@ import * as i0 from "@angular/core";
     toggleSelectAll(): void;
     toggleItemSelection(item: T): void;
     isItemSelected(item: T): boolean;
-    isColumnVisible(column: C80TableColDef): boolean;
-    isColumnVisibleInHeader(column: C80TableColDef): boolean;
-    isColumnVisibleForRow(column: C80TableColDef, row: T): boolean;
+    isColumnVisible(column: TableColDef): boolean;
+    isColumnVisibleInHeader(column: TableColDef): boolean;
+    isColumnVisibleForRow(column: TableColDef, row: T): boolean;
     /**
      * Obtiene el color de una acción considerando el tema actual.
      * Si la acción tiene color explícito, lo usa. Si no, aplica color por tema.
      */
     getActionColor(action: CustomTableAction): string | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<C80TableComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<C80TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any>, "c80-table", never, { "data$": { "alias": "data$"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "inputValues$": { "alias": "inputValues$"; "required": false; "isSignal": true; }; "customActions": { "alias": "customActions"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "allowSelection": { "alias": "allowSelection"; "required": false; "isSignal": true; }; "noConfirm": { "alias": "noConfirm"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; "searchTerm": "searchTerm"; "errorEvent": "errorEvent"; "selectable": "selectable"; }, never, never, true, never>;
 }

package/lib/table/table.types.d.ts

@@ -2,7 +2,7 @@
  * Tipos comunes para las tablas C80
  */
 import type { IconType } from '../icon';
-export interface C80TableColDef {
+export interface TableColDef {
     accessor: string;
     label: string;
     visible?: boolean;

package/lib/table/table.utils.d.ts

@@ -1,4 +1,4 @@
-import type { C80TableColDef, CustomTableAction } from './table.types';
+import type { TableColDef, CustomTableAction } from './table.types';
 /**
  * Transform function para convertir valores string/boolean a boolean
  * Usado en @Input() con transform para habilitar sintaxis de atributos booleanos
@@ -18,7 +18,7 @@ export declare function getErrorMessage(err: unknown): string;
  * @param col - Definición de columna (opcional)
  * @returns Valor extraído y convertido según el tipo de columna
  */
-export declare function getInputValue(event: Event, col?: C80TableColDef): unknown;
+export declare function getInputValue(event: Event, col?: TableColDef): unknown;
 /**
  * Extrae el ID de una fila para usar como trackBy en ngFor
  * @param index - Índice de la fila

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@c80/ui",
-  "version": "1.0.54",
+  "version": "1.0.57",
   "peerDependencies": {
     "@angular/core": "^20.3.9",
     "rxjs": "~7.8.0",

package/esm2022/lib/tab/c80-tab-item.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"c80-tab-item.directive.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab-item.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAO/D,MAAM,OAAO,mBAAmB;IACrB,OAAO,GAAG,MAAM,CAAC,CAAA,WAAoB,CAAA,CAAC,CAAC;wGADrC,mBAAmB;4FAAnB,mBAAmB;;4FAAnB,mBAAmB;kBAL/B,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,WAAW;oBACrB,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[tabItem]',\n  standalone: true,\n})\nexport class C80TabItemDirective {\n  readonly content = inject(TemplateRef<unknown>);\n}\n"]}

package/esm2022/lib/tab/c80-tab-label.directive.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"c80-tab-label.directive.js","sourceRoot":"","sources":["../../../../../libs/ui/src/lib/tab/c80-tab-label.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAO/D,MAAM,OAAO,oBAAoB;IACtB,QAAQ,GAAG,MAAM,CAAC,CAAA,WAAoB,CAAA,CAAC,CAAC;wGADtC,oBAAoB;4FAApB,oBAAoB;;4FAApB,oBAAoB;kBALhC,SAAS;mBAAC;oBACT,8DAA8D;oBAC9D,QAAQ,EAAE,YAAY;oBACtB,UAAU,EAAE,IAAI;iBACjB","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  // eslint-disable-next-line @angular-eslint/directive-selector\n  selector: '[tabLabel]',\n  standalone: true,\n})\nexport class C80TabLabelDirective {\n  readonly template = inject(TemplateRef<unknown>);\n}\n"]}