@lesterarte/sefin-ui 0.0.3-dev.2 → 0.0.3

package/README.md

@@ -208,77 +208,12 @@ ThemeLoader.loadTheme('dark');
 
 ## Tipografía
 
-La librería usa la fuente **Pluto** de Secretaría de Finanzas según las guías de marca:
-- **Pluto-Light** (300) - Para texto ligero
-- **Pluto-Regular** (400) - Para texto normal y body
-- **Pluto-Bold** (700) - Para títulos y encabezados
-
-### ⚠️ Importante: Incluir Archivos de Fuente
-
-La librería define las declaraciones `@font-face` para Pluto, pero **debes proporcionar los archivos de fuente en tu aplicación consumidora**.
-
-#### Opción 1: Archivos locales (Recomendado)
-
-1. **Copia los archivos de fuente** a tu proyecto en la carpeta `src/assets/fonts/`:
-   ```
-   src/
-   └── assets/
-       └── fonts/
-           ├── Pluto-Regular.woff2
-           ├── Pluto-Regular.woff
-           ├── Pluto-Bold.woff2
-           ├── Pluto-Bold.woff
-           ├── Pluto-Light.woff2
-           └── Pluto-Light.woff
-   ```
-
-2. **Configura Angular** para copiar los assets en `angular.json`:
-   ```json
-   {
-     "assets": [
-       "src/favicon.ico",
-       "src/assets",
-       {
-         "glob": "**/*",
-         "input": "src/assets/fonts",
-         "output": "/assets/fonts"
-       }
-     ]
-   }
-   ```
-
-3. **Los estilos de la librería buscarán automáticamente** los archivos en `./assets/fonts/`
-
-#### Opción 2: CDN o fuente externa
-
-Si prefieres usar una fuente desde CDN o servidor externo, puedes sobrescribir las rutas en tu `styles.scss`:
+La librería usa la fuente **Pluto** de Secretaría de Finanzas:
+- **Pluto-Light** (300)
+- **Pluto-Regular** (400)
+- **Pluto-Bold** (700)
 
-```scss
-@font-face {
-  font-family: 'Pluto';
-  src: url('https://tu-cdn.com/fonts/Pluto-Regular.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: 'Pluto';
-  src: url('https://tu-cdn.com/fonts/Pluto-Bold.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
-```
-
-#### Formatos de fuente soportados
-
-La librería busca los archivos en este orden de prioridad:
-1. `.woff2` (recomendado - mejor compresión)
-2. `.woff` (fallback)
-3. `.ttf` (fallback)
-
-**Nota:** Si no incluyes los archivos de fuente, el navegador usará las fuentes de fallback del sistema (Arial, Roboto, etc.).
+Nota: Debes incluir los archivos de fuente Pluto en tu proyecto.
 
 ## Desarrollo
 

package/fesm2022/lesterarte-sefin-ui.mjs

@@ -1,6 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { EventEmitter, Output, Input, ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
 /**
  * Color design tokens as TypeScript constants
@@ -338,62 +341,41 @@ const BRAND_THEME = {
 class ThemeLoader {
     /**
      * Load a theme and apply it to the document root
-     * @param themeName - Predefined theme name ('light', 'dark', 'brand') or a CustomTheme object
      */
     static loadTheme(themeName = 'light') {
-        const theme = typeof themeName === 'string' ? this.getTheme(themeName) : themeName;
+        const theme = this.getTheme(themeName);
         const root = document.documentElement;
         // Apply color tokens
         Object.entries(theme.colors).forEach(([key, value]) => {
-            if (value) {
-                root.style.setProperty(`--sefin-color-${key}`, value);
-            }
+            root.style.setProperty(`--sefin-color-${key}`, value);
         });
-        // Apply spacing tokens (use custom if provided, otherwise use defaults)
-        const spacingTokens = typeof themeName === 'object' && themeName.spacing
-            ? { ...SPACING_TOKENS, ...themeName.spacing }
-            : SPACING_TOKENS;
-        Object.entries(spacingTokens).forEach(([key, value]) => {
+        // Apply spacing tokens
+        Object.entries(SPACING_TOKENS).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-spacing-${key}`, value);
         });
-        // Apply typography tokens (use custom if provided, otherwise use defaults)
-        const typographyTokens = typeof themeName === 'object' && themeName.typography
-            ? {
-                fontFamily: { ...TYPOGRAPHY_TOKENS.fontFamily, ...themeName.typography.fontFamily },
-                fontSize: { ...TYPOGRAPHY_TOKENS.fontSize, ...themeName.typography.fontSize },
-                fontWeight: { ...TYPOGRAPHY_TOKENS.fontWeight, ...themeName.typography.fontWeight },
-                lineHeight: { ...TYPOGRAPHY_TOKENS.lineHeight, ...themeName.typography.lineHeight },
-            }
-            : TYPOGRAPHY_TOKENS;
-        Object.entries(typographyTokens.fontFamily).forEach(([key, value]) => {
+        // Apply typography tokens
+        Object.entries(TYPOGRAPHY_TOKENS.fontFamily).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-font-family-${key}`, value);
         });
-        Object.entries(typographyTokens.fontSize).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.fontSize).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-font-size-${key}`, value);
         });
-        Object.entries(typographyTokens.fontWeight).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.fontWeight).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-font-weight-${key}`, String(value));
         });
-        Object.entries(typographyTokens.lineHeight).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.lineHeight).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-line-height-${key}`, String(value));
         });
-        // Apply border radius tokens (use custom if provided, otherwise use defaults)
-        const borderRadiusTokens = typeof themeName === 'object' && themeName.borderRadius
-            ? { ...BORDER_RADIUS_TOKENS, ...themeName.borderRadius }
-            : BORDER_RADIUS_TOKENS;
-        Object.entries(borderRadiusTokens).forEach(([key, value]) => {
+        // Apply border radius tokens
+        Object.entries(BORDER_RADIUS_TOKENS).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-radius-${key}`, value);
         });
-        // Apply shadow tokens (use custom if provided, otherwise use defaults)
-        const shadowTokens = typeof themeName === 'object' && themeName.shadow
-            ? { ...SHADOW_TOKENS, ...themeName.shadow }
-            : SHADOW_TOKENS;
-        Object.entries(shadowTokens).forEach(([key, value]) => {
+        // Apply shadow tokens
+        Object.entries(SHADOW_TOKENS).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-shadow-${key}`, value);
         });
         // Set theme attribute for CSS selectors
-        const themeAttribute = typeof themeName === 'string' ? themeName : themeName.name;
-        root.setAttribute('data-theme', themeAttribute);
+        root.setAttribute('data-theme', themeName);
     }
     /**
      * Get theme configuration by name
@@ -411,57 +393,37 @@ class ThemeLoader {
     }
     /**
      * 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
      */
     static getThemeCSS(themeName = 'light') {
-        const theme = typeof themeName === 'string' ? this.getTheme(themeName) : themeName;
+        const theme = this.getTheme(themeName);
         let css = ':root {\n';
         // Color tokens
         Object.entries(theme.colors).forEach(([key, value]) => {
-            if (value) {
-                css += `  --sefin-color-${key}: ${value};\n`;
-            }
+            css += `  --sefin-color-${key}: ${value};\n`;
         });
         // Spacing tokens
-        const spacingTokens = typeof themeName === 'object' && themeName.spacing
-            ? { ...SPACING_TOKENS, ...themeName.spacing }
-            : SPACING_TOKENS;
-        Object.entries(spacingTokens).forEach(([key, value]) => {
+        Object.entries(SPACING_TOKENS).forEach(([key, value]) => {
             css += `  --sefin-spacing-${key}: ${value};\n`;
         });
         // Typography tokens
-        const typographyTokens = typeof themeName === 'object' && themeName.typography
-            ? {
-                fontFamily: { ...TYPOGRAPHY_TOKENS.fontFamily, ...themeName.typography.fontFamily },
-                fontSize: { ...TYPOGRAPHY_TOKENS.fontSize, ...themeName.typography.fontSize },
-                fontWeight: { ...TYPOGRAPHY_TOKENS.fontWeight, ...themeName.typography.fontWeight },
-                lineHeight: { ...TYPOGRAPHY_TOKENS.lineHeight, ...themeName.typography.lineHeight },
-            }
-            : TYPOGRAPHY_TOKENS;
-        Object.entries(typographyTokens.fontFamily).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.fontFamily).forEach(([key, value]) => {
             css += `  --sefin-font-family-${key}: ${value};\n`;
         });
-        Object.entries(typographyTokens.fontSize).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.fontSize).forEach(([key, value]) => {
             css += `  --sefin-font-size-${key}: ${value};\n`;
         });
-        Object.entries(typographyTokens.fontWeight).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.fontWeight).forEach(([key, value]) => {
             css += `  --sefin-font-weight-${key}: ${value};\n`;
         });
-        Object.entries(typographyTokens.lineHeight).forEach(([key, value]) => {
+        Object.entries(TYPOGRAPHY_TOKENS.lineHeight).forEach(([key, value]) => {
             css += `  --sefin-line-height-${key}: ${value};\n`;
         });
         // Border radius tokens
-        const borderRadiusTokens = typeof themeName === 'object' && themeName.borderRadius
-            ? { ...BORDER_RADIUS_TOKENS, ...themeName.borderRadius }
-            : BORDER_RADIUS_TOKENS;
-        Object.entries(borderRadiusTokens).forEach(([key, value]) => {
+        Object.entries(BORDER_RADIUS_TOKENS).forEach(([key, value]) => {
             css += `  --sefin-radius-${key}: ${value};\n`;
         });
         // Shadow tokens
-        const shadowTokens = typeof themeName === 'object' && themeName.shadow
-            ? { ...SHADOW_TOKENS, ...themeName.shadow }
-            : SHADOW_TOKENS;
-        Object.entries(shadowTokens).forEach(([key, value]) => {
+        Object.entries(SHADOW_TOKENS).forEach(([key, value]) => {
             css += `  --sefin-shadow-${key}: ${value};\n`;
         });
         css += '}\n';
@@ -524,12 +486,315 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImpor
                 type: Output
             }] } });
 
+class IconComponent {
+    name = '';
+    size = 'md';
+    class = '';
+    get iconClasses() {
+        return [
+            'sefin-icon',
+            `sefin-icon--${this.size}`,
+            this.class,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: IconComponent, isStandalone: true, selector: "sefin-icon", inputs: { name: "name", size: "size", class: "class" }, ngImport: i0, template: "<span [class]=\"iconClasses\" [attr.aria-label]=\"name\">\n  <ng-content></ng-content>\n</span>\n\n", styles: [".sefin-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.sefin-icon--sm{width:16px;height:16px;font-size:16px}.sefin-icon--md{width:24px;height:24px;font-size:24px}.sefin-icon--lg{width:32px;height:32px;font-size:32px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-icon', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<span [class]=\"iconClasses\" [attr.aria-label]=\"name\">\n  <ng-content></ng-content>\n</span>\n\n", styles: [".sefin-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.sefin-icon--sm{width:16px;height:16px;font-size:16px}.sefin-icon--md{width:24px;height:24px;font-size:24px}.sefin-icon--lg{width:32px;height:32px;font-size:32px}\n"] }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+
+class InputComponent {
+    type = 'text';
+    placeholder = '';
+    size = 'md';
+    disabled = false;
+    required = false;
+    readonly = false;
+    class = '';
+    id = '';
+    blur = new EventEmitter();
+    focus = new EventEmitter();
+    value = '';
+    onChange = (value) => { };
+    onTouched = () => { };
+    onInput(event) {
+        const target = event.target;
+        this.value = target.value;
+        this.onChange(this.value);
+    }
+    onBlur(event) {
+        this.onTouched();
+        this.blur.emit(event);
+    }
+    onFocus(event) {
+        this.focus.emit(event);
+    }
+    writeValue(value) {
+        this.value = value || '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    get inputClasses() {
+        return [
+            'sefin-input',
+            `sefin-input--${this.size}`,
+            this.disabled ? 'sefin-input--disabled' : '',
+            this.class,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: InputComponent, isStandalone: true, selector: "sefin-input", inputs: { type: "type", placeholder: "placeholder", size: "size", disabled: "disabled", required: "required", readonly: "readonly", class: "class", id: "id" }, outputs: { blur: "blur", focus: "focus" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => InputComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<input\n  [type]=\"type\"\n  [id]=\"id\"\n  [class]=\"inputClasses\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [required]=\"required\"\n  [value]=\"value\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onBlur($event)\"\n  (focus)=\"onFocus($event)\"\n/>\n\n", styles: [".sefin-input{width:100%;font-family:var(--sefin-font-family-base);color:var(--sefin-color-text);background-color:var(--sefin-color-surface);border:1px solid var(--sefin-color-border);border-radius:var(--sefin-radius-md, 8px);transition:all .2s ease-in-out;outline:none}.sefin-input::placeholder{color:var(--sefin-color-text-secondary)}.sefin-input:focus{border-color:var(--sefin-color-border-focus);box-shadow:0 0 0 3px rgba(var(--sefin-color-primary-rgb, 33, 150, 243),.1)}.sefin-input:disabled{background-color:var(--sefin-color-surface-hover);color:var(--sefin-color-text-disabled);cursor:not-allowed}.sefin-input--sm{padding:var(--sefin-spacing-sm, 8px) var(--sefin-spacing-md, 16px);font-size:var(--sefin-font-size-sm, .875rem);min-height:32px}.sefin-input--md{padding:var(--sefin-spacing-md, 16px);font-size:var(--sefin-font-size-base, 1rem);min-height:40px}.sefin-input--lg{padding:var(--sefin-spacing-lg, 24px);font-size:var(--sefin-font-size-lg, 1.125rem);min-height:48px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-input', standalone: true, imports: [CommonModule, FormsModule], providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => InputComponent),
+                            multi: true,
+                        },
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  [type]=\"type\"\n  [id]=\"id\"\n  [class]=\"inputClasses\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [required]=\"required\"\n  [value]=\"value\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onBlur($event)\"\n  (focus)=\"onFocus($event)\"\n/>\n\n", styles: [".sefin-input{width:100%;font-family:var(--sefin-font-family-base);color:var(--sefin-color-text);background-color:var(--sefin-color-surface);border:1px solid var(--sefin-color-border);border-radius:var(--sefin-radius-md, 8px);transition:all .2s ease-in-out;outline:none}.sefin-input::placeholder{color:var(--sefin-color-text-secondary)}.sefin-input:focus{border-color:var(--sefin-color-border-focus);box-shadow:0 0 0 3px rgba(var(--sefin-color-primary-rgb, 33, 150, 243),.1)}.sefin-input:disabled{background-color:var(--sefin-color-surface-hover);color:var(--sefin-color-text-disabled);cursor:not-allowed}.sefin-input--sm{padding:var(--sefin-spacing-sm, 8px) var(--sefin-spacing-md, 16px);font-size:var(--sefin-font-size-sm, .875rem);min-height:32px}.sefin-input--md{padding:var(--sefin-spacing-md, 16px);font-size:var(--sefin-font-size-base, 1rem);min-height:40px}.sefin-input--lg{padding:var(--sefin-spacing-lg, 24px);font-size:var(--sefin-font-size-lg, 1.125rem);min-height:48px}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], blur: [{
+                type: Output
+            }], focus: [{
+                type: Output
+            }] } });
+
 /**
  * Atoms index
  */
 
+class FormFieldComponent {
+    label = '';
+    hint = '';
+    error = '';
+    required = false;
+    disabled = false;
+    inputId = '';
+    inputType = 'text';
+    placeholder = '';
+    size = 'md';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: FormFieldComponent, isStandalone: true, selector: "sefin-form-field", inputs: { label: "label", hint: "hint", error: "error", required: "required", disabled: "disabled", inputId: "inputId", inputType: "inputType", placeholder: "placeholder", size: "size" }, ngImport: i0, template: "<div class=\"sefin-form-field\">\n  <label *ngIf=\"label\" [for]=\"inputId\" class=\"sefin-form-field__label\">\n    {{ label }}\n    <span *ngIf=\"required\" class=\"sefin-form-field__required\">*</span>\n  </label>\n  <sefin-input\n    [id]=\"inputId\"\n    [type]=\"inputType\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [size]=\"size\"\n    [class.sefin-form-field__input--error]=\"!!error\"\n  ></sefin-input>\n  <div *ngIf=\"hint && !error\" class=\"sefin-form-field__hint\">{{ hint }}</div>\n  <div *ngIf=\"error\" class=\"sefin-form-field__error\">{{ error }}</div>\n</div>\n\n", styles: [".sefin-form-field{display:flex;flex-direction:column;gap:var(--sefin-spacing-sm, 8px);width:100%}.sefin-form-field__label{font-size:var(--sefin-font-size-sm, .875rem);font-weight:var(--sefin-font-weight-medium, 500);color:var(--sefin-color-text)}.sefin-form-field__required{color:var(--sefin-color-error);margin-left:2px}.sefin-form-field__hint{font-size:var(--sefin-font-size-xs, .75rem);color:var(--sefin-color-text-secondary)}.sefin-form-field__error{font-size:var(--sefin-font-size-xs, .75rem);color:var(--sefin-color-error)}.sefin-form-field__input--error{border-color:var(--sefin-color-error)!important}.sefin-form-field__input--error:focus{box-shadow:0 0 0 3px #f443361a!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "sefin-input", inputs: ["type", "placeholder", "size", "disabled", "required", "readonly", "class", "id"], outputs: ["blur", "focus"] }, { kind: "ngmodule", type: FormsModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FormFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-form-field', standalone: true, imports: [CommonModule, InputComponent, FormsModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sefin-form-field\">\n  <label *ngIf=\"label\" [for]=\"inputId\" class=\"sefin-form-field__label\">\n    {{ label }}\n    <span *ngIf=\"required\" class=\"sefin-form-field__required\">*</span>\n  </label>\n  <sefin-input\n    [id]=\"inputId\"\n    [type]=\"inputType\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [size]=\"size\"\n    [class.sefin-form-field__input--error]=\"!!error\"\n  ></sefin-input>\n  <div *ngIf=\"hint && !error\" class=\"sefin-form-field__hint\">{{ hint }}</div>\n  <div *ngIf=\"error\" class=\"sefin-form-field__error\">{{ error }}</div>\n</div>\n\n", styles: [".sefin-form-field{display:flex;flex-direction:column;gap:var(--sefin-spacing-sm, 8px);width:100%}.sefin-form-field__label{font-size:var(--sefin-font-size-sm, .875rem);font-weight:var(--sefin-font-weight-medium, 500);color:var(--sefin-color-text)}.sefin-form-field__required{color:var(--sefin-color-error);margin-left:2px}.sefin-form-field__hint{font-size:var(--sefin-font-size-xs, .75rem);color:var(--sefin-color-text-secondary)}.sefin-form-field__error{font-size:var(--sefin-font-size-xs, .75rem);color:var(--sefin-color-error)}.sefin-form-field__input--error{border-color:var(--sefin-color-error)!important}.sefin-form-field__input--error:focus{box-shadow:0 0 0 3px #f443361a!important}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], inputType: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+class DropdownComponent {
+    options = [];
+    placeholder = 'Select an option';
+    disabled = false;
+    size = 'md';
+    selectionChange = new EventEmitter();
+    isOpen = false;
+    selectedOption = null;
+    toggle() {
+        if (!this.disabled) {
+            this.isOpen = !this.isOpen;
+        }
+    }
+    selectOption(option) {
+        if (!option.disabled) {
+            this.selectedOption = option;
+            this.isOpen = false;
+            this.selectionChange.emit(option.value);
+        }
+    }
+    get displayText() {
+        return this.selectedOption?.label || this.placeholder;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: DropdownComponent, isStandalone: true, selector: "sefin-dropdown", inputs: { options: "options", placeholder: "placeholder", disabled: "disabled", size: "size" }, outputs: { selectionChange: "selectionChange" }, ngImport: i0, template: "<div class=\"sefin-dropdown\" [class.sefin-dropdown--open]=\"isOpen\">\n  <sefin-button\n    [variant]=\"'outline'\"\n    [size]=\"size\"\n    [disabled]=\"disabled\"\n    (clicked)=\"toggle()\"\n    class=\"sefin-dropdown__trigger\"\n  >\n    {{ displayText }}\n    <span class=\"sefin-dropdown__arrow\">\u25BC</span>\n  </sefin-button>\n  <div *ngIf=\"isOpen\" class=\"sefin-dropdown__menu\">\n    <button\n      *ngFor=\"let option of options\"\n      [class.sefin-dropdown__option--disabled]=\"option.disabled\"\n      [class.sefin-dropdown__option--selected]=\"selectedOption?.value === option.value\"\n      class=\"sefin-dropdown__option\"\n      (click)=\"selectOption(option)\"\n      [disabled]=\"option.disabled\"\n    >\n      {{ option.label }}\n    </button>\n  </div>\n</div>\n\n", styles: [".sefin-dropdown{position:relative;width:100%}.sefin-dropdown__trigger{width:100%;justify-content:space-between}.sefin-dropdown__arrow{margin-left:var(--sefin-spacing-sm, 8px);transition:transform .2s ease-in-out}.sefin-dropdown--open .sefin-dropdown__arrow{transform:rotate(180deg)}.sefin-dropdown__menu{position:absolute;top:calc(100% + var(--sefin-spacing-xs, 4px));left:0;right:0;background-color:var(--sefin-color-surface);border:1px solid var(--sefin-color-border);border-radius:var(--sefin-radius-md, 8px);box-shadow:var(--sefin-shadow-lg);z-index:1000;max-height:300px;overflow-y:auto}.sefin-dropdown__option{width:100%;padding:var(--sefin-spacing-md, 16px);text-align:left;background:none;border:none;cursor:pointer;color:var(--sefin-color-text);font-size:var(--sefin-font-size-base, 1rem);transition:background-color .2s ease-in-out}.sefin-dropdown__option:hover:not(:disabled){background-color:var(--sefin-color-surface-hover)}.sefin-dropdown__option--selected{background-color:var(--sefin-color-primary);color:#fff}.sefin-dropdown__option--disabled{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "sefin-button", inputs: ["variant", "size", "disabled", "type", "class"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DropdownComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-dropdown', standalone: true, imports: [CommonModule, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sefin-dropdown\" [class.sefin-dropdown--open]=\"isOpen\">\n  <sefin-button\n    [variant]=\"'outline'\"\n    [size]=\"size\"\n    [disabled]=\"disabled\"\n    (clicked)=\"toggle()\"\n    class=\"sefin-dropdown__trigger\"\n  >\n    {{ displayText }}\n    <span class=\"sefin-dropdown__arrow\">\u25BC</span>\n  </sefin-button>\n  <div *ngIf=\"isOpen\" class=\"sefin-dropdown__menu\">\n    <button\n      *ngFor=\"let option of options\"\n      [class.sefin-dropdown__option--disabled]=\"option.disabled\"\n      [class.sefin-dropdown__option--selected]=\"selectedOption?.value === option.value\"\n      class=\"sefin-dropdown__option\"\n      (click)=\"selectOption(option)\"\n      [disabled]=\"option.disabled\"\n    >\n      {{ option.label }}\n    </button>\n  </div>\n</div>\n\n", styles: [".sefin-dropdown{position:relative;width:100%}.sefin-dropdown__trigger{width:100%;justify-content:space-between}.sefin-dropdown__arrow{margin-left:var(--sefin-spacing-sm, 8px);transition:transform .2s ease-in-out}.sefin-dropdown--open .sefin-dropdown__arrow{transform:rotate(180deg)}.sefin-dropdown__menu{position:absolute;top:calc(100% + var(--sefin-spacing-xs, 4px));left:0;right:0;background-color:var(--sefin-color-surface);border:1px solid var(--sefin-color-border);border-radius:var(--sefin-radius-md, 8px);box-shadow:var(--sefin-shadow-lg);z-index:1000;max-height:300px;overflow-y:auto}.sefin-dropdown__option{width:100%;padding:var(--sefin-spacing-md, 16px);text-align:left;background:none;border:none;cursor:pointer;color:var(--sefin-color-text);font-size:var(--sefin-font-size-base, 1rem);transition:background-color .2s ease-in-out}.sefin-dropdown__option:hover:not(:disabled){background-color:var(--sefin-color-surface-hover)}.sefin-dropdown__option--selected{background-color:var(--sefin-color-primary);color:#fff}.sefin-dropdown__option--disabled{opacity:.5;cursor:not-allowed}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }] } });
+
+class CardComponent {
+    variant = 'default';
+    class = '';
+    get cardClasses() {
+        return [
+            'sefin-card',
+            `sefin-card--${this.variant}`,
+            this.class,
+        ]
+            .filter(Boolean)
+            .join(' ');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: CardComponent, isStandalone: true, selector: "sefin-card", inputs: { variant: "variant", class: "class" }, ngImport: i0, template: "<div [class]=\"cardClasses\">\n  <ng-content></ng-content>\n</div>\n\n", styles: [".sefin-card{background-color:var(--sefin-color-surface);border-radius:var(--sefin-radius-lg, 12px);padding:var(--sefin-spacing-lg, 24px);transition:all .2s ease-in-out}.sefin-card--default{background-color:var(--sefin-color-surface)}.sefin-card--elevated{background-color:var(--sefin-color-background-elevated);box-shadow:var(--sefin-shadow-md)}.sefin-card--outlined{background-color:var(--sefin-color-surface);border:1px solid var(--sefin-color-border)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CardComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-card', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div [class]=\"cardClasses\">\n  <ng-content></ng-content>\n</div>\n\n", styles: [".sefin-card{background-color:var(--sefin-color-surface);border-radius:var(--sefin-radius-lg, 12px);padding:var(--sefin-spacing-lg, 24px);transition:all .2s ease-in-out}.sefin-card--default{background-color:var(--sefin-color-surface)}.sefin-card--elevated{background-color:var(--sefin-color-background-elevated);box-shadow:var(--sefin-shadow-md)}.sefin-card--outlined{background-color:var(--sefin-color-surface);border:1px solid var(--sefin-color-border)}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+
+/**
+ * Molecules index
+ */
+
+class HeaderComponent {
+    title = '';
+    logo = '';
+    showUserMenu = true;
+    userName = '';
+    logoClick = new EventEmitter();
+    menuClick = new EventEmitter();
+    userMenuClick = new EventEmitter();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: HeaderComponent, isStandalone: true, selector: "sefin-header", inputs: { title: "title", logo: "logo", showUserMenu: "showUserMenu", userName: "userName" }, outputs: { logoClick: "logoClick", menuClick: "menuClick", userMenuClick: "userMenuClick" }, ngImport: i0, template: "<header class=\"sefin-header\">\n  <div class=\"sefin-header__left\">\n    <div *ngIf=\"logo\" class=\"sefin-header__logo\" (click)=\"logoClick.emit()\">\n      <img [src]=\"logo\" [alt]=\"title\" />\n    </div>\n    <h1 *ngIf=\"title\" class=\"sefin-header__title\">{{ title }}</h1>\n  </div>\n  <div class=\"sefin-header__right\">\n    <sefin-button\n      *ngIf=\"showUserMenu\"\n      variant=\"ghost\"\n      size=\"md\"\n      (clicked)=\"userMenuClick.emit()\"\n      class=\"sefin-header__user-menu\"\n    >\n      <sefin-icon name=\"user\" size=\"md\"></sefin-icon>\n      <span *ngIf=\"userName\">{{ userName }}</span>\n    </sefin-button>\n    <sefin-button\n      variant=\"ghost\"\n      size=\"md\"\n      (clicked)=\"menuClick.emit()\"\n      class=\"sefin-header__menu-button\"\n    >\n      <sefin-icon name=\"menu\" size=\"md\">\u2630</sefin-icon>\n    </sefin-button>\n  </div>\n</header>\n\n", styles: [".sefin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sefin-spacing-md, 16px) var(--sefin-spacing-lg, 24px);background-color:var(--sefin-color-surface);border-bottom:1px solid var(--sefin-color-border);box-shadow:var(--sefin-shadow-sm)}.sefin-header__left{display:flex;align-items:center;gap:var(--sefin-spacing-md, 16px)}.sefin-header__logo{cursor:pointer;display:flex;align-items:center}.sefin-header__logo img{height:40px;width:auto}.sefin-header__title{font-size:var(--sefin-font-size-xl, 1.25rem);font-weight:var(--sefin-font-weight-semibold, 600);color:var(--sefin-color-text);margin:0}.sefin-header__right,.sefin-header__user-menu{display:flex;align-items:center;gap:var(--sefin-spacing-sm, 8px)}.sefin-header__menu-button{display:flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "sefin-button", inputs: ["variant", "size", "disabled", "type", "class"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "sefin-icon", inputs: ["name", "size", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: HeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-header', standalone: true, imports: [CommonModule, ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<header class=\"sefin-header\">\n  <div class=\"sefin-header__left\">\n    <div *ngIf=\"logo\" class=\"sefin-header__logo\" (click)=\"logoClick.emit()\">\n      <img [src]=\"logo\" [alt]=\"title\" />\n    </div>\n    <h1 *ngIf=\"title\" class=\"sefin-header__title\">{{ title }}</h1>\n  </div>\n  <div class=\"sefin-header__right\">\n    <sefin-button\n      *ngIf=\"showUserMenu\"\n      variant=\"ghost\"\n      size=\"md\"\n      (clicked)=\"userMenuClick.emit()\"\n      class=\"sefin-header__user-menu\"\n    >\n      <sefin-icon name=\"user\" size=\"md\"></sefin-icon>\n      <span *ngIf=\"userName\">{{ userName }}</span>\n    </sefin-button>\n    <sefin-button\n      variant=\"ghost\"\n      size=\"md\"\n      (clicked)=\"menuClick.emit()\"\n      class=\"sefin-header__menu-button\"\n    >\n      <sefin-icon name=\"menu\" size=\"md\">\u2630</sefin-icon>\n    </sefin-button>\n  </div>\n</header>\n\n", styles: [".sefin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--sefin-spacing-md, 16px) var(--sefin-spacing-lg, 24px);background-color:var(--sefin-color-surface);border-bottom:1px solid var(--sefin-color-border);box-shadow:var(--sefin-shadow-sm)}.sefin-header__left{display:flex;align-items:center;gap:var(--sefin-spacing-md, 16px)}.sefin-header__logo{cursor:pointer;display:flex;align-items:center}.sefin-header__logo img{height:40px;width:auto}.sefin-header__title{font-size:var(--sefin-font-size-xl, 1.25rem);font-weight:var(--sefin-font-weight-semibold, 600);color:var(--sefin-color-text);margin:0}.sefin-header__right,.sefin-header__user-menu{display:flex;align-items:center;gap:var(--sefin-spacing-sm, 8px)}.sefin-header__menu-button{display:flex;align-items:center}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], logo: [{
+                type: Input
+            }], showUserMenu: [{
+                type: Input
+            }], userName: [{
+                type: Input
+            }], logoClick: [{
+                type: Output
+            }], menuClick: [{
+                type: Output
+            }], userMenuClick: [{
+                type: Output
+            }] } });
+
+class LoginFormComponent {
+    email = '';
+    password = '';
+    error = '';
+    submit = new EventEmitter();
+    onSubmit() {
+        if (this.email && this.password) {
+            this.error = '';
+            this.submit.emit({
+                email: this.email,
+                password: this.password,
+            });
+        }
+        else {
+            this.error = 'Please fill in all fields';
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoginFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: LoginFormComponent, isStandalone: true, selector: "sefin-login-form", outputs: { submit: "submit" }, ngImport: i0, template: "<sefin-card variant=\"elevated\" class=\"sefin-login-form\">\n  <h2 class=\"sefin-login-form__title\">Sign In</h2>\n  <form (ngSubmit)=\"onSubmit()\" class=\"sefin-login-form__form\">\n    <sefin-form-field\n      label=\"Email\"\n      inputId=\"email\"\n      inputType=\"email\"\n      placeholder=\"Enter your email\"\n      [required]=\"true\"\n      [(ngModel)]=\"email\"\n      name=\"email\"\n    ></sefin-form-field>\n    <sefin-form-field\n      label=\"Password\"\n      inputId=\"password\"\n      inputType=\"password\"\n      placeholder=\"Enter your password\"\n      [required]=\"true\"\n      [(ngModel)]=\"password\"\n      name=\"password\"\n    ></sefin-form-field>\n    <div *ngIf=\"error\" class=\"sefin-login-form__error\">{{ error }}</div>\n    <sefin-button\n      type=\"submit\"\n      variant=\"primary\"\n      size=\"lg\"\n      class=\"sefin-login-form__submit\"\n    >\n      Sign In\n    </sefin-button>\n  </form>\n</sefin-card>\n\n", styles: [".sefin-login-form{max-width:400px;width:100%}.sefin-login-form__title{font-size:var(--sefin-font-size-2xl, 1.5rem);font-weight:var(--sefin-font-weight-semibold, 600);margin-bottom:var(--sefin-spacing-xl, 32px);text-align:center}.sefin-login-form__form{display:flex;flex-direction:column;gap:var(--sefin-spacing-lg, 24px)}.sefin-login-form__error{padding:var(--sefin-spacing-md, 16px);background-color:#f443361a;color:var(--sefin-color-error);border-radius:var(--sefin-radius-md, 8px);font-size:var(--sefin-font-size-sm, .875rem)}.sefin-login-form__submit{width:100%;margin-top:var(--sefin-spacing-md, 16px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: FormFieldComponent, selector: "sefin-form-field", inputs: ["label", "hint", "error", "required", "disabled", "inputId", "inputType", "placeholder", "size"] }, { kind: "component", type: ButtonComponent, selector: "sefin-button", inputs: ["variant", "size", "disabled", "type", "class"], outputs: ["clicked"] }, { kind: "component", type: CardComponent, selector: "sefin-card", inputs: ["variant", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LoginFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-login-form', standalone: true, imports: [CommonModule, FormsModule, FormFieldComponent, ButtonComponent, CardComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<sefin-card variant=\"elevated\" class=\"sefin-login-form\">\n  <h2 class=\"sefin-login-form__title\">Sign In</h2>\n  <form (ngSubmit)=\"onSubmit()\" class=\"sefin-login-form__form\">\n    <sefin-form-field\n      label=\"Email\"\n      inputId=\"email\"\n      inputType=\"email\"\n      placeholder=\"Enter your email\"\n      [required]=\"true\"\n      [(ngModel)]=\"email\"\n      name=\"email\"\n    ></sefin-form-field>\n    <sefin-form-field\n      label=\"Password\"\n      inputId=\"password\"\n      inputType=\"password\"\n      placeholder=\"Enter your password\"\n      [required]=\"true\"\n      [(ngModel)]=\"password\"\n      name=\"password\"\n    ></sefin-form-field>\n    <div *ngIf=\"error\" class=\"sefin-login-form__error\">{{ error }}</div>\n    <sefin-button\n      type=\"submit\"\n      variant=\"primary\"\n      size=\"lg\"\n      class=\"sefin-login-form__submit\"\n    >\n      Sign In\n    </sefin-button>\n  </form>\n</sefin-card>\n\n", styles: [".sefin-login-form{max-width:400px;width:100%}.sefin-login-form__title{font-size:var(--sefin-font-size-2xl, 1.5rem);font-weight:var(--sefin-font-weight-semibold, 600);margin-bottom:var(--sefin-spacing-xl, 32px);text-align:center}.sefin-login-form__form{display:flex;flex-direction:column;gap:var(--sefin-spacing-lg, 24px)}.sefin-login-form__error{padding:var(--sefin-spacing-md, 16px);background-color:#f443361a;color:var(--sefin-color-error);border-radius:var(--sefin-radius-md, 8px);font-size:var(--sefin-font-size-sm, .875rem)}.sefin-login-form__submit{width:100%;margin-top:var(--sefin-spacing-md, 16px)}\n"] }]
+        }], propDecorators: { submit: [{
+                type: Output
+            }] } });
+
+class ToolbarComponent {
+    title = '';
+    actions = [];
+    actionClick = new EventEmitter();
+    onActionClick(action) {
+        action.action();
+        this.actionClick.emit(action);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: ToolbarComponent, isStandalone: true, selector: "sefin-toolbar", inputs: { title: "title", actions: "actions" }, outputs: { actionClick: "actionClick" }, ngImport: i0, template: "<div class=\"sefin-toolbar\">\n  <h2 *ngIf=\"title\" class=\"sefin-toolbar__title\">{{ title }}</h2>\n  <div class=\"sefin-toolbar__actions\">\n    <sefin-button\n      *ngFor=\"let action of actions\"\n      [variant]=\"action.variant || 'primary'\"\n      size=\"md\"\n      (clicked)=\"onActionClick(action)\"\n    >\n      <sefin-icon *ngIf=\"action.icon\" [name]=\"action.icon\" size=\"sm\"></sefin-icon>\n      {{ action.label }}\n    </sefin-button>\n  </div>\n</div>\n\n", styles: [".sefin-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sefin-spacing-lg, 24px);background-color:var(--sefin-color-background-elevated);border-bottom:1px solid var(--sefin-color-border)}.sefin-toolbar__title{font-size:var(--sefin-font-size-xl, 1.25rem);font-weight:var(--sefin-font-weight-semibold, 600);color:var(--sefin-color-text);margin:0}.sefin-toolbar__actions{display:flex;align-items:center;gap:var(--sefin-spacing-md, 16px)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: ButtonComponent, selector: "sefin-button", inputs: ["variant", "size", "disabled", "type", "class"], outputs: ["clicked"] }, { kind: "component", type: IconComponent, selector: "sefin-icon", inputs: ["name", "size", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sefin-toolbar', standalone: true, imports: [CommonModule, ButtonComponent, IconComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sefin-toolbar\">\n  <h2 *ngIf=\"title\" class=\"sefin-toolbar__title\">{{ title }}</h2>\n  <div class=\"sefin-toolbar__actions\">\n    <sefin-button\n      *ngFor=\"let action of actions\"\n      [variant]=\"action.variant || 'primary'\"\n      size=\"md\"\n      (clicked)=\"onActionClick(action)\"\n    >\n      <sefin-icon *ngIf=\"action.icon\" [name]=\"action.icon\" size=\"sm\"></sefin-icon>\n      {{ action.label }}\n    </sefin-button>\n  </div>\n</div>\n\n", styles: [".sefin-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--sefin-spacing-lg, 24px);background-color:var(--sefin-color-background-elevated);border-bottom:1px solid var(--sefin-color-border)}.sefin-toolbar__title{font-size:var(--sefin-font-size-xl, 1.25rem);font-weight:var(--sefin-font-weight-semibold, 600);color:var(--sefin-color-text);margin:0}.sefin-toolbar__actions{display:flex;align-items:center;gap:var(--sefin-spacing-md, 16px)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }] } });
+
+/**
+ * Organisms index
+ */
+
 /*
- * Public API Surface of @lesterarte/sefin-ui
+ * Public API Surface of @sefin/sefin-ui
  */
 // Design Tokens
 // Styles (for importing in consuming apps)
@@ -539,5 +804,5 @@ const STYLES_PATH = './styles/index.scss';
  * Generated bundle index. Do not edit.
  */
 
-export { BORDER_RADIUS_TOKENS, BRAND_THEME, ButtonComponent, COLOR_TOKENS, DARK_THEME, DESIGN_TOKENS, LIGHT_THEME, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, TYPOGRAPHY_TOKENS, ThemeLoader };
+export { BORDER_RADIUS_TOKENS, BRAND_THEME, ButtonComponent, COLOR_TOKENS, CardComponent, DARK_THEME, DESIGN_TOKENS, DropdownComponent, FormFieldComponent, HeaderComponent, IconComponent, InputComponent, LIGHT_THEME, LoginFormComponent, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, TYPOGRAPHY_TOKENS, ThemeLoader, ToolbarComponent };
 //# sourceMappingURL=lesterarte-sefin-ui.mjs.map

package/fesm2022/lesterarte-sefin-ui.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lesterarte-sefin-ui.mjs","sources":["../../../src/tokens/colors.ts","../../../src/tokens/spacing.ts","../../../src/tokens/typography.ts","../../../src/tokens/border-radius.ts","../../../src/tokens/shadow.ts","../../../src/tokens/index.ts","../../../src/themes/light-theme.ts","../../../src/themes/dark-theme.ts","../../../src/themes/brand-theme.ts","../../../src/themes/index.ts","../../../src/utils/theme-loader.ts","../../../src/utils/index.ts","../../../src/shared/types.ts","../../../src/shared/index.ts","../../../src/atoms/button/button.component.ts","../../../src/atoms/button/button.component.html","../../../src/atoms/index.ts","../../../src/public-api.ts","../../../src/lesterarte-sefin-ui.ts"],"sourcesContent":["/**\n * Color design tokens as TypeScript constants\n * Based on Secretaría de Finanzas brand guidelines\n * These values are the source of truth for all color tokens\n */\n\nexport const COLOR_TOKENS = {\n  // Primary colors - Secretaría de Finanzas brand colors\n  primary: {\n    // Light Blue (Azul Claro) - Primary brand color\n    50: '#e6f7fb',\n    100: '#b3e5f0',\n    200: '#80d3e5',\n    300: '#4dc1da',\n    400: '#2ab0cf',\n    500: '#55C3D8', // Primary Light Blue from brand guidelines\n    600: '#4aafc4',\n    700: '#3f9bb0',\n    800: '#34879c',\n    900: '#297388',\n  },\n  // Secondary colors - Grays from brand guidelines\n  secondary: {\n    // Based on Dark Gray and Light Gray from brand\n    50: '#f5f5f5',\n    100: '#e8e8e8',\n    200: '#cecece', // Light Gray from brand guidelines\n    300: '#b5b5b5',\n    400: '#9b9b9b',\n    500: '#828282',\n    600: '#686868',\n    700: '#4f4f4f',\n    800: '#383838', // Dark Gray from brand guidelines\n    900: '#2a2a2a',\n  },\n  // Neutral colors - Based on brand grays\n  neutral: {\n    50: '#ffffff', // White from brand guidelines\n    100: '#f5f5f5',\n    200: '#cecece', // Light Gray\n    300: '#b5b5b5',\n    400: '#9b9b9b',\n    500: '#828282',\n    600: '#686868',\n    700: '#4f4f4f',\n    800: '#383838', // Dark Gray\n    900: '#2a2a2a',\n  },\n  // Semantic colors - Keeping standard semantic colors\n  success: {\n    50: '#e8f5e9',\n    100: '#c8e6c9',\n    200: '#a5d6a7',\n    300: '#81c784',\n    400: '#66bb6a',\n    500: '#4caf50',\n    600: '#43a047',\n    700: '#388e3c',\n    800: '#2e7d32',\n    900: '#1b5e20',\n  },\n  warning: {\n    50: '#fff3e0',\n    100: '#ffe0b2',\n    200: '#ffcc80',\n    300: '#ffb74d',\n    400: '#ffa726',\n    500: '#ff9800',\n    600: '#fb8c00',\n    700: '#f57c00',\n    800: '#ef6c00',\n    900: '#e65100',\n  },\n  error: {\n    50: '#ffebee',\n    100: '#ffcdd2',\n    200: '#ef9a9a',\n    300: '#e57373',\n    400: '#ef5350',\n    500: '#f44336',\n    600: '#e53935',\n    700: '#d32f2f',\n    800: '#c62828',\n    900: '#b71c1c',\n  },\n  info: {\n    50: '#e0f2f1',\n    100: '#b2dfdb',\n    200: '#80cbc4',\n    300: '#4db6ac',\n    400: '#26a69a',\n    500: '#009688',\n    600: '#00897b',\n    700: '#00796b',\n    800: '#00695c',\n    900: '#004d40',\n  },\n  // Brand-specific colors\n  brand: {\n    darkGray: '#383838', // Dark Gray from brand guidelines\n    lightGray: '#cecece', // Light Gray from brand guidelines\n    lightBlue: '#55C3D8', // Light Blue from brand guidelines\n    white: '#ffffff', // White from brand guidelines\n  },\n} as const;\n\n/**\n * Color token names for CSS variable generation\n */\nexport type ColorTokenName =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n  | 'brand';\n\nexport type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n","/**\n * Spacing design tokens\n * Based on 8px grid system\n */\n\nexport const SPACING_TOKENS = {\n  xs: '4px',\n  sm: '8px',\n  md: '16px',\n  lg: '24px',\n  xl: '32px',\n  '2xl': '48px',\n  '3xl': '64px',\n  '4xl': '96px',\n  '5xl': '128px',\n} as const;\n\nexport type SpacingToken = keyof typeof SPACING_TOKENS;\n\n","/**\n * Typography design tokens\n * Based on Secretaría de Finanzas brand guidelines - Pluto typeface\n */\n\nexport const TYPOGRAPHY_TOKENS = {\n  fontFamily: {\n    base: \"'Pluto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n    mono: \"'Fira Code', 'Courier New', monospace\",\n  },\n  fontSize: {\n    xs: '0.75rem', // 12px\n    sm: '0.875rem', // 14px\n    base: '1rem', // 16px\n    lg: '1.125rem', // 18px\n    xl: '1.25rem', // 20px\n    '2xl': '1.5rem', // 24px\n    '3xl': '1.875rem', // 30px\n    '4xl': '2.25rem', // 36px\n    '5xl': '3rem', // 48px\n  },\n  fontWeight: {\n    light: 300, // Pluto-Light\n    normal: 400, // Pluto-Regular\n    medium: 500,\n    semibold: 600,\n    bold: 700, // Pluto-Bold\n  },\n  lineHeight: {\n    tight: 1.25,\n    normal: 1.5,\n    relaxed: 1.75,\n  },\n} as const;\n\nexport type TypographyToken = keyof typeof TYPOGRAPHY_TOKENS;\n","/**\n * Border radius design tokens\n */\n\nexport const BORDER_RADIUS_TOKENS = {\n  none: '0',\n  sm: '4px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  '2xl': '24px',\n  full: '9999px',\n} as const;\n\nexport type BorderRadiusToken = keyof typeof BORDER_RADIUS_TOKENS;\n\n","/**\n * Shadow design tokens\n */\n\nexport const SHADOW_TOKENS = {\n  none: 'none',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n  '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n} as const;\n\nexport type ShadowToken = keyof typeof SHADOW_TOKENS;\n\n","/**\n * Design tokens index\n * Central export for all design tokens\n */\n\nexport * from './colors';\nexport * from './spacing';\nexport * from './typography';\nexport * from './border-radius';\nexport * from './shadow';\n\n/**\n * All design tokens combined\n */\nexport const DESIGN_TOKENS = {\n  colors: () => import('./colors').then(m => m.COLOR_TOKENS),\n  spacing: () => import('./spacing').then(m => m.SPACING_TOKENS),\n  typography: () => import('./typography').then(m => m.TYPOGRAPHY_TOKENS),\n  borderRadius: () => import('./border-radius').then(m => m.BORDER_RADIUS_TOKENS),\n  shadow: () => import('./shadow').then(m => m.SHADOW_TOKENS),\n};\n\n","import { COLOR_TOKENS } from '../tokens/colors';\n\n/**\n * Light theme configuration\n * Based on Secretaría de Finanzas brand colors\n */\nexport const LIGHT_THEME = {\n  name: 'light',\n  colors: {\n    // Primary color is Light Blue from brand\n    primary: COLOR_TOKENS.brand.lightBlue,\n    'primary-dark': COLOR_TOKENS.primary[700],\n    'primary-light': COLOR_TOKENS.primary[300],\n    // Secondary uses Dark Gray\n    secondary: COLOR_TOKENS.brand.darkGray,\n    'secondary-dark': COLOR_TOKENS.secondary[900],\n    'secondary-light': COLOR_TOKENS.secondary[600],\n    // Background uses White and Light Gray\n    background: COLOR_TOKENS.brand.white,\n    'background-elevated': COLOR_TOKENS.brand.white,\n    surface: COLOR_TOKENS.brand.white,\n    'surface-hover': COLOR_TOKENS.brand.lightGray,\n    // Text uses Dark Gray\n    text: COLOR_TOKENS.brand.darkGray,\n    'text-secondary': COLOR_TOKENS.secondary[600],\n    'text-disabled': COLOR_TOKENS.secondary[400],\n    // Borders use Light Gray\n    border: COLOR_TOKENS.brand.lightGray,\n    'border-focus': COLOR_TOKENS.brand.lightBlue,\n    // Semantic colors\n    success: COLOR_TOKENS.success[500],\n    warning: COLOR_TOKENS.warning[500],\n    error: COLOR_TOKENS.error[500],\n    info: COLOR_TOKENS.info[500],\n  },\n} as const;\n","import { COLOR_TOKENS } from '../tokens/colors';\n\n/**\n * Dark theme configuration\n * Based on Secretaría de Finanzas brand colors (inverted)\n */\nexport const DARK_THEME = {\n  name: 'dark',\n  colors: {\n    // Primary color remains Light Blue\n    primary: COLOR_TOKENS.brand.lightBlue,\n    'primary-dark': COLOR_TOKENS.primary[300],\n    'primary-light': COLOR_TOKENS.primary[700],\n    // Secondary uses Light Gray for contrast\n    secondary: COLOR_TOKENS.brand.lightGray,\n    'secondary-dark': COLOR_TOKENS.secondary[400],\n    'secondary-light': COLOR_TOKENS.secondary[200],\n    // Background uses Dark Gray\n    background: COLOR_TOKENS.brand.darkGray,\n    'background-elevated': COLOR_TOKENS.secondary[700],\n    surface: COLOR_TOKENS.secondary[700],\n    'surface-hover': COLOR_TOKENS.secondary[600],\n    // Text uses White and Light Gray\n    text: COLOR_TOKENS.brand.white,\n    'text-secondary': COLOR_TOKENS.brand.lightGray,\n    'text-disabled': COLOR_TOKENS.secondary[500],\n    // Borders use medium gray\n    border: COLOR_TOKENS.secondary[600],\n    'border-focus': COLOR_TOKENS.brand.lightBlue,\n    // Semantic colors\n    success: COLOR_TOKENS.success[400],\n    warning: COLOR_TOKENS.warning[400],\n    error: COLOR_TOKENS.error[400],\n    info: COLOR_TOKENS.info[400],\n  },\n} as const;\n","import { COLOR_TOKENS } from '../tokens/colors';\n\n/**\n * Brand theme configuration\n * Exact colors from Secretaría de Finanzas brand guidelines\n */\nexport const BRAND_THEME = {\n  name: 'brand',\n  colors: {\n    // Primary: Light Blue from brand guidelines\n    primary: COLOR_TOKENS.brand.lightBlue, // #55C3D8\n    'primary-dark': COLOR_TOKENS.primary[700],\n    'primary-light': COLOR_TOKENS.primary[300],\n    // Secondary: Dark Gray from brand guidelines\n    secondary: COLOR_TOKENS.brand.darkGray, // #383838\n    'secondary-dark': COLOR_TOKENS.secondary[900],\n    'secondary-light': COLOR_TOKENS.secondary[600],\n    // Background: White from brand guidelines\n    background: COLOR_TOKENS.brand.white, // #ffffff\n    'background-elevated': COLOR_TOKENS.brand.white,\n    surface: COLOR_TOKENS.brand.white,\n    'surface-hover': COLOR_TOKENS.brand.lightGray, // #cecece\n    // Text: Dark Gray from brand guidelines\n    text: COLOR_TOKENS.brand.darkGray, // #383838\n    'text-secondary': COLOR_TOKENS.secondary[600],\n    'text-disabled': COLOR_TOKENS.secondary[400],\n    // Border: Light Gray from brand guidelines\n    border: COLOR_TOKENS.brand.lightGray, // #cecece\n    'border-focus': COLOR_TOKENS.brand.lightBlue, // #55C3D8\n    // Semantic colors\n    success: COLOR_TOKENS.success[500],\n    warning: COLOR_TOKENS.warning[500],\n    error: COLOR_TOKENS.error[500],\n    info: COLOR_TOKENS.info[500],\n  },\n} as const;\n","/**\n * Themes index\n */\nexport * from './light-theme';\nexport * from './dark-theme';\nexport * from './brand-theme';\n\nexport type Theme = 'light' | 'dark' | 'brand';\n\n","import { LIGHT_THEME } from '../themes/light-theme';\nimport { DARK_THEME } from '../themes/dark-theme';\nimport { BRAND_THEME } from '../themes/brand-theme';\nimport { SPACING_TOKENS } from '../tokens/spacing';\nimport { TYPOGRAPHY_TOKENS } from '../tokens/typography';\nimport { BORDER_RADIUS_TOKENS } from '../tokens/border-radius';\nimport { SHADOW_TOKENS } from '../tokens/shadow';\nimport type { Theme } from '../themes';\nimport type { CustomTheme } from '../shared/types';\n\n/**\n * Theme loader utility\n * Generates CSS variables from design tokens\n */\nexport class ThemeLoader {\n  /**\n   * Load a theme and apply it to the document root\n   * @param themeName - Predefined theme name ('light', 'dark', 'brand') or a CustomTheme object\n   */\n  static loadTheme(themeName: Theme | CustomTheme = 'light'): void {\n    const theme = typeof themeName === 'string' ? this.getTheme(themeName) : themeName;\n    const root = document.documentElement;\n\n    // Apply color tokens\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      if (value) {\n        root.style.setProperty(`--sefin-color-${key}`, value);\n      }\n    });\n\n    // Apply spacing tokens (use custom if provided, otherwise use defaults)\n    const spacingTokens = typeof themeName === 'object' && themeName.spacing \n      ? { ...SPACING_TOKENS, ...themeName.spacing }\n      : SPACING_TOKENS;\n    Object.entries(spacingTokens).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-spacing-${key}`, value);\n    });\n\n    // Apply typography tokens (use custom if provided, otherwise use defaults)\n    const typographyTokens = typeof themeName === 'object' && themeName.typography\n      ? {\n          fontFamily: { ...TYPOGRAPHY_TOKENS.fontFamily, ...themeName.typography.fontFamily },\n          fontSize: { ...TYPOGRAPHY_TOKENS.fontSize, ...themeName.typography.fontSize },\n          fontWeight: { ...TYPOGRAPHY_TOKENS.fontWeight, ...themeName.typography.fontWeight },\n          lineHeight: { ...TYPOGRAPHY_TOKENS.lineHeight, ...themeName.typography.lineHeight },\n        }\n      : TYPOGRAPHY_TOKENS;\n\n    Object.entries(typographyTokens.fontFamily).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-font-family-${key}`, value);\n    });\n    Object.entries(typographyTokens.fontSize).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-font-size-${key}`, value);\n    });\n    Object.entries(typographyTokens.fontWeight).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-font-weight-${key}`, String(value));\n    });\n    Object.entries(typographyTokens.lineHeight).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-line-height-${key}`, String(value));\n    });\n\n    // Apply border radius tokens (use custom if provided, otherwise use defaults)\n    const borderRadiusTokens = typeof themeName === 'object' && themeName.borderRadius\n      ? { ...BORDER_RADIUS_TOKENS, ...themeName.borderRadius }\n      : BORDER_RADIUS_TOKENS;\n    Object.entries(borderRadiusTokens).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-radius-${key}`, value);\n    });\n\n    // Apply shadow tokens (use custom if provided, otherwise use defaults)\n    const shadowTokens = typeof themeName === 'object' && themeName.shadow\n      ? { ...SHADOW_TOKENS, ...themeName.shadow }\n      : SHADOW_TOKENS;\n    Object.entries(shadowTokens).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-shadow-${key}`, value);\n    });\n\n    // Set theme attribute for CSS selectors\n    const themeAttribute = typeof themeName === 'string' ? themeName : themeName.name;\n    root.setAttribute('data-theme', themeAttribute);\n  }\n\n  /**\n   * Get theme configuration by name\n   */\n  private static getTheme(themeName: Theme) {\n    switch (themeName) {\n      case 'dark':\n        return DARK_THEME;\n      case 'brand':\n        return BRAND_THEME;\n      case 'light':\n      default:\n        return LIGHT_THEME;\n    }\n  }\n\n  /**\n   * Get all CSS variables as a string (useful for SSR or static generation)\n   * @param themeName - Predefined theme name ('light', 'dark', 'brand') or a CustomTheme object\n   */\n  static getThemeCSS(themeName: Theme | CustomTheme = 'light'): string {\n    const theme = typeof themeName === 'string' ? this.getTheme(themeName) : themeName;\n    let css = ':root {\\n';\n\n    // Color tokens\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      if (value) {\n        css += `  --sefin-color-${key}: ${value};\\n`;\n      }\n    });\n\n    // Spacing tokens\n    const spacingTokens = typeof themeName === 'object' && themeName.spacing \n      ? { ...SPACING_TOKENS, ...themeName.spacing }\n      : SPACING_TOKENS;\n    Object.entries(spacingTokens).forEach(([key, value]) => {\n      css += `  --sefin-spacing-${key}: ${value};\\n`;\n    });\n\n    // Typography tokens\n    const typographyTokens = typeof themeName === 'object' && themeName.typography\n      ? {\n          fontFamily: { ...TYPOGRAPHY_TOKENS.fontFamily, ...themeName.typography.fontFamily },\n          fontSize: { ...TYPOGRAPHY_TOKENS.fontSize, ...themeName.typography.fontSize },\n          fontWeight: { ...TYPOGRAPHY_TOKENS.fontWeight, ...themeName.typography.fontWeight },\n          lineHeight: { ...TYPOGRAPHY_TOKENS.lineHeight, ...themeName.typography.lineHeight },\n        }\n      : TYPOGRAPHY_TOKENS;\n\n    Object.entries(typographyTokens.fontFamily).forEach(([key, value]) => {\n      css += `  --sefin-font-family-${key}: ${value};\\n`;\n    });\n    Object.entries(typographyTokens.fontSize).forEach(([key, value]) => {\n      css += `  --sefin-font-size-${key}: ${value};\\n`;\n    });\n    Object.entries(typographyTokens.fontWeight).forEach(([key, value]) => {\n      css += `  --sefin-font-weight-${key}: ${value};\\n`;\n    });\n    Object.entries(typographyTokens.lineHeight).forEach(([key, value]) => {\n      css += `  --sefin-line-height-${key}: ${value};\\n`;\n    });\n\n    // Border radius tokens\n    const borderRadiusTokens = typeof themeName === 'object' && themeName.borderRadius\n      ? { ...BORDER_RADIUS_TOKENS, ...themeName.borderRadius }\n      : BORDER_RADIUS_TOKENS;\n    Object.entries(borderRadiusTokens).forEach(([key, value]) => {\n      css += `  --sefin-radius-${key}: ${value};\\n`;\n    });\n\n    // Shadow tokens\n    const shadowTokens = typeof themeName === 'object' && themeName.shadow\n      ? { ...SHADOW_TOKENS, ...themeName.shadow }\n      : SHADOW_TOKENS;\n    Object.entries(shadowTokens).forEach(([key, value]) => {\n      css += `  --sefin-shadow-${key}: ${value};\\n`;\n    });\n\n    css += '}\\n';\n    return css;\n  }\n}\n\n","/**\n * Utilities index\n */\nexport * from './theme-loader';\n\n","/**\n * Shared types and interfaces\n */\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type InputSize = 'sm' | 'md' | 'lg';\nexport type CardVariant = 'default' | 'elevated' | 'outlined';\n\nexport interface BaseComponent {\n  disabled?: boolean;\n  class?: string;\n}\n\n/**\n * Custom theme configuration interface\n * Allows users to create their own themes with custom colors, typography, spacing, etc.\n */\nexport interface CustomTheme {\n  name: string;\n  colors: {\n    primary: string;\n    'primary-dark'?: string;\n    'primary-light'?: string;\n    secondary: string;\n    'secondary-dark'?: string;\n    'secondary-light'?: string;\n    background: string;\n    'background-elevated'?: string;\n    surface: string;\n    'surface-hover'?: string;\n    text: string;\n    'text-secondary'?: string;\n    'text-disabled'?: string;\n    border: string;\n    'border-focus'?: string;\n    success?: string;\n    warning?: string;\n    error?: string;\n    info?: string;\n    [key: string]: string | undefined;\n  };\n  typography?: {\n    fontFamily?: {\n      base?: string;\n      mono?: string;\n      [key: string]: string | undefined;\n    };\n    fontSize?: {\n      xs?: string;\n      sm?: string;\n      base?: string;\n      lg?: string;\n      xl?: string;\n      '2xl'?: string;\n      '3xl'?: string;\n      '4xl'?: string;\n      '5xl'?: string;\n      [key: string]: string | undefined;\n    };\n    fontWeight?: {\n      light?: number;\n      normal?: number;\n      medium?: number;\n      semibold?: number;\n      bold?: number;\n      [key: string]: number | undefined;\n    };\n    lineHeight?: {\n      tight?: number;\n      normal?: number;\n      relaxed?: number;\n      [key: string]: number | undefined;\n    };\n  };\n  spacing?: {\n    xs?: string;\n    sm?: string;\n    md?: string;\n    lg?: string;\n    xl?: string;\n    '2xl'?: string;\n    '3xl'?: string;\n    '4xl'?: string;\n    '5xl'?: string;\n    [key: string]: string | undefined;\n  };\n  borderRadius?: {\n    none?: string;\n    sm?: string;\n    md?: string;\n    lg?: string;\n    xl?: string;\n    '2xl'?: string;\n    full?: string;\n    [key: string]: string | undefined;\n  };\n  shadow?: {\n    none?: string;\n    sm?: string;\n    md?: string;\n    lg?: string;\n    xl?: string;\n    '2xl'?: string;\n    [key: string]: string | undefined;\n  };\n}\n\n","/**\n * Shared index\n */\nexport * from './types';\n\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonVariant, ButtonSize } from '../../shared/types';\n\n@Component({\n  selector: 'sefin-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonComponent {\n  @Input() variant: ButtonVariant = 'primary';\n  @Input() size: ButtonSize = 'md';\n  @Input() disabled = false;\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  @Input() class = '';\n\n  @Output() clicked = new EventEmitter<MouseEvent>();\n\n  onClick(event: MouseEvent): void {\n    if (!this.disabled) {\n      this.clicked.emit(event);\n    }\n  }\n\n  get buttonClasses(): string {\n    return [\n      'sefin-button',\n      `sefin-button--${this.variant}`,\n      `sefin-button--${this.size}`,\n      this.disabled ? 'sefin-button--disabled' : '',\n      this.class,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n}\n\n","<button [type]=\"type\" [disabled]=\"disabled\" [class]=\"buttonClasses\" (click)=\"onClick($event)\">\n  <ng-content></ng-content>\n</button>\n","/**\n * Atoms index\n */\nexport * from './button/button.component';\n\n","/*\n * Public API Surface of @lesterarte/sefin-ui\n */\n\n// Design Tokens\nexport * from './tokens';\n\n// Themes\nexport * from './themes';\n\n// Utilities\nexport * from './utils';\n\n// Shared\nexport * from './shared';\n\n// Atoms\nexport * from './atoms';\n\n// Styles (for importing in consuming apps)\nexport const STYLES_PATH = './styles/index.scss';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"lesterarte-sefin-ui.mjs","sources":["../../../src/tokens/colors.ts","../../../src/tokens/spacing.ts","../../../src/tokens/typography.ts","../../../src/tokens/border-radius.ts","../../../src/tokens/shadow.ts","../../../src/tokens/index.ts","../../../src/themes/light-theme.ts","../../../src/themes/dark-theme.ts","../../../src/themes/brand-theme.ts","../../../src/themes/index.ts","../../../src/utils/theme-loader.ts","../../../src/utils/index.ts","../../../src/shared/types.ts","../../../src/shared/index.ts","../../../src/atoms/button/button.component.ts","../../../src/atoms/button/button.component.html","../../../src/atoms/icon/icon.component.ts","../../../src/atoms/icon/icon.component.html","../../../src/atoms/input/input.component.ts","../../../src/atoms/input/input.component.html","../../../src/atoms/index.ts","../../../src/molecules/form-field/form-field.component.ts","../../../src/molecules/form-field/form-field.component.html","../../../src/molecules/dropdown/dropdown.component.ts","../../../src/molecules/dropdown/dropdown.component.html","../../../src/molecules/card/card.component.ts","../../../src/molecules/card/card.component.html","../../../src/molecules/index.ts","../../../src/organisms/header/header.component.ts","../../../src/organisms/header/header.component.html","../../../src/organisms/login-form/login-form.component.ts","../../../src/organisms/login-form/login-form.component.html","../../../src/organisms/toolbar/toolbar.component.ts","../../../src/organisms/toolbar/toolbar.component.html","../../../src/organisms/index.ts","../../../src/public-api.ts","../../../src/lesterarte-sefin-ui.ts"],"sourcesContent":["/**\n * Color design tokens as TypeScript constants\n * Based on Secretaría de Finanzas brand guidelines\n * These values are the source of truth for all color tokens\n */\n\nexport const COLOR_TOKENS = {\n  // Primary colors - Secretaría de Finanzas brand colors\n  primary: {\n    // Light Blue (Azul Claro) - Primary brand color\n    50: '#e6f7fb',\n    100: '#b3e5f0',\n    200: '#80d3e5',\n    300: '#4dc1da',\n    400: '#2ab0cf',\n    500: '#55C3D8', // Primary Light Blue from brand guidelines\n    600: '#4aafc4',\n    700: '#3f9bb0',\n    800: '#34879c',\n    900: '#297388',\n  },\n  // Secondary colors - Grays from brand guidelines\n  secondary: {\n    // Based on Dark Gray and Light Gray from brand\n    50: '#f5f5f5',\n    100: '#e8e8e8',\n    200: '#cecece', // Light Gray from brand guidelines\n    300: '#b5b5b5',\n    400: '#9b9b9b',\n    500: '#828282',\n    600: '#686868',\n    700: '#4f4f4f',\n    800: '#383838', // Dark Gray from brand guidelines\n    900: '#2a2a2a',\n  },\n  // Neutral colors - Based on brand grays\n  neutral: {\n    50: '#ffffff', // White from brand guidelines\n    100: '#f5f5f5',\n    200: '#cecece', // Light Gray\n    300: '#b5b5b5',\n    400: '#9b9b9b',\n    500: '#828282',\n    600: '#686868',\n    700: '#4f4f4f',\n    800: '#383838', // Dark Gray\n    900: '#2a2a2a',\n  },\n  // Semantic colors - Keeping standard semantic colors\n  success: {\n    50: '#e8f5e9',\n    100: '#c8e6c9',\n    200: '#a5d6a7',\n    300: '#81c784',\n    400: '#66bb6a',\n    500: '#4caf50',\n    600: '#43a047',\n    700: '#388e3c',\n    800: '#2e7d32',\n    900: '#1b5e20',\n  },\n  warning: {\n    50: '#fff3e0',\n    100: '#ffe0b2',\n    200: '#ffcc80',\n    300: '#ffb74d',\n    400: '#ffa726',\n    500: '#ff9800',\n    600: '#fb8c00',\n    700: '#f57c00',\n    800: '#ef6c00',\n    900: '#e65100',\n  },\n  error: {\n    50: '#ffebee',\n    100: '#ffcdd2',\n    200: '#ef9a9a',\n    300: '#e57373',\n    400: '#ef5350',\n    500: '#f44336',\n    600: '#e53935',\n    700: '#d32f2f',\n    800: '#c62828',\n    900: '#b71c1c',\n  },\n  info: {\n    50: '#e0f2f1',\n    100: '#b2dfdb',\n    200: '#80cbc4',\n    300: '#4db6ac',\n    400: '#26a69a',\n    500: '#009688',\n    600: '#00897b',\n    700: '#00796b',\n    800: '#00695c',\n    900: '#004d40',\n  },\n  // Brand-specific colors\n  brand: {\n    darkGray: '#383838', // Dark Gray from brand guidelines\n    lightGray: '#cecece', // Light Gray from brand guidelines\n    lightBlue: '#55C3D8', // Light Blue from brand guidelines\n    white: '#ffffff', // White from brand guidelines\n  },\n} as const;\n\n/**\n * Color token names for CSS variable generation\n */\nexport type ColorTokenName =\n  | 'primary'\n  | 'secondary'\n  | 'neutral'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'info'\n  | 'brand';\n\nexport type ColorShade = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n","/**\n * Spacing design tokens\n * Based on 8px grid system\n */\n\nexport const SPACING_TOKENS = {\n  xs: '4px',\n  sm: '8px',\n  md: '16px',\n  lg: '24px',\n  xl: '32px',\n  '2xl': '48px',\n  '3xl': '64px',\n  '4xl': '96px',\n  '5xl': '128px',\n} as const;\n\nexport type SpacingToken = keyof typeof SPACING_TOKENS;\n\n","/**\n * Typography design tokens\n * Based on Secretaría de Finanzas brand guidelines - Pluto typeface\n */\n\nexport const TYPOGRAPHY_TOKENS = {\n  fontFamily: {\n    base: \"'Pluto', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif\",\n    mono: \"'Fira Code', 'Courier New', monospace\",\n  },\n  fontSize: {\n    xs: '0.75rem', // 12px\n    sm: '0.875rem', // 14px\n    base: '1rem', // 16px\n    lg: '1.125rem', // 18px\n    xl: '1.25rem', // 20px\n    '2xl': '1.5rem', // 24px\n    '3xl': '1.875rem', // 30px\n    '4xl': '2.25rem', // 36px\n    '5xl': '3rem', // 48px\n  },\n  fontWeight: {\n    light: 300, // Pluto-Light\n    normal: 400, // Pluto-Regular\n    medium: 500,\n    semibold: 600,\n    bold: 700, // Pluto-Bold\n  },\n  lineHeight: {\n    tight: 1.25,\n    normal: 1.5,\n    relaxed: 1.75,\n  },\n} as const;\n\nexport type TypographyToken = keyof typeof TYPOGRAPHY_TOKENS;\n","/**\n * Border radius design tokens\n */\n\nexport const BORDER_RADIUS_TOKENS = {\n  none: '0',\n  sm: '4px',\n  md: '8px',\n  lg: '12px',\n  xl: '16px',\n  '2xl': '24px',\n  full: '9999px',\n} as const;\n\nexport type BorderRadiusToken = keyof typeof BORDER_RADIUS_TOKENS;\n\n","/**\n * Shadow design tokens\n */\n\nexport const SHADOW_TOKENS = {\n  none: 'none',\n  sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',\n  md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',\n  lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',\n  xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)',\n  '2xl': '0 25px 50px -12px rgba(0, 0, 0, 0.25)',\n} as const;\n\nexport type ShadowToken = keyof typeof SHADOW_TOKENS;\n\n","/**\n * Design tokens index\n * Central export for all design tokens\n */\n\nexport * from './colors';\nexport * from './spacing';\nexport * from './typography';\nexport * from './border-radius';\nexport * from './shadow';\n\n/**\n * All design tokens combined\n */\nexport const DESIGN_TOKENS = {\n  colors: () => import('./colors').then(m => m.COLOR_TOKENS),\n  spacing: () => import('./spacing').then(m => m.SPACING_TOKENS),\n  typography: () => import('./typography').then(m => m.TYPOGRAPHY_TOKENS),\n  borderRadius: () => import('./border-radius').then(m => m.BORDER_RADIUS_TOKENS),\n  shadow: () => import('./shadow').then(m => m.SHADOW_TOKENS),\n};\n\n","import { COLOR_TOKENS } from '../tokens/colors';\n\n/**\n * Light theme configuration\n * Based on Secretaría de Finanzas brand colors\n */\nexport const LIGHT_THEME = {\n  name: 'light',\n  colors: {\n    // Primary color is Light Blue from brand\n    primary: COLOR_TOKENS.brand.lightBlue,\n    'primary-dark': COLOR_TOKENS.primary[700],\n    'primary-light': COLOR_TOKENS.primary[300],\n    // Secondary uses Dark Gray\n    secondary: COLOR_TOKENS.brand.darkGray,\n    'secondary-dark': COLOR_TOKENS.secondary[900],\n    'secondary-light': COLOR_TOKENS.secondary[600],\n    // Background uses White and Light Gray\n    background: COLOR_TOKENS.brand.white,\n    'background-elevated': COLOR_TOKENS.brand.white,\n    surface: COLOR_TOKENS.brand.white,\n    'surface-hover': COLOR_TOKENS.brand.lightGray,\n    // Text uses Dark Gray\n    text: COLOR_TOKENS.brand.darkGray,\n    'text-secondary': COLOR_TOKENS.secondary[600],\n    'text-disabled': COLOR_TOKENS.secondary[400],\n    // Borders use Light Gray\n    border: COLOR_TOKENS.brand.lightGray,\n    'border-focus': COLOR_TOKENS.brand.lightBlue,\n    // Semantic colors\n    success: COLOR_TOKENS.success[500],\n    warning: COLOR_TOKENS.warning[500],\n    error: COLOR_TOKENS.error[500],\n    info: COLOR_TOKENS.info[500],\n  },\n} as const;\n","import { COLOR_TOKENS } from '../tokens/colors';\n\n/**\n * Dark theme configuration\n * Based on Secretaría de Finanzas brand colors (inverted)\n */\nexport const DARK_THEME = {\n  name: 'dark',\n  colors: {\n    // Primary color remains Light Blue\n    primary: COLOR_TOKENS.brand.lightBlue,\n    'primary-dark': COLOR_TOKENS.primary[300],\n    'primary-light': COLOR_TOKENS.primary[700],\n    // Secondary uses Light Gray for contrast\n    secondary: COLOR_TOKENS.brand.lightGray,\n    'secondary-dark': COLOR_TOKENS.secondary[400],\n    'secondary-light': COLOR_TOKENS.secondary[200],\n    // Background uses Dark Gray\n    background: COLOR_TOKENS.brand.darkGray,\n    'background-elevated': COLOR_TOKENS.secondary[700],\n    surface: COLOR_TOKENS.secondary[700],\n    'surface-hover': COLOR_TOKENS.secondary[600],\n    // Text uses White and Light Gray\n    text: COLOR_TOKENS.brand.white,\n    'text-secondary': COLOR_TOKENS.brand.lightGray,\n    'text-disabled': COLOR_TOKENS.secondary[500],\n    // Borders use medium gray\n    border: COLOR_TOKENS.secondary[600],\n    'border-focus': COLOR_TOKENS.brand.lightBlue,\n    // Semantic colors\n    success: COLOR_TOKENS.success[400],\n    warning: COLOR_TOKENS.warning[400],\n    error: COLOR_TOKENS.error[400],\n    info: COLOR_TOKENS.info[400],\n  },\n} as const;\n","import { COLOR_TOKENS } from '../tokens/colors';\n\n/**\n * Brand theme configuration\n * Exact colors from Secretaría de Finanzas brand guidelines\n */\nexport const BRAND_THEME = {\n  name: 'brand',\n  colors: {\n    // Primary: Light Blue from brand guidelines\n    primary: COLOR_TOKENS.brand.lightBlue, // #55C3D8\n    'primary-dark': COLOR_TOKENS.primary[700],\n    'primary-light': COLOR_TOKENS.primary[300],\n    // Secondary: Dark Gray from brand guidelines\n    secondary: COLOR_TOKENS.brand.darkGray, // #383838\n    'secondary-dark': COLOR_TOKENS.secondary[900],\n    'secondary-light': COLOR_TOKENS.secondary[600],\n    // Background: White from brand guidelines\n    background: COLOR_TOKENS.brand.white, // #ffffff\n    'background-elevated': COLOR_TOKENS.brand.white,\n    surface: COLOR_TOKENS.brand.white,\n    'surface-hover': COLOR_TOKENS.brand.lightGray, // #cecece\n    // Text: Dark Gray from brand guidelines\n    text: COLOR_TOKENS.brand.darkGray, // #383838\n    'text-secondary': COLOR_TOKENS.secondary[600],\n    'text-disabled': COLOR_TOKENS.secondary[400],\n    // Border: Light Gray from brand guidelines\n    border: COLOR_TOKENS.brand.lightGray, // #cecece\n    'border-focus': COLOR_TOKENS.brand.lightBlue, // #55C3D8\n    // Semantic colors\n    success: COLOR_TOKENS.success[500],\n    warning: COLOR_TOKENS.warning[500],\n    error: COLOR_TOKENS.error[500],\n    info: COLOR_TOKENS.info[500],\n  },\n} as const;\n","/**\n * Themes index\n */\nexport * from './light-theme';\nexport * from './dark-theme';\nexport * from './brand-theme';\n\nexport type Theme = 'light' | 'dark' | 'brand';\n\n","import { LIGHT_THEME } from '../themes/light-theme';\nimport { DARK_THEME } from '../themes/dark-theme';\nimport { BRAND_THEME } from '../themes/brand-theme';\nimport { SPACING_TOKENS } from '../tokens/spacing';\nimport { TYPOGRAPHY_TOKENS } from '../tokens/typography';\nimport { BORDER_RADIUS_TOKENS } from '../tokens/border-radius';\nimport { SHADOW_TOKENS } from '../tokens/shadow';\nimport type { Theme } from '../themes';\n\n/**\n * Theme loader utility\n * Generates CSS variables from design tokens\n */\nexport class ThemeLoader {\n  /**\n   * Load a theme and apply it to the document root\n   */\n  static loadTheme(themeName: Theme = 'light'): void {\n    const theme = this.getTheme(themeName);\n    const root = document.documentElement;\n\n    // Apply color tokens\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-color-${key}`, value);\n    });\n\n    // Apply spacing tokens\n    Object.entries(SPACING_TOKENS).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-spacing-${key}`, value);\n    });\n\n    // Apply typography tokens\n    Object.entries(TYPOGRAPHY_TOKENS.fontFamily).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-font-family-${key}`, value);\n    });\n    Object.entries(TYPOGRAPHY_TOKENS.fontSize).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-font-size-${key}`, value);\n    });\n    Object.entries(TYPOGRAPHY_TOKENS.fontWeight).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-font-weight-${key}`, String(value));\n    });\n    Object.entries(TYPOGRAPHY_TOKENS.lineHeight).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-line-height-${key}`, String(value));\n    });\n\n    // Apply border radius tokens\n    Object.entries(BORDER_RADIUS_TOKENS).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-radius-${key}`, value);\n    });\n\n    // Apply shadow tokens\n    Object.entries(SHADOW_TOKENS).forEach(([key, value]) => {\n      root.style.setProperty(`--sefin-shadow-${key}`, value);\n    });\n\n    // Set theme attribute for CSS selectors\n    root.setAttribute('data-theme', themeName);\n  }\n\n  /**\n   * Get theme configuration by name\n   */\n  private static getTheme(themeName: Theme) {\n    switch (themeName) {\n      case 'dark':\n        return DARK_THEME;\n      case 'brand':\n        return BRAND_THEME;\n      case 'light':\n      default:\n        return LIGHT_THEME;\n    }\n  }\n\n  /**\n   * Get all CSS variables as a string (useful for SSR or static generation)\n   */\n  static getThemeCSS(themeName: Theme = 'light'): string {\n    const theme = this.getTheme(themeName);\n    let css = ':root {\\n';\n\n    // Color tokens\n    Object.entries(theme.colors).forEach(([key, value]) => {\n      css += `  --sefin-color-${key}: ${value};\\n`;\n    });\n\n    // Spacing tokens\n    Object.entries(SPACING_TOKENS).forEach(([key, value]) => {\n      css += `  --sefin-spacing-${key}: ${value};\\n`;\n    });\n\n    // Typography tokens\n    Object.entries(TYPOGRAPHY_TOKENS.fontFamily).forEach(([key, value]) => {\n      css += `  --sefin-font-family-${key}: ${value};\\n`;\n    });\n    Object.entries(TYPOGRAPHY_TOKENS.fontSize).forEach(([key, value]) => {\n      css += `  --sefin-font-size-${key}: ${value};\\n`;\n    });\n    Object.entries(TYPOGRAPHY_TOKENS.fontWeight).forEach(([key, value]) => {\n      css += `  --sefin-font-weight-${key}: ${value};\\n`;\n    });\n    Object.entries(TYPOGRAPHY_TOKENS.lineHeight).forEach(([key, value]) => {\n      css += `  --sefin-line-height-${key}: ${value};\\n`;\n    });\n\n    // Border radius tokens\n    Object.entries(BORDER_RADIUS_TOKENS).forEach(([key, value]) => {\n      css += `  --sefin-radius-${key}: ${value};\\n`;\n    });\n\n    // Shadow tokens\n    Object.entries(SHADOW_TOKENS).forEach(([key, value]) => {\n      css += `  --sefin-shadow-${key}: ${value};\\n`;\n    });\n\n    css += '}\\n';\n    return css;\n  }\n}\n\n","/**\n * Utilities index\n */\nexport * from './theme-loader';\n\n","/**\n * Shared types and interfaces\n */\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\nexport type ButtonSize = 'sm' | 'md' | 'lg';\nexport type InputSize = 'sm' | 'md' | 'lg';\nexport type CardVariant = 'default' | 'elevated' | 'outlined';\n\nexport interface BaseComponent {\n  disabled?: boolean;\n  class?: string;\n}\n\n","/**\n * Shared index\n */\nexport * from './types';\n\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonVariant, ButtonSize } from '../../shared/types';\n\n@Component({\n  selector: 'sefin-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './button.component.html',\n  styleUrls: ['./button.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ButtonComponent {\n  @Input() variant: ButtonVariant = 'primary';\n  @Input() size: ButtonSize = 'md';\n  @Input() disabled = false;\n  @Input() type: 'button' | 'submit' | 'reset' = 'button';\n  @Input() class = '';\n\n  @Output() clicked = new EventEmitter<MouseEvent>();\n\n  onClick(event: MouseEvent): void {\n    if (!this.disabled) {\n      this.clicked.emit(event);\n    }\n  }\n\n  get buttonClasses(): string {\n    return [\n      'sefin-button',\n      `sefin-button--${this.variant}`,\n      `sefin-button--${this.size}`,\n      this.disabled ? 'sefin-button--disabled' : '',\n      this.class,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n}\n\n","<button [type]=\"type\" [disabled]=\"disabled\" [class]=\"buttonClasses\" (click)=\"onClick($event)\">\n  <ng-content></ng-content>\n</button>\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'sefin-icon',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './icon.component.html',\n  styleUrls: ['./icon.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IconComponent {\n  @Input() name = '';\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\n  @Input() class = '';\n\n  get iconClasses(): string {\n    return [\n      'sefin-icon',\n      `sefin-icon--${this.size}`,\n      this.class,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n}\n\n","<span [class]=\"iconClasses\" [attr.aria-label]=\"name\">\n  <ng-content></ng-content>\n</span>\n\n","import { Component, Input, Output, EventEmitter, forwardRef, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR, FormsModule } from '@angular/forms';\nimport { InputSize } from '../../shared/types';\n\n@Component({\n  selector: 'sefin-input',\n  standalone: true,\n  imports: [CommonModule, FormsModule],\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => InputComponent),\n      multi: true,\n    },\n  ],\n  templateUrl: './input.component.html',\n  styleUrls: ['./input.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class InputComponent implements ControlValueAccessor {\n  @Input() type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' = 'text';\n  @Input() placeholder = '';\n  @Input() size: InputSize = 'md';\n  @Input() disabled = false;\n  @Input() required = false;\n  @Input() readonly = false;\n  @Input() class = '';\n  @Input() id = '';\n\n  @Output() blur = new EventEmitter<FocusEvent>();\n  @Output() focus = new EventEmitter<FocusEvent>();\n\n  value = '';\n  private onChange = (value: string) => {};\n  private onTouched = () => {};\n\n  onInput(event: Event): void {\n    const target = event.target as HTMLInputElement;\n    this.value = target.value;\n    this.onChange(this.value);\n  }\n\n  onBlur(event: FocusEvent): void {\n    this.onTouched();\n    this.blur.emit(event);\n  }\n\n  onFocus(event: FocusEvent): void {\n    this.focus.emit(event);\n  }\n\n  writeValue(value: string): void {\n    this.value = value || '';\n  }\n\n  registerOnChange(fn: (value: string) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n\n  get inputClasses(): string {\n    return [\n      'sefin-input',\n      `sefin-input--${this.size}`,\n      this.disabled ? 'sefin-input--disabled' : '',\n      this.class,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n}\n\n","<input\n  [type]=\"type\"\n  [id]=\"id\"\n  [class]=\"inputClasses\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [readonly]=\"readonly\"\n  [required]=\"required\"\n  [value]=\"value\"\n  (input)=\"onInput($event)\"\n  (blur)=\"onBlur($event)\"\n  (focus)=\"onFocus($event)\"\n/>\n\n","/**\n * Atoms index\n */\nexport * from './button/button.component';\nexport * from './icon/icon.component';\nexport * from './input/input.component';\n\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { InputComponent } from '../../atoms/input/input.component';\nimport { FormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'sefin-form-field',\n  standalone: true,\n  imports: [CommonModule, InputComponent, FormsModule],\n  templateUrl: './form-field.component.html',\n  styleUrls: ['./form-field.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class FormFieldComponent {\n  @Input() label = '';\n  @Input() hint = '';\n  @Input() error = '';\n  @Input() required = false;\n  @Input() disabled = false;\n  @Input() inputId = '';\n  @Input() inputType: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' = 'text';\n  @Input() placeholder = '';\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\n}\n\n","<div class=\"sefin-form-field\">\n  <label *ngIf=\"label\" [for]=\"inputId\" class=\"sefin-form-field__label\">\n    {{ label }}\n    <span *ngIf=\"required\" class=\"sefin-form-field__required\">*</span>\n  </label>\n  <sefin-input\n    [id]=\"inputId\"\n    [type]=\"inputType\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [required]=\"required\"\n    [size]=\"size\"\n    [class.sefin-form-field__input--error]=\"!!error\"\n  ></sefin-input>\n  <div *ngIf=\"hint && !error\" class=\"sefin-form-field__hint\">{{ hint }}</div>\n  <div *ngIf=\"error\" class=\"sefin-form-field__error\">{{ error }}</div>\n</div>\n\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonComponent } from '../../atoms/button/button.component';\n\nexport interface DropdownOption {\n  label: string;\n  value: any;\n  disabled?: boolean;\n}\n\n@Component({\n  selector: 'sefin-dropdown',\n  standalone: true,\n  imports: [CommonModule, ButtonComponent],\n  templateUrl: './dropdown.component.html',\n  styleUrls: ['./dropdown.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DropdownComponent {\n  @Input() options: DropdownOption[] = [];\n  @Input() placeholder = 'Select an option';\n  @Input() disabled = false;\n  @Input() size: 'sm' | 'md' | 'lg' = 'md';\n\n  @Output() selectionChange = new EventEmitter<any>();\n\n  isOpen = false;\n  selectedOption: DropdownOption | null = null;\n\n  toggle(): void {\n    if (!this.disabled) {\n      this.isOpen = !this.isOpen;\n    }\n  }\n\n  selectOption(option: DropdownOption): void {\n    if (!option.disabled) {\n      this.selectedOption = option;\n      this.isOpen = false;\n      this.selectionChange.emit(option.value);\n    }\n  }\n\n  get displayText(): string {\n    return this.selectedOption?.label || this.placeholder;\n  }\n}\n\n","<div class=\"sefin-dropdown\" [class.sefin-dropdown--open]=\"isOpen\">\n  <sefin-button\n    [variant]=\"'outline'\"\n    [size]=\"size\"\n    [disabled]=\"disabled\"\n    (clicked)=\"toggle()\"\n    class=\"sefin-dropdown__trigger\"\n  >\n    {{ displayText }}\n    <span class=\"sefin-dropdown__arrow\">▼</span>\n  </sefin-button>\n  <div *ngIf=\"isOpen\" class=\"sefin-dropdown__menu\">\n    <button\n      *ngFor=\"let option of options\"\n      [class.sefin-dropdown__option--disabled]=\"option.disabled\"\n      [class.sefin-dropdown__option--selected]=\"selectedOption?.value === option.value\"\n      class=\"sefin-dropdown__option\"\n      (click)=\"selectOption(option)\"\n      [disabled]=\"option.disabled\"\n    >\n      {{ option.label }}\n    </button>\n  </div>\n</div>\n\n","import { Component, Input, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { CardVariant } from '../../shared/types';\n\n@Component({\n  selector: 'sefin-card',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './card.component.html',\n  styleUrls: ['./card.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CardComponent {\n  @Input() variant: CardVariant = 'default';\n  @Input() class = '';\n\n  get cardClasses(): string {\n    return [\n      'sefin-card',\n      `sefin-card--${this.variant}`,\n      this.class,\n    ]\n      .filter(Boolean)\n      .join(' ');\n  }\n}\n\n","<div [class]=\"cardClasses\">\n  <ng-content></ng-content>\n</div>\n\n","/**\n * Molecules index\n */\nexport * from './form-field/form-field.component';\nexport * from './dropdown/dropdown.component';\nexport * from './card/card.component';\n\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonComponent } from '../../atoms/button/button.component';\nimport { IconComponent } from '../../atoms/icon/icon.component';\n\n@Component({\n  selector: 'sefin-header',\n  standalone: true,\n  imports: [CommonModule, ButtonComponent, IconComponent],\n  templateUrl: './header.component.html',\n  styleUrls: ['./header.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class HeaderComponent {\n  @Input() title = '';\n  @Input() logo = '';\n  @Input() showUserMenu = true;\n  @Input() userName = '';\n\n  @Output() logoClick = new EventEmitter<void>();\n  @Output() menuClick = new EventEmitter<void>();\n  @Output() userMenuClick = new EventEmitter<void>();\n}\n\n","<header class=\"sefin-header\">\n  <div class=\"sefin-header__left\">\n    <div *ngIf=\"logo\" class=\"sefin-header__logo\" (click)=\"logoClick.emit()\">\n      <img [src]=\"logo\" [alt]=\"title\" />\n    </div>\n    <h1 *ngIf=\"title\" class=\"sefin-header__title\">{{ title }}</h1>\n  </div>\n  <div class=\"sefin-header__right\">\n    <sefin-button\n      *ngIf=\"showUserMenu\"\n      variant=\"ghost\"\n      size=\"md\"\n      (clicked)=\"userMenuClick.emit()\"\n      class=\"sefin-header__user-menu\"\n    >\n      <sefin-icon name=\"user\" size=\"md\"></sefin-icon>\n      <span *ngIf=\"userName\">{{ userName }}</span>\n    </sefin-button>\n    <sefin-button\n      variant=\"ghost\"\n      size=\"md\"\n      (clicked)=\"menuClick.emit()\"\n      class=\"sefin-header__menu-button\"\n    >\n      <sefin-icon name=\"menu\" size=\"md\">☰</sefin-icon>\n    </sefin-button>\n  </div>\n</header>\n\n","import { Component, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule } from '@angular/forms';\nimport { FormFieldComponent } from '../../molecules/form-field/form-field.component';\nimport { ButtonComponent } from '../../atoms/button/button.component';\nimport { CardComponent } from '../../molecules/card/card.component';\n\nexport interface LoginCredentials {\n  email: string;\n  password: string;\n}\n\n@Component({\n  selector: 'sefin-login-form',\n  standalone: true,\n  imports: [CommonModule, FormsModule, FormFieldComponent, ButtonComponent, CardComponent],\n  templateUrl: './login-form.component.html',\n  styleUrls: ['./login-form.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class LoginFormComponent {\n  email = '';\n  password = '';\n  error = '';\n\n  @Output() submit = new EventEmitter<LoginCredentials>();\n\n  onSubmit(): void {\n    if (this.email && this.password) {\n      this.error = '';\n      this.submit.emit({\n        email: this.email,\n        password: this.password,\n      });\n    } else {\n      this.error = 'Please fill in all fields';\n    }\n  }\n}\n\n","<sefin-card variant=\"elevated\" class=\"sefin-login-form\">\n  <h2 class=\"sefin-login-form__title\">Sign In</h2>\n  <form (ngSubmit)=\"onSubmit()\" class=\"sefin-login-form__form\">\n    <sefin-form-field\n      label=\"Email\"\n      inputId=\"email\"\n      inputType=\"email\"\n      placeholder=\"Enter your email\"\n      [required]=\"true\"\n      [(ngModel)]=\"email\"\n      name=\"email\"\n    ></sefin-form-field>\n    <sefin-form-field\n      label=\"Password\"\n      inputId=\"password\"\n      inputType=\"password\"\n      placeholder=\"Enter your password\"\n      [required]=\"true\"\n      [(ngModel)]=\"password\"\n      name=\"password\"\n    ></sefin-form-field>\n    <div *ngIf=\"error\" class=\"sefin-login-form__error\">{{ error }}</div>\n    <sefin-button\n      type=\"submit\"\n      variant=\"primary\"\n      size=\"lg\"\n      class=\"sefin-login-form__submit\"\n    >\n      Sign In\n    </sefin-button>\n  </form>\n</sefin-card>\n\n","import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonComponent } from '../../atoms/button/button.component';\nimport { IconComponent } from '../../atoms/icon/icon.component';\n\nexport interface ToolbarAction {\n  label: string;\n  icon?: string;\n  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';\n  action: () => void;\n}\n\n@Component({\n  selector: 'sefin-toolbar',\n  standalone: true,\n  imports: [CommonModule, ButtonComponent, IconComponent],\n  templateUrl: './toolbar.component.html',\n  styleUrls: ['./toolbar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ToolbarComponent {\n  @Input() title = '';\n  @Input() actions: ToolbarAction[] = [];\n\n  @Output() actionClick = new EventEmitter<ToolbarAction>();\n\n  onActionClick(action: ToolbarAction): void {\n    action.action();\n    this.actionClick.emit(action);\n  }\n}\n\n","<div class=\"sefin-toolbar\">\n  <h2 *ngIf=\"title\" class=\"sefin-toolbar__title\">{{ title }}</h2>\n  <div class=\"sefin-toolbar__actions\">\n    <sefin-button\n      *ngFor=\"let action of actions\"\n      [variant]=\"action.variant || 'primary'\"\n      size=\"md\"\n      (clicked)=\"onActionClick(action)\"\n    >\n      <sefin-icon *ngIf=\"action.icon\" [name]=\"action.icon\" size=\"sm\"></sefin-icon>\n      {{ action.label }}\n    </sefin-button>\n  </div>\n</div>\n\n","/**\n * Organisms index\n */\nexport * from './header/header.component';\nexport * from './login-form/login-form.component';\nexport * from './toolbar/toolbar.component';\n\n","/*\n * Public API Surface of @sefin/sefin-ui\n */\n\n// Design Tokens\nexport * from './tokens';\n\n// Themes\nexport * from './themes';\n\n// Utilities\nexport * from './utils';\n\n// Shared\nexport * from './shared';\n\n// Atoms\nexport * from './atoms';\n\n// Molecules\nexport * from './molecules';\n\n// Organisms\nexport * from './organisms';\n\n// Styles (for importing in consuming apps)\nexport const STYLES_PATH = './styles/index.scss';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lesterarte/sefin-ui",
-  "version": "0.0.3-dev.2",
+  "version": "0.0.3",
   "description": "Sefin Design System - A comprehensive Angular UI library based on Atomic Design and design tokens",
   "keywords": [
     "angular",

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 
 /**
  * Color design tokens as TypeScript constants
@@ -436,111 +437,6 @@ declare const BRAND_THEME: {
 
 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';
-interface BaseComponent {
-    disabled?: boolean;
-    class?: string;
-}
-/**
- * Custom theme configuration interface
- * Allows users to create their own themes with custom colors, typography, spacing, etc.
- */
-interface CustomTheme {
-    name: string;
-    colors: {
-        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;
-    };
-    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
@@ -548,18 +444,28 @@ interface CustomTheme {
 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
      */
-    static loadTheme(themeName?: Theme | CustomTheme): void;
+    static loadTheme(themeName?: Theme): 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
      */
-    static getThemeCSS(themeName?: Theme | CustomTheme): string;
+    static getThemeCSS(themeName?: Theme): string;
+}
+
+/**
+ * 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';
+interface BaseComponent {
+    disabled?: boolean;
+    class?: string;
 }
 
 declare class ButtonComponent {
@@ -575,7 +481,125 @@ declare class ButtonComponent {
     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>;
 }
 
+declare class IconComponent {
+    name: string;
+    size: 'sm' | 'md' | 'lg';
+    class: string;
+    get iconClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "sefin-icon", never, { "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class InputComponent implements ControlValueAccessor {
+    type: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    placeholder: string;
+    size: InputSize;
+    disabled: boolean;
+    required: boolean;
+    readonly: boolean;
+    class: string;
+    id: string;
+    blur: EventEmitter<FocusEvent>;
+    focus: EventEmitter<FocusEvent>;
+    value: string;
+    private onChange;
+    private onTouched;
+    onInput(event: Event): void;
+    onBlur(event: FocusEvent): void;
+    onFocus(event: FocusEvent): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: (value: string) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    get inputClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "sefin-input", never, { "type": { "alias": "type"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "class": { "alias": "class"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, { "blur": "blur"; "focus": "focus"; }, never, never, true, never>;
+}
+
+declare class FormFieldComponent {
+    label: string;
+    hint: string;
+    error: string;
+    required: boolean;
+    disabled: boolean;
+    inputId: string;
+    inputType: 'text' | 'email' | 'password' | 'number' | 'tel' | 'url';
+    placeholder: string;
+    size: 'sm' | 'md' | 'lg';
+    static ɵfac: i0.ɵɵFactoryDeclaration<FormFieldComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "sefin-form-field", never, { "label": { "alias": "label"; "required": false; }; "hint": { "alias": "hint"; "required": false; }; "error": { "alias": "error"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputType": { "alias": "inputType"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+interface DropdownOption {
+    label: string;
+    value: any;
+    disabled?: boolean;
+}
+declare class DropdownComponent {
+    options: DropdownOption[];
+    placeholder: string;
+    disabled: boolean;
+    size: 'sm' | 'md' | 'lg';
+    selectionChange: EventEmitter<any>;
+    isOpen: boolean;
+    selectedOption: DropdownOption | null;
+    toggle(): void;
+    selectOption(option: DropdownOption): void;
+    get displayText(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "sefin-dropdown", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}
+
+declare class CardComponent {
+    variant: CardVariant;
+    class: string;
+    get cardClasses(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "sefin-card", never, { "variant": { "alias": "variant"; "required": false; }; "class": { "alias": "class"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class HeaderComponent {
+    title: string;
+    logo: string;
+    showUserMenu: boolean;
+    userName: string;
+    logoClick: EventEmitter<void>;
+    menuClick: EventEmitter<void>;
+    userMenuClick: EventEmitter<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HeaderComponent, "sefin-header", never, { "title": { "alias": "title"; "required": false; }; "logo": { "alias": "logo"; "required": false; }; "showUserMenu": { "alias": "showUserMenu"; "required": false; }; "userName": { "alias": "userName"; "required": false; }; }, { "logoClick": "logoClick"; "menuClick": "menuClick"; "userMenuClick": "userMenuClick"; }, never, never, true, never>;
+}
+
+interface LoginCredentials {
+    email: string;
+    password: string;
+}
+declare class LoginFormComponent {
+    email: string;
+    password: string;
+    error: string;
+    submit: EventEmitter<LoginCredentials>;
+    onSubmit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginFormComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginFormComponent, "sefin-login-form", never, {}, { "submit": "submit"; }, never, never, true, never>;
+}
+
+interface ToolbarAction {
+    label: string;
+    icon?: string;
+    variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
+    action: () => void;
+}
+declare class ToolbarComponent {
+    title: string;
+    actions: ToolbarAction[];
+    actionClick: EventEmitter<ToolbarAction>;
+    onActionClick(action: ToolbarAction): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "sefin-toolbar", never, { "title": { "alias": "title"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}
+
 declare const STYLES_PATH = "./styles/index.scss";
 
-export { BORDER_RADIUS_TOKENS, BRAND_THEME, ButtonComponent, COLOR_TOKENS, DARK_THEME, DESIGN_TOKENS, LIGHT_THEME, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, TYPOGRAPHY_TOKENS, ThemeLoader };
-export type { BaseComponent, BorderRadiusToken, ButtonSize, ButtonVariant, CardVariant, ColorShade, ColorTokenName, CustomTheme, InputSize, ShadowToken, SpacingToken, Theme, TypographyToken };
+export { BORDER_RADIUS_TOKENS, BRAND_THEME, ButtonComponent, COLOR_TOKENS, CardComponent, DARK_THEME, DESIGN_TOKENS, DropdownComponent, FormFieldComponent, HeaderComponent, IconComponent, InputComponent, LIGHT_THEME, LoginFormComponent, SHADOW_TOKENS, SPACING_TOKENS, STYLES_PATH, TYPOGRAPHY_TOKENS, ThemeLoader, ToolbarComponent };
+export type { BaseComponent, BorderRadiusToken, ButtonSize, ButtonVariant, CardVariant, ColorShade, ColorTokenName, DropdownOption, InputSize, LoginCredentials, ShadowToken, SpacingToken, Theme, ToolbarAction, TypographyToken };