@lesterarte/sefin-ui 0.0.10-dev.0 → 0.0.11

package/types/lesterarte-sefin-ui.d.ts

@@ -1,1324 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Injector, AfterViewInit, OnChanges, ElementRef, SimpleChanges, OnInit, OnDestroy, ChangeDetectorRef, NgZone } from '@angular/core';
-import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors } from '@angular/forms';
-
-/**
- * Color design tokens as TypeScript constants
- * Based on Secretaría de Finanzas brand guidelines
- * These values are the source of truth for all color tokens
- */
-declare const COLOR_TOKENS: {
-    readonly primary: {
-        readonly 50: "#e6f7fb";
-        readonly 100: "#b3e5f0";
-        readonly 200: "#80d3e5";
-        readonly 300: "#4dc1da";
-        readonly 400: "#2ab0cf";
-        readonly 500: "#55C3D8";
-        readonly 600: "#4aafc4";
-        readonly 700: "#3f9bb0";
-        readonly 800: "#34879c";
-        readonly 900: "#297388";
-    };
-    readonly secondary: {
-        readonly 50: "#f5f5f5";
-        readonly 100: "#e8e8e8";
-        readonly 200: "#cecece";
-        readonly 300: "#b5b5b5";
-        readonly 400: "#9b9b9b";
-        readonly 500: "#828282";
-        readonly 600: "#686868";
-        readonly 700: "#4f4f4f";
-        readonly 800: "#383838";
-        readonly 900: "#2a2a2a";
-    };
-    readonly neutral: {
-        readonly 50: "#ffffff";
-        readonly 100: "#f5f5f5";
-        readonly 200: "#cecece";
-        readonly 300: "#b5b5b5";
-        readonly 400: "#9b9b9b";
-        readonly 500: "#828282";
-        readonly 600: "#686868";
-        readonly 700: "#4f4f4f";
-        readonly 800: "#383838";
-        readonly 900: "#2a2a2a";
-    };
-    readonly success: {
-        readonly 50: "#e8f5e9";
-        readonly 100: "#c8e6c9";
-        readonly 200: "#a5d6a7";
-        readonly 300: "#81c784";
-        readonly 400: "#66bb6a";
-        readonly 500: "#4caf50";
-        readonly 600: "#43a047";
-        readonly 700: "#388e3c";
-        readonly 800: "#2e7d32";
-        readonly 900: "#1b5e20";
-    };
-    readonly warning: {
-        readonly 50: "#fff3e0";
-        readonly 100: "#ffe0b2";
-        readonly 200: "#ffcc80";
-        readonly 300: "#ffb74d";
-        readonly 400: "#ffa726";
-        readonly 500: "#ff9800";
-        readonly 600: "#fb8c00";
-        readonly 700: "#f57c00";
-        readonly 800: "#ef6c00";
-        readonly 900: "#e65100";
-    };
-    readonly error: {
-        readonly 50: "#ffebee";
-        readonly 100: "#ffcdd2";
-        readonly 200: "#ef9a9a";
-        readonly 300: "#e57373";
-        readonly 400: "#ef5350";
-        readonly 500: "#f44336";
-        readonly 600: "#e53935";
-        readonly 700: "#d32f2f";
-        readonly 800: "#c62828";
-        readonly 900: "#b71c1c";
-    };
-    readonly info: {
-        readonly 50: "#e0f2f1";
-        readonly 100: "#b2dfdb";
-        readonly 200: "#80cbc4";
-        readonly 300: "#4db6ac";
-        readonly 400: "#26a69a";
-        readonly 500: "#009688";
-        readonly 600: "#00897b";
-        readonly 700: "#00796b";
-        readonly 800: "#00695c";
-        readonly 900: "#004d40";
-    };
-    readonly brand: {
-        readonly darkGray: "#383838";
-        readonly lightGray: "#cecece";
-        readonly lightBlue: "#55C3D8";
-        readonly white: "#ffffff";
-    };
-};
-/**
- * Color token names for CSS variable generation
- */
-type ColorTokenName = 'primary' | 'secondary' | 'neutral' | 'success' | 'warning' | 'error' | 'info' | 'brand';
-type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;
-
-/**
- * Spacing design tokens
- * Based on 8px grid system
- */
-declare const SPACING_TOKENS: {
-    readonly xs: "4px";
-    readonly sm: "8px";
-    readonly md: "16px";
-    readonly lg: "24px";
-    readonly xl: "32px";
-    readonly '2xl': "48px";
-    readonly '3xl': "64px";
-    readonly '4xl': "96px";
-    readonly '5xl': "128px";
-};
-type SpacingToken = keyof typeof SPACING_TOKENS;
-
-/**
- * Typography design tokens
- * Based on Secretaría de Finanzas brand guidelines - Pluto typeface
- */
-declare const TYPOGRAPHY_TOKENS: {
-    readonly fontFamily: {
-        readonly base: "'Pluto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
-        readonly mono: "'Fira Code', 'Courier New', monospace";
-    };
-    readonly fontSize: {
-        readonly xs: "0.75rem";
-        readonly sm: "0.875rem";
-        readonly base: "1rem";
-        readonly lg: "1.125rem";
-        readonly xl: "1.25rem";
-        readonly '2xl': "1.5rem";
-        readonly '3xl': "1.875rem";
-        readonly '4xl': "2.25rem";
-        readonly '5xl': "3rem";
-    };
-    readonly fontWeight: {
-        readonly light: 300;
-        readonly normal: 400;
-        readonly medium: 500;
-        readonly semibold: 600;
-        readonly bold: 700;
-    };
-    readonly lineHeight: {
-        readonly tight: 1.25;
-        readonly normal: 1.5;
-        readonly relaxed: 1.75;
-    };
-};
-type TypographyToken = keyof typeof TYPOGRAPHY_TOKENS;
-
-/**
- * Border radius design tokens
- */
-declare const BORDER_RADIUS_TOKENS: {
-    readonly none: "0";
-    readonly sm: "4px";
-    readonly md: "8px";
-    readonly lg: "12px";
-    readonly xl: "16px";
-    readonly '2xl': "24px";
-    readonly full: "9999px";
-};
-type BorderRadiusToken = keyof typeof BORDER_RADIUS_TOKENS;
-
-/**
- * Shadow design tokens
- */
-declare const SHADOW_TOKENS: {
-    readonly none: "none";
-    readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
-    readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
-    readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
-    readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
-    readonly '2xl': "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
-};
-type ShadowToken = keyof typeof SHADOW_TOKENS;
-
-/**
- * Design tokens index
- * Central export for all design tokens
- */
-
-/**
- * All design tokens combined
- */
-declare const DESIGN_TOKENS: {
-    colors: () => Promise<{
-        readonly primary: {
-            readonly 50: "#e6f7fb";
-            readonly 100: "#b3e5f0";
-            readonly 200: "#80d3e5";
-            readonly 300: "#4dc1da";
-            readonly 400: "#2ab0cf";
-            readonly 500: "#55C3D8";
-            readonly 600: "#4aafc4";
-            readonly 700: "#3f9bb0";
-            readonly 800: "#34879c";
-            readonly 900: "#297388";
-        };
-        readonly secondary: {
-            readonly 50: "#f5f5f5";
-            readonly 100: "#e8e8e8";
-            readonly 200: "#cecece";
-            readonly 300: "#b5b5b5";
-            readonly 400: "#9b9b9b";
-            readonly 500: "#828282";
-            readonly 600: "#686868";
-            readonly 700: "#4f4f4f";
-            readonly 800: "#383838";
-            readonly 900: "#2a2a2a";
-        };
-        readonly neutral: {
-            readonly 50: "#ffffff";
-            readonly 100: "#f5f5f5";
-            readonly 200: "#cecece";
-            readonly 300: "#b5b5b5";
-            readonly 400: "#9b9b9b";
-            readonly 500: "#828282";
-            readonly 600: "#686868";
-            readonly 700: "#4f4f4f";
-            readonly 800: "#383838";
-            readonly 900: "#2a2a2a";
-        };
-        readonly success: {
-            readonly 50: "#e8f5e9";
-            readonly 100: "#c8e6c9";
-            readonly 200: "#a5d6a7";
-            readonly 300: "#81c784";
-            readonly 400: "#66bb6a";
-            readonly 500: "#4caf50";
-            readonly 600: "#43a047";
-            readonly 700: "#388e3c";
-            readonly 800: "#2e7d32";
-            readonly 900: "#1b5e20";
-        };
-        readonly warning: {
-            readonly 50: "#fff3e0";
-            readonly 100: "#ffe0b2";
-            readonly 200: "#ffcc80";
-            readonly 300: "#ffb74d";
-            readonly 400: "#ffa726";
-            readonly 500: "#ff9800";
-            readonly 600: "#fb8c00";
-            readonly 700: "#f57c00";
-            readonly 800: "#ef6c00";
-            readonly 900: "#e65100";
-        };
-        readonly error: {
-            readonly 50: "#ffebee";
-            readonly 100: "#ffcdd2";
-            readonly 200: "#ef9a9a";
-            readonly 300: "#e57373";
-            readonly 400: "#ef5350";
-            readonly 500: "#f44336";
-            readonly 600: "#e53935";
-            readonly 700: "#d32f2f";
-            readonly 800: "#c62828";
-            readonly 900: "#b71c1c";
-        };
-        readonly info: {
-            readonly 50: "#e0f2f1";
-            readonly 100: "#b2dfdb";
-            readonly 200: "#80cbc4";
-            readonly 300: "#4db6ac";
-            readonly 400: "#26a69a";
-            readonly 500: "#009688";
-            readonly 600: "#00897b";
-            readonly 700: "#00796b";
-            readonly 800: "#00695c";
-            readonly 900: "#004d40";
-        };
-        readonly brand: {
-            readonly darkGray: "#383838";
-            readonly lightGray: "#cecece";
-            readonly lightBlue: "#55C3D8";
-            readonly white: "#ffffff";
-        };
-    }>;
-    spacing: () => Promise<{
-        readonly xs: "4px";
-        readonly sm: "8px";
-        readonly md: "16px";
-        readonly lg: "24px";
-        readonly xl: "32px";
-        readonly '2xl': "48px";
-        readonly '3xl': "64px";
-        readonly '4xl': "96px";
-        readonly '5xl': "128px";
-    }>;
-    typography: () => Promise<{
-        readonly fontFamily: {
-            readonly base: "'Pluto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
-            readonly mono: "'Fira Code', 'Courier New', monospace";
-        };
-        readonly fontSize: {
-            readonly xs: "0.75rem";
-            readonly sm: "0.875rem";
-            readonly base: "1rem";
-            readonly lg: "1.125rem";
-            readonly xl: "1.25rem";
-            readonly '2xl': "1.5rem";
-            readonly '3xl': "1.875rem";
-            readonly '4xl': "2.25rem";
-            readonly '5xl': "3rem";
-        };
-        readonly fontWeight: {
-            readonly light: 300;
-            readonly normal: 400;
-            readonly medium: 500;
-            readonly semibold: 600;
-            readonly bold: 700;
-        };
-        readonly lineHeight: {
-            readonly tight: 1.25;
-            readonly normal: 1.5;
-            readonly relaxed: 1.75;
-        };
-    }>;
-    borderRadius: () => Promise<{
-        readonly none: "0";
-        readonly sm: "4px";
-        readonly md: "8px";
-        readonly lg: "12px";
-        readonly xl: "16px";
-        readonly '2xl': "24px";
-        readonly full: "9999px";
-    }>;
-    shadow: () => Promise<{
-        readonly none: "none";
-        readonly sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)";
-        readonly md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)";
-        readonly lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)";
-        readonly xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)";
-        readonly '2xl': "0 25px 50px -12px rgba(0, 0, 0, 0.25)";
-    }>;
-};
-
-/**
- * Light theme configuration
- * Based on Secretaría de Finanzas brand colors
- */
-declare const LIGHT_THEME: {
-    readonly name: "light";
-    readonly colors: {
-        readonly primary: "#55C3D8";
-        readonly 'primary-dark': "#3f9bb0";
-        readonly 'primary-light': "#4dc1da";
-        readonly secondary: "#383838";
-        readonly 'secondary-dark': "#2a2a2a";
-        readonly 'secondary-light': "#686868";
-        readonly background: "#ffffff";
-        readonly 'background-elevated': "#ffffff";
-        readonly surface: "#ffffff";
-        readonly 'surface-hover': "#cecece";
-        readonly text: "#383838";
-        readonly 'text-secondary': "#686868";
-        readonly 'text-disabled': "#9b9b9b";
-        readonly border: "#cecece";
-        readonly 'border-focus': "#55C3D8";
-        readonly success: "#4caf50";
-        readonly warning: "#ff9800";
-        readonly error: "#f44336";
-        readonly info: "#009688";
-    };
-};
-
-/**
- * Dark theme configuration
- * Based on Secretaría de Finanzas brand colors (inverted)
- */
-declare const DARK_THEME: {
-    readonly name: "dark";
-    readonly colors: {
-        readonly primary: "#55C3D8";
-        readonly 'primary-dark': "#4dc1da";
-        readonly 'primary-light': "#3f9bb0";
-        readonly secondary: "#cecece";
-        readonly 'secondary-dark': "#9b9b9b";
-        readonly 'secondary-light': "#cecece";
-        readonly background: "#383838";
-        readonly 'background-elevated': "#4f4f4f";
-        readonly surface: "#4f4f4f";
-        readonly 'surface-hover': "#686868";
-        readonly text: "#ffffff";
-        readonly 'text-secondary': "#cecece";
-        readonly 'text-disabled': "#828282";
-        readonly border: "#686868";
-        readonly 'border-focus': "#55C3D8";
-        readonly success: "#66bb6a";
-        readonly warning: "#ffa726";
-        readonly error: "#ef5350";
-        readonly info: "#26a69a";
-    };
-};
-
-/**
- * Brand theme configuration
- * Exact colors from Secretaría de Finanzas brand guidelines
- */
-declare const BRAND_THEME: {
-    readonly name: "brand";
-    readonly colors: {
-        readonly primary: "#55C3D8";
-        readonly 'primary-dark': "#3f9bb0";
-        readonly 'primary-light': "#4dc1da";
-        readonly secondary: "#383838";
-        readonly 'secondary-dark': "#2a2a2a";
-        readonly 'secondary-light': "#686868";
-        readonly background: "#ffffff";
-        readonly 'background-elevated': "#ffffff";
-        readonly surface: "#ffffff";
-        readonly 'surface-hover': "#cecece";
-        readonly text: "#383838";
-        readonly 'text-secondary': "#686868";
-        readonly 'text-disabled': "#9b9b9b";
-        readonly border: "#cecece";
-        readonly 'border-focus': "#55C3D8";
-        readonly success: "#4caf50";
-        readonly warning: "#ff9800";
-        readonly error: "#f44336";
-        readonly info: "#009688";
-    };
-};
-
-/**
- * Themes index
- */
-
-type Theme = 'light' | 'dark' | 'brand';
-
-/**
- * Shared types and interfaces
- */
-type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
-type ButtonSize = 'sm' | 'md' | 'lg';
-type InputSize = 'sm' | 'md' | 'lg';
-type CardVariant = 'default' | 'elevated' | 'outlined';
-type TypographyVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span';
-type TypographySize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl';
-type TypographyWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';
-type TypographyColor = 'text' | 'text-secondary' | 'text-disabled' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
-type TypographyLineHeight = 'tight' | 'normal' | 'relaxed';
-interface BaseComponent {
-    disabled?: boolean;
-    class?: string;
-}
-/**
- * Theme color configuration
- */
-interface ThemeColors {
-    primary: string;
-    'primary-dark'?: string;
-    'primary-light'?: string;
-    secondary: string;
-    'secondary-dark'?: string;
-    'secondary-light'?: string;
-    background: string;
-    'background-elevated'?: string;
-    surface: string;
-    'surface-hover'?: string;
-    text: string;
-    'text-secondary'?: string;
-    'text-disabled'?: string;
-    border: string;
-    'border-focus'?: string;
-    success?: string;
-    warning?: string;
-    error?: string;
-    info?: string;
-    [key: string]: string | undefined;
-}
-/**
- * Custom theme configuration interface
- * Allows users to create their own themes with custom colors, typography, spacing, etc.
- * Supports both single theme and light/dark variants.
- */
-interface CustomTheme {
-    name: string;
-    colors: ThemeColors;
-    /**
-     * Optional light and dark variants for the theme
-     * If provided, allows switching between light and dark modes
-     */
-    variants?: {
-        light?: ThemeColors;
-        dark?: ThemeColors;
-    };
-    typography?: {
-        fontFamily?: {
-            base?: string;
-            mono?: string;
-            [key: string]: string | undefined;
-        };
-        fontSize?: {
-            xs?: string;
-            sm?: string;
-            base?: string;
-            lg?: string;
-            xl?: string;
-            '2xl'?: string;
-            '3xl'?: string;
-            '4xl'?: string;
-            '5xl'?: string;
-            [key: string]: string | undefined;
-        };
-        fontWeight?: {
-            light?: number;
-            normal?: number;
-            medium?: number;
-            semibold?: number;
-            bold?: number;
-            [key: string]: number | undefined;
-        };
-        lineHeight?: {
-            tight?: number;
-            normal?: number;
-            relaxed?: number;
-            [key: string]: number | undefined;
-        };
-    };
-    spacing?: {
-        xs?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-        xl?: string;
-        '2xl'?: string;
-        '3xl'?: string;
-        '4xl'?: string;
-        '5xl'?: string;
-        [key: string]: string | undefined;
-    };
-    borderRadius?: {
-        none?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-        xl?: string;
-        '2xl'?: string;
-        full?: string;
-        [key: string]: string | undefined;
-    };
-    shadow?: {
-        none?: string;
-        sm?: string;
-        md?: string;
-        lg?: string;
-        xl?: string;
-        '2xl'?: string;
-        [key: string]: string | undefined;
-    };
-}
-
-/**
- * Theme loader utility
- * Generates CSS variables from design tokens
- */
-declare class ThemeLoader {
-    /**
-     * Load a theme and apply it to the document root
-     * @param themeName - Predefined theme name ('light', 'dark', 'brand') or a CustomTheme object
-     * @param variant - Optional variant ('light' or 'dark') for CustomTheme with variants support
-     */
-    static loadTheme(themeName?: Theme | CustomTheme, variant?: 'light' | 'dark'): void;
-    /**
-     * Load a custom theme variant (light or dark)
-     * @param customTheme - CustomTheme object with variants support
-     * @param variant - Variant to load ('light' or 'dark')
-     */
-    static loadThemeVariant(customTheme: CustomTheme, variant: 'light' | 'dark'): void;
-    /**
-     * Get theme configuration by name
-     */
-    private static getTheme;
-    /**
-     * Get all CSS variables as a string (useful for SSR or static generation)
-     * @param themeName - Predefined theme name ('light', 'dark', 'brand') or a CustomTheme object
-     * @param variant - Optional variant ('light' or 'dark') for CustomTheme with variants support
-     */
-    static getThemeCSS(themeName?: Theme | CustomTheme, variant?: 'light' | 'dark'): string;
-}
-
-type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare class AvatarComponent {
-    /** Avatar size. Options: 'xs' | 'sm' | 'md' | 'lg' | 'xl' */
-    size: AvatarSize;
-    /** Image source URL */
-    src?: string;
-    /** Alt text for the image */
-    alt: string;
-    /** Initials to display when no image is provided */
-    initials?: string;
-    /** Whether to show a border/ring around the avatar */
-    bordered: boolean;
-    /** Additional CSS classes */
-    class: string;
-    get avatarClasses(): string;
-    get displayInitials(): string;
-    onImageError(event: Event): void;
-    get iconSize(): 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "sefin-avatar", never, { "size": { "alias": "size"; "required": false; }; "src": { "alias": "src"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "initials": { "alias": "initials"; "required": false; }; "bordered": { "alias": "bordered"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-type BadgeVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error';
-type BadgeSize = 'sm' | 'md' | 'lg';
-declare class BadgeComponent {
-    /** Badge variant style. Options: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' */
-    variant: BadgeVariant;
-    /** Badge size. Options: 'sm' | 'md' | 'lg' */
-    size: BadgeSize;
-    /** Whether the badge should be displayed as a dot (no text) */
-    dot: boolean;
-    /** Maximum number to show before displaying as "+N" */
-    max?: number;
-    /** Badge value (number or text) */
-    value?: number | string;
-    /** Additional CSS classes */
-    class: string;
-    get badgeClasses(): string;
-    get displayValue(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BadgeComponent, "sefin-badge", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "dot": { "alias": "dot"; "required": false; }; "max": { "alias": "max"; "required": false; }; "value": { "alias": "value"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class ButtonComponent {
-    /** Button variant style. Options: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' */
-    variant: ButtonVariant;
-    /** Button size. Options: 'sm' | 'md' | 'lg' */
-    size: ButtonSize;
-    /** Whether the button is disabled */
-    disabled: boolean;
-    /** Button type. Options: 'button' | 'submit' | 'reset' */
-    type: 'button' | 'submit' | 'reset';
-    /** Additional CSS classes */
-    class: string;
-    clicked: EventEmitter<MouseEvent>;
-    onClick(event: MouseEvent): void;
-    get buttonClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "sefin-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
-}
-
-type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-declare class IconComponent {
-    private injector;
-    private sanitizer;
-    constructor(injector: Injector);
-    /** Icon name from Lucide Angular (e.g., 'home', 'search', 'user') */
-    name?: string;
-    /** Icon size. Options: 'xs' | 'sm' | 'md' | 'lg' | 'xl' */
-    size: IconSize;
-    /** Custom color for the icon */
-    color?: string;
-    /** Whether the icon should be rotated 180 degrees */
-    rotate: boolean;
-    /** Whether the icon should be flipped horizontally */
-    flipH: boolean;
-    /** Whether the icon should be flipped vertically */
-    flipV: boolean;
-    /** Additional CSS classes */
-    class: string;
-    get iconClasses(): string;
-    get sizeValue(): number;
-    get lucideIconName(): string | undefined;
-    get iconSvgHtml(): any;
-    private escapeHtml;
-    private getTransform;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sefin-icon", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "rotate": { "alias": "rotate"; "required": false; }; "flipH": { "alias": "flipH"; "required": false; }; "flipV": { "alias": "flipV"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class IconButtonComponent {
-    /** Button variant style. Options: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' */
-    variant: ButtonVariant;
-    /** Button size. Options: 'sm' | 'md' | 'lg' */
-    size: ButtonSize;
-    /** Whether the button is disabled */
-    disabled: boolean;
-    /** Button type. Options: 'button' | 'submit' | 'reset' */
-    type: 'button' | 'submit' | 'reset';
-    /** Additional CSS classes */
-    class: string;
-    /** Accessibility label for the button */
-    ariaLabel: string;
-    /** Whether the button should be rounded (circular) */
-    rounded: boolean;
-    clicked: EventEmitter<MouseEvent>;
-    onClick(event: MouseEvent): void;
-    get buttonClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IconButtonComponent, "sefin-icon-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "class": { "alias": "class"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "rounded": { "alias": "rounded"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
-}
-
-type FabSize = 'sm' | 'md' | 'lg';
-declare class FabButtonComponent {
-    /** Button variant style. Options: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' */
-    variant: ButtonVariant;
-    /** FAB size. Options: 'sm' | 'md' | 'lg' */
-    size: FabSize;
-    /** Whether the button is disabled */
-    disabled: boolean;
-    /** Button type. Options: 'button' | 'submit' | 'reset' */
-    type: 'button' | 'submit' | 'reset';
-    /** Additional CSS classes */
-    class: string;
-    /** Accessibility label for the button */
-    ariaLabel: string;
-    clicked: EventEmitter<MouseEvent>;
-    onClick(event: MouseEvent): void;
-    get buttonClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FabButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FabButtonComponent, "sefin-fab-button", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "type": { "alias": "type"; "required": false; }; "class": { "alias": "class"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
-}
-
-type ChipVariant = 'default' | 'primary' | 'secondary' | 'outline' | 'ghost';
-type ChipSize = 'sm' | 'md' | 'lg';
-declare class ChipComponent {
-    /** Chip variant style. Options: 'default' | 'primary' | 'secondary' | 'outline' | 'ghost' */
-    variant: ChipVariant;
-    /** Chip size. Options: 'sm' | 'md' | 'lg' */
-    size: ChipSize;
-    /** Whether the chip is disabled */
-    disabled: boolean;
-    /** Whether the chip can be removed (shows remove button) */
-    removable: boolean;
-    /** Whether the chip is selected (for selectable chips) */
-    selected: boolean;
-    /** Additional CSS classes */
-    class: string;
-    removed: EventEmitter<MouseEvent>;
-    clicked: EventEmitter<MouseEvent>;
-    onRemove(event: MouseEvent): void;
-    onClick(event: MouseEvent): void;
-    get chipClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ChipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ChipComponent, "sefin-chip", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "removed": "removed"; "clicked": "clicked"; }, never, ["*"], true, never>;
-}
-
-type TagVariant = 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
-type TagSize = 'sm' | 'md' | 'lg';
-declare class TagComponent {
-    /** Tag variant style. Options: 'default' | 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info' */
-    variant: TagVariant;
-    /** Tag size. Options: 'sm' | 'md' | 'lg' */
-    size: TagSize;
-    /** Icon name to display before the tag content */
-    icon?: string;
-    /** Whether the tag can be removed (shows remove button) */
-    removable: boolean;
-    /** Whether the tag is disabled */
-    disabled: boolean;
-    /** Additional CSS classes */
-    class: string;
-    /** Event emitted when the tag is removed */
-    removed: EventEmitter<MouseEvent>;
-    onRemove(event: MouseEvent): void;
-    get tagClasses(): string;
-    get iconSize(): 'xs' | 'sm' | 'md';
-    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "sefin-tag", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
-}
-
-type LinkVariant = 'default' | 'primary' | 'secondary' | 'underline';
-type LinkSize = 'sm' | 'md' | 'lg';
-declare class LinkComponent {
-    /** Link variant style. Options: 'default' | 'primary' | 'secondary' | 'underline' */
-    variant: LinkVariant;
-    /** Link size. Options: 'sm' | 'md' | 'lg' */
-    size: LinkSize;
-    /** Whether the link is disabled */
-    disabled: boolean;
-    /** Link URL */
-    href?: string;
-    /** Link target attribute (e.g., '_blank') */
-    target?: string;
-    /** Link rel attribute */
-    rel?: string;
-    /** Additional CSS classes */
-    class: string;
-    /** Whether to show underline */
-    underline: boolean;
-    get linkClasses(): string;
-    onClick(event: Event): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<LinkComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkComponent, "sefin-link", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "href": { "alias": "href"; "required": false; }; "target": { "alias": "target"; "required": false; }; "rel": { "alias": "rel"; "required": false; }; "class": { "alias": "class"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class StackComponent {
-    direction: 'row' | 'column';
-    spacing: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
-    align: 'start' | 'center' | 'end' | 'stretch';
-    justify: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
-    wrap: boolean;
-    class: string;
-    get stackClasses(): string;
-    get spacingValue(): string;
-    get stackStyles(): {
-        [key: string]: string;
-    };
-    static ɵfac: i0.ɵɵFactoryDeclaration<StackComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StackComponent, "sefin-stack", never, { "direction": { "alias": "direction"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "align": { "alias": "align"; "required": false; }; "justify": { "alias": "justify"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-type ContainerSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';
-type ContainerVariant = 'default' | 'fluid' | 'fixed';
-declare class ContainerComponent {
-    /** Container size. Options: 'sm' | 'md' | 'lg' | 'xl' | 'full' */
-    size: ContainerSize;
-    /** Container variant. Options: 'default' | 'fluid' | 'fixed' */
-    variant: ContainerVariant;
-    /** Whether the container has padding */
-    padding: boolean;
-    /** Additional CSS classes */
-    class: string;
-    get containerClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ContainerComponent, "sefin-container", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-declare class CheckboxComponent implements ControlValueAccessor, AfterViewInit, OnChanges {
-    checkboxInput?: ElementRef<HTMLInputElement>;
-    size: InputSize;
-    disabled: boolean;
-    indeterminate: boolean;
-    class: string;
-    label: string;
-    name: string;
-    value: boolean;
-    valueChange: EventEmitter<boolean>;
-    checkedChange: EventEmitter<boolean>;
-    private onChange;
-    private onTouched;
-    ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    onCheckboxChange(event: Event): void;
-    writeValue(value: boolean): void;
-    registerOnChange(fn: (value: boolean) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    get wrapperClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "sefin-checkbox", never, { "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "class": { "alias": "class"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
-}
-
-declare class RadioComponent implements ControlValueAccessor {
-    radioInput?: ElementRef<HTMLInputElement>;
-    size: InputSize;
-    disabled: boolean;
-    class: string;
-    label: string;
-    name: string;
-    value: string | number;
-    checked: boolean;
-    valueChange: EventEmitter<string | number>;
-    checkedChange: EventEmitter<boolean>;
-    private onChange;
-    private onTouched;
-    onRadioChange(event: Event): void;
-    writeValue(value: string | number): void;
-    registerOnChange(fn: (value: string | number) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    get wrapperClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "sefin-radio", never, { "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; }, { "valueChange": "valueChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
-}
-
-interface SelectOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-declare class SelectComponent implements ControlValueAccessor, OnInit, OnDestroy, OnChanges {
-    containerRef?: ElementRef<HTMLDivElement>;
-    dropdownRef?: ElementRef<HTMLDivElement>;
-    buttonRef?: ElementRef<HTMLButtonElement>;
-    options: SelectOption[];
-    placeholder: string;
-    disabled: boolean;
-    size: InputSize;
-    class: string;
-    value: string | number | null;
-    valueChange: EventEmitter<string | number>;
-    optionSelected: EventEmitter<SelectOption>;
-    isOpen: boolean;
-    selectedIndex: number;
-    private onChange;
-    private onTouched;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onClickOutside(event: MouseEvent): void;
-    onEscapeKey(event: Event): void;
-    toggleDropdown(): void;
-    openDropdown(): void;
-    closeDropdown(): void;
-    selectOption(option: SelectOption): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private updateSelectedIndex;
-    private scrollToSelected;
-    getSelectedLabel(): string;
-    writeValue(value: string | number | null): void;
-    registerOnChange(fn: (value: string | number | null) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    get buttonClasses(): string;
-    get containerClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "sefin-select", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "optionSelected": "optionSelected"; }, never, never, true, never>;
-}
-
-declare class SwitchComponent implements ControlValueAccessor {
-    size: InputSize;
-    disabled: boolean;
-    class: string;
-    label: string;
-    name: string;
-    value: boolean;
-    valueChange: EventEmitter<boolean>;
-    checkedChange: EventEmitter<boolean>;
-    private onChange;
-    private onTouched;
-    onSwitchChange(event: Event): void;
-    writeValue(value: boolean): void;
-    registerOnChange(fn: (value: boolean) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    get wrapperClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SwitchComponent, "sefin-switch", never, { "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; "label": { "alias": "label"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; "checkedChange": "checkedChange"; }, never, never, true, never>;
-}
-
-declare class TypographyComponent {
-    variant: TypographyVariant;
-    size?: TypographySize;
-    weight?: TypographyWeight;
-    color: TypographyColor;
-    lineHeight?: TypographyLineHeight;
-    class: string;
-    text?: string;
-    get typographyClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TypographyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TypographyComponent, "sefin-typography", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "color": { "alias": "color"; "required": false; }; "lineHeight": { "alias": "lineHeight"; "required": false; }; "class": { "alias": "class"; "required": false; }; "text": { "alias": "text"; "required": false; }; }, {}, never, ["*", "*", "*", "*", "*", "*", "*", "*"], true, never>;
-}
-
-type DividerOrientation = 'horizontal' | 'vertical';
-type DividerVariant = 'solid' | 'dashed' | 'dotted';
-declare class DividerComponent {
-    /** Divider orientation. Options: 'horizontal' | 'vertical' */
-    orientation: DividerOrientation;
-    /** Divider variant style. Options: 'solid' | 'dashed' | 'dotted' */
-    variant: DividerVariant;
-    /** Spacing around the divider (margin) */
-    spacing: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    /** Thickness of the divider */
-    thickness: 'thin' | 'medium' | 'thick';
-    /** Additional CSS classes */
-    class: string;
-    get dividerClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DividerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DividerComponent, "sefin-divider", never, { "orientation": { "alias": "orientation"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "spacing": { "alias": "spacing"; "required": false; }; "thickness": { "alias": "thickness"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-type SpinnerSize = 'sm' | 'md' | 'lg';
-type SpinnerVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'default';
-declare class SpinnerComponent {
-    /** Spinner size. Options: 'sm' | 'md' | 'lg' */
-    size: SpinnerSize;
-    /** Spinner variant color. Options: 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'default' */
-    variant: SpinnerVariant;
-    /** Whether the spinner should be displayed inline (smaller margins) */
-    inline: boolean;
-    /** Additional CSS classes */
-    class: string;
-    get spinnerClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "sefin-spinner", never, { "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "inline": { "alias": "inline"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-type ProgressBarVariant = 'primary' | 'secondary' | 'success' | 'warning' | 'error';
-type ProgressBarSize = 'sm' | 'md' | 'lg';
-declare class ProgressBarComponent {
-    /** Progress value (0-100) */
-    value: number;
-    /** Progress bar variant color. Options: 'primary' | 'secondary' | 'success' | 'warning' | 'error' */
-    variant: ProgressBarVariant;
-    /** Progress bar size. Options: 'sm' | 'md' | 'lg' */
-    size: ProgressBarSize;
-    /** Whether to show the progress percentage label */
-    showLabel: boolean;
-    /** Whether the progress bar is in indeterminate state (animated) */
-    indeterminate: boolean;
-    /** Additional CSS classes */
-    class: string;
-    get progressBarClasses(): string;
-    get clampedValue(): number;
-    get percentageText(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "sefin-progress-bar", never, { "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
-type TooltipTrigger = 'hover' | 'click' | 'focus';
-declare class TooltipComponent implements AfterViewInit, OnDestroy {
-    private cdr;
-    /** Tooltip text content */
-    text: string;
-    /** Tooltip position. Options: 'top' | 'bottom' | 'left' | 'right' */
-    position: TooltipPosition;
-    /** Trigger event. Options: 'hover' | 'click' | 'focus' */
-    trigger: TooltipTrigger;
-    /** Delay before showing tooltip (in milliseconds) */
-    delay: number;
-    /** Whether the tooltip is disabled */
-    disabled: boolean;
-    /** Additional CSS classes */
-    class: string;
-    tooltipContent: ElementRef<HTMLDivElement>;
-    tooltipTrigger: ElementRef<HTMLDivElement>;
-    isVisible: boolean;
-    private showTimeout?;
-    private hideTimeout?;
-    constructor(cdr: ChangeDetectorRef);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    onMouseEnter(event: Event): void;
-    onMouseLeave(event: Event): void;
-    onClick(event: Event): void;
-    onFocus(event: Event): void;
-    onBlur(event: Event): void;
-    show(): void;
-    hide(): void;
-    toggle(): void;
-    private clearTimeouts;
-    private handleOutsideClick;
-    get tooltipClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "sefin-tooltip", never, { "text": { "alias": "text"; "required": false; }; "position": { "alias": "position"; "required": false; }; "trigger": { "alias": "trigger"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
-}
-
-type AlertVariant = 'success' | 'warning' | 'error' | 'info' | 'default';
-type AlertSize = 'sm' | 'md' | 'lg';
-declare class AlertComponent {
-    /** Alert variant style. Options: 'success' | 'warning' | 'error' | 'info' | 'default' */
-    variant: AlertVariant;
-    /** Alert size. Options: 'sm' | 'md' | 'lg' */
-    size: AlertSize;
-    /** Alert title (optional) */
-    title?: string;
-    /** Whether the alert can be dismissed (shows close button) */
-    dismissible: boolean;
-    /** Whether to show an icon */
-    showIcon: boolean;
-    /** Whether the alert is visible */
-    visible: boolean;
-    /** Additional CSS classes */
-    class: string;
-    /** Event emitted when the alert is dismissed */
-    dismissed: EventEmitter<void>;
-    onDismiss(): void;
-    get alertClasses(): string;
-    get iconName(): string;
-    get iconSize(): 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-    get iconColor(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "sefin-alert", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "title": { "alias": "title"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
-}
-
-type ToastVariant = 'success' | 'warning' | 'error' | 'info' | 'default';
-type ToastPosition = 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center';
-declare class ToastComponent implements OnInit, OnDestroy {
-    private cdr;
-    /** Toast variant style. Options: 'success' | 'warning' | 'error' | 'info' | 'default' */
-    variant: ToastVariant;
-    /** Toast position. Options: 'top-right' | 'top-left' | 'top-center' | 'bottom-right' | 'bottom-left' | 'bottom-center' */
-    position: ToastPosition;
-    /** Toast title (optional) */
-    title?: string;
-    /** Toast message */
-    message: string;
-    /** Duration in milliseconds before auto-dismiss (0 = no auto-dismiss) */
-    duration: number;
-    /** Whether to show an icon */
-    showIcon: boolean;
-    /** Whether the toast can be dismissed manually */
-    dismissible: boolean;
-    /** Additional CSS classes */
-    class: string;
-    /** Event emitted when the toast is dismissed */
-    dismissed: EventEmitter<void>;
-    isVisible: boolean;
-    isExiting: boolean;
-    isPaused: boolean;
-    private dismissTimeout?;
-    private remainingTime;
-    private startTime;
-    constructor(cdr: ChangeDetectorRef);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    private startTimer;
-    private clearTimer;
-    pauseTimer(): void;
-    resumeTimer(): void;
-    dismiss(): void;
-    get toastClasses(): string;
-    get iconName(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "sefin-toast", never, { "variant": { "alias": "variant"; "required": false; }; "position": { "alias": "position"; "required": false; }; "title": { "alias": "title"; "required": false; }; "message": { "alias": "message"; "required": false; }; "duration": { "alias": "duration"; "required": false; }; "showIcon": { "alias": "showIcon"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, { "dismissed": "dismissed"; }, never, ["*"], true, never>;
-}
-
-type TextFieldVariant = 'outlined' | 'filled' | 'standard';
-type TextFieldSize = 'sm' | 'md' | 'lg';
-type TextFieldType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
-declare class TextFieldComponent implements ControlValueAccessor, Validator, OnInit, AfterViewInit, OnDestroy {
-    inputRef?: ElementRef<HTMLInputElement>;
-    /** TextField variant style. Options: 'outlined' | 'filled' | 'standard' */
-    variant: TextFieldVariant;
-    /** TextField size. Options: 'sm' | 'md' | 'lg' */
-    size: TextFieldSize;
-    /** Input type. Options: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search' | 'date' | 'time' | 'datetime-local' */
-    type: TextFieldType;
-    /** Placeholder text */
-    placeholder: string;
-    /** Helper text shown below the input */
-    hint: string;
-    /** Error message to display */
-    errorMessage: string;
-    /** Whether the field is required */
-    required: boolean;
-    /** Whether the field is disabled */
-    disabled: boolean;
-    /** Whether the field is readonly */
-    readonly: boolean;
-    /** Maximum length of the input */
-    maxLength?: number;
-    /** Minimum length of the input */
-    minLength?: number;
-    /** Pattern for validation (regex string) */
-    pattern?: string;
-    /** Leading icon name */
-    leadingIcon?: string;
-    /** Trailing icon name */
-    trailingIcon?: string;
-    /** Whether to show character counter */
-    showCounter: boolean;
-    /** Autocomplete attribute */
-    autocomplete?: string;
-    /** Input name attribute */
-    name: string;
-    /** Input id attribute */
-    id: string;
-    /** Additional CSS classes */
-    class: string;
-    /** Custom validation function */
-    customValidator?: (value: string) => string | null;
-    /** Event emitted when the value changes */
-    valueChange: EventEmitter<string>;
-    /** Event emitted when the input is focused */
-    focused: EventEmitter<FocusEvent>;
-    /** Event emitted when the input is blurred */
-    blurred: EventEmitter<FocusEvent>;
-    /** Event emitted when trailing icon is clicked */
-    trailingIconClick: EventEmitter<MouseEvent>;
-    value: string;
-    isFocused: boolean;
-    hasError: boolean;
-    internalErrorMessage: string;
-    private onChange;
-    private onTouched;
-    private destroy$;
-    private control?;
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private generateIdIfNeeded;
-    onInput(event: Event): void;
-    onFocus(event: FocusEvent): void;
-    onBlur(event: FocusEvent): void;
-    onTrailingIconClick(event: MouseEvent): void;
-    private validateField;
-    get displayError(): boolean;
-    get displayErrorMessage(): string;
-    get characterCount(): number;
-    get textFieldClasses(): string;
-    writeValue(value: string): void;
-    registerOnChange(fn: (value: string) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(isDisabled: boolean): void;
-    validate(control: AbstractControl): ValidationErrors | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "sefin-textfield", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "showCounter": { "alias": "showCounter"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "name": { "alias": "name"; "required": false; }; "id": { "alias": "id"; "required": false; }; "class": { "alias": "class"; "required": false; }; "customValidator": { "alias": "customValidator"; "required": false; }; }, { "valueChange": "valueChange"; "focused": "focused"; "blurred": "blurred"; "trailingIconClick": "trailingIconClick"; }, never, never, true, never>;
-}
-
-interface AutocompleteOption {
-    value: string | number;
-    label: string;
-    disabled?: boolean;
-}
-declare class AutocompleteComponent implements OnInit, OnDestroy, OnChanges {
-    inputRef?: ElementRef<HTMLInputElement>;
-    dropdownRef?: ElementRef<HTMLDivElement>;
-    containerRef?: ElementRef<HTMLDivElement>;
-    options: AutocompleteOption[];
-    placeholder: string;
-    disabled: boolean;
-    size: InputSize;
-    class: string;
-    value: string | number | null;
-    minChars: number;
-    maxResults: number;
-    valueChange: EventEmitter<string | number>;
-    optionSelected: EventEmitter<AutocompleteOption>;
-    inputChange: EventEmitter<string>;
-    searchText: string;
-    filteredOptions: AutocompleteOption[];
-    isOpen: boolean;
-    selectedIndex: number;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onClickOutside(event: MouseEvent): void;
-    onInputChange(value: string): void;
-    filterOptions(): void;
-    selectOption(option: AutocompleteOption): void;
-    onInputFocus(): void;
-    onInputBlur(): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private scrollToSelected;
-    clearValue(): void;
-    get inputClasses(): string;
-    get containerClasses(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "sefin-autocomplete", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; "value": { "alias": "value"; "required": false; }; "minChars": { "alias": "minChars"; "required": false; }; "maxResults": { "alias": "maxResults"; "required": false; }; }, { "valueChange": "valueChange"; "optionSelected": "optionSelected"; "inputChange": "inputChange"; }, never, never, true, never>;
-}
-
-type DateFormat = 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'DD-MM-YYYY';
-type DatePickerMode = 'single' | 'range';
-interface DateRange {
-    start: Date | null;
-    end: Date | null;
-}
-declare class DatepickerComponent implements OnInit, OnDestroy, OnChanges {
-    private cdr;
-    private ngZone;
-    containerRef?: ElementRef<HTMLDivElement>;
-    calendarRef?: ElementRef<HTMLDivElement>;
-    textfieldRef?: TextFieldComponent;
-    value: Date | DateRange | null;
-    placeholder: string;
-    disabled: boolean;
-    size: InputSize;
-    class: string;
-    format: DateFormat;
-    mode: DatePickerMode;
-    minDate?: Date;
-    maxDate?: Date;
-    showTodayButton: boolean;
-    showClearButton: boolean;
-    locale: string;
-    firstDayOfWeek: 0 | 1;
-    valueChange: EventEmitter<DateRange | Date>;
-    dateSelected: EventEmitter<DateRange | Date>;
-    isOpen: boolean;
-    currentMonth: Date;
-    selectedDate: Date | null;
-    rangeStart: Date | null;
-    rangeEnd: Date | null;
-    displayValue: string;
-    hoveredDate: Date | null;
-    private monthsES;
-    private daysES;
-    private daysESFull;
-    constructor(cdr: ChangeDetectorRef, ngZone: NgZone);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
-    onClickOutside(event: MouseEvent): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private initializeDates;
-    toggleCalendar(): void;
-    closeCalendar(): void;
-    onInputClick(): void;
-    onInputFocus(): void;
-    getDaysInMonth(date: Date): number;
-    getFirstDayOfMonth(date: Date): number;
-    getCalendarDays(): (Date | null)[];
-    isToday(date: Date): boolean;
-    isSelected(date: Date): boolean;
-    isInRange(date: Date): boolean;
-    isDisabled(date: Date): boolean;
-    onDayClick(date: Date | null, event: MouseEvent): void;
-    selectDate(date: Date): void;
-    private updateTextField;
-    onDateHover(date: Date): void;
-    previousMonth(): void;
-    nextMonth(): void;
-    goToToday(): void;
-    clearValue(): void;
-    formatDate(date: Date | null): string;
-    private updateDisplayValue;
-    getMonthName(): string;
-    getYear(): number;
-    getDayNames(): string[];
-    get containerClasses(): string;
-    get todayDate(): Date;
-    isTodayDisabled(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "sefin-datepicker", never, { "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; "format": { "alias": "format"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "showTodayButton": { "alias": "showTodayButton"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; }; }, { "valueChange": "valueChange"; "dateSelected": "dateSelected"; }, never, never, true, never>;
-}
-
-declare const STYLES_PATH = "./styles/index.scss";
-
-export { AlertComponent, AutocompleteComponent, AvatarComponent, BORDER_RADIUS_TOKENS, BRAND_THEME, BadgeComponent, ButtonComponent, COLOR_TOKENS, CheckboxComponent, ChipComponent, ContainerComponent, DARK_THEME, DESIGN_TOKENS, DatepickerComponent, DividerComponent, FabButtonComponent, IconButtonComponent, IconComponent, LIGHT_THEME, LinkComponent, ProgressBarComponent, RadioComponent, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, SelectComponent, SpinnerComponent, StackComponent, SwitchComponent, TYPOGRAPHY_TOKENS, TagComponent, TextFieldComponent, ThemeLoader, ToastComponent, TooltipComponent, TypographyComponent };
-export type { AlertSize, AlertVariant, AutocompleteOption, AvatarSize, BadgeSize, BadgeVariant, BaseComponent, BorderRadiusToken, ButtonSize, ButtonVariant, CardVariant, ChipSize, ChipVariant, ColorShade, ColorTokenName, ContainerSize, ContainerVariant, CustomTheme, DateFormat, DatePickerMode, DateRange, DividerOrientation, DividerVariant, FabSize, IconSize, InputSize, LinkSize, LinkVariant, ProgressBarSize, ProgressBarVariant, SelectOption, ShadowToken, SpacingToken, SpinnerSize, SpinnerVariant, TagSize, TagVariant, TextFieldSize, TextFieldType, TextFieldVariant, Theme, ThemeColors, ToastPosition, ToastVariant, TooltipPosition, TooltipTrigger, TypographyColor, TypographyLineHeight, TypographySize, TypographyToken, TypographyVariant, TypographyWeight };