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

package/fesm2022/lesterarte-sefin-ui.mjs

@@ -338,41 +338,62 @@ 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 = this.getTheme(themeName);
+        const theme = typeof themeName === 'string' ? this.getTheme(themeName) : themeName;
         const root = document.documentElement;
         // Apply color tokens
         Object.entries(theme.colors).forEach(([key, value]) => {
-            root.style.setProperty(`--sefin-color-${key}`, value);
+            if (value) {
+                root.style.setProperty(`--sefin-color-${key}`, value);
+            }
         });
-        // Apply spacing tokens
-        Object.entries(SPACING_TOKENS).forEach(([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]) => {
             root.style.setProperty(`--sefin-spacing-${key}`, value);
         });
-        // Apply typography tokens
-        Object.entries(TYPOGRAPHY_TOKENS.fontFamily).forEach(([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]) => {
             root.style.setProperty(`--sefin-font-family-${key}`, value);
         });
-        Object.entries(TYPOGRAPHY_TOKENS.fontSize).forEach(([key, value]) => {
+        Object.entries(typographyTokens.fontSize).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-font-size-${key}`, value);
         });
-        Object.entries(TYPOGRAPHY_TOKENS.fontWeight).forEach(([key, value]) => {
+        Object.entries(typographyTokens.fontWeight).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-font-weight-${key}`, String(value));
         });
-        Object.entries(TYPOGRAPHY_TOKENS.lineHeight).forEach(([key, value]) => {
+        Object.entries(typographyTokens.lineHeight).forEach(([key, value]) => {
             root.style.setProperty(`--sefin-line-height-${key}`, String(value));
         });
-        // Apply border radius tokens
-        Object.entries(BORDER_RADIUS_TOKENS).forEach(([key, 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]) => {
             root.style.setProperty(`--sefin-radius-${key}`, value);
         });
-        // Apply shadow tokens
-        Object.entries(SHADOW_TOKENS).forEach(([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]) => {
             root.style.setProperty(`--sefin-shadow-${key}`, value);
         });
         // Set theme attribute for CSS selectors
-        root.setAttribute('data-theme', themeName);
+        const themeAttribute = typeof themeName === 'string' ? themeName : themeName.name;
+        root.setAttribute('data-theme', themeAttribute);
     }
     /**
      * Get theme configuration by name
@@ -390,37 +411,57 @@ 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 = this.getTheme(themeName);
+        const theme = typeof themeName === 'string' ? this.getTheme(themeName) : themeName;
         let css = ':root {\n';
         // Color tokens
         Object.entries(theme.colors).forEach(([key, value]) => {
-            css += `  --sefin-color-${key}: ${value};\n`;
+            if (value) {
+                css += `  --sefin-color-${key}: ${value};\n`;
+            }
         });
         // Spacing tokens
-        Object.entries(SPACING_TOKENS).forEach(([key, value]) => {
+        const spacingTokens = typeof themeName === 'object' && themeName.spacing
+            ? { ...SPACING_TOKENS, ...themeName.spacing }
+            : SPACING_TOKENS;
+        Object.entries(spacingTokens).forEach(([key, value]) => {
             css += `  --sefin-spacing-${key}: ${value};\n`;
         });
         // Typography tokens
-        Object.entries(TYPOGRAPHY_TOKENS.fontFamily).forEach(([key, value]) => {
+        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]) => {
             css += `  --sefin-font-family-${key}: ${value};\n`;
         });
-        Object.entries(TYPOGRAPHY_TOKENS.fontSize).forEach(([key, value]) => {
+        Object.entries(typographyTokens.fontSize).forEach(([key, value]) => {
             css += `  --sefin-font-size-${key}: ${value};\n`;
         });
-        Object.entries(TYPOGRAPHY_TOKENS.fontWeight).forEach(([key, value]) => {
+        Object.entries(typographyTokens.fontWeight).forEach(([key, value]) => {
             css += `  --sefin-font-weight-${key}: ${value};\n`;
         });
-        Object.entries(TYPOGRAPHY_TOKENS.lineHeight).forEach(([key, value]) => {
+        Object.entries(typographyTokens.lineHeight).forEach(([key, value]) => {
             css += `  --sefin-line-height-${key}: ${value};\n`;
         });
         // Border radius tokens
-        Object.entries(BORDER_RADIUS_TOKENS).forEach(([key, value]) => {
+        const borderRadiusTokens = typeof themeName === 'object' && themeName.borderRadius
+            ? { ...BORDER_RADIUS_TOKENS, ...themeName.borderRadius }
+            : BORDER_RADIUS_TOKENS;
+        Object.entries(borderRadiusTokens).forEach(([key, value]) => {
             css += `  --sefin-radius-${key}: ${value};\n`;
         });
         // Shadow tokens
-        Object.entries(SHADOW_TOKENS).forEach(([key, value]) => {
+        const shadowTokens = typeof themeName === 'object' && themeName.shadow
+            ? { ...SHADOW_TOKENS, ...themeName.shadow }
+            : SHADOW_TOKENS;
+        Object.entries(shadowTokens).forEach(([key, value]) => {
             css += `  --sefin-shadow-${key}: ${value};\n`;
         });
         css += '}\n';

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';\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","/**\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/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":";;;;AAAA;;;;AAIG;AAEI,MAAM,YAAY,GAAG;;AAE1B,IAAA,OAAO,EAAE;;AAEP,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;;AAED,IAAA,SAAS,EAAE;;AAET,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;;AAED,IAAA,OAAO,EAAE;QACP,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;QACd,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;;AAED,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACd,QAAA,GAAG,EAAE,SAAS;AACf,KAAA;;AAED,IAAA,KAAK,EAAE;QACL,QAAQ,EAAE,SAAS;QACnB,SAAS,EAAE,SAAS;QACpB,SAAS,EAAE,SAAS;QACpB,KAAK,EAAE,SAAS;AACjB,KAAA;;;;;;;;ACvGH;;;AAGG;AAEI,MAAM,cAAc,GAAG;AAC5B,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,KAAK,EAAE,OAAO;;;;;;;;ACdhB;;;AAGG;AAEI,MAAM,iBAAiB,GAAG;AAC/B,IAAA,UAAU,EAAE;AACV,QAAA,IAAI,EAAE,qGAAqG;AAC3G,QAAA,IAAI,EAAE,uCAAuC;AAC9C,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,EAAE,EAAE,SAAS;QACb,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,MAAM;QACZ,EAAE,EAAE,UAAU;QACd,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,UAAU,EAAE;QACV,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;AACX,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,QAAQ,EAAE,GAAG;QACb,IAAI,EAAE,GAAG;AACV,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,OAAO,EAAE,IAAI;AACd,KAAA;;;;;;;;AChCH;;AAEG;AAEI,MAAM,oBAAoB,GAAG;AAClC,IAAA,IAAI,EAAE,GAAG;AACT,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,KAAK;AACT,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,KAAK,EAAE,MAAM;AACb,IAAA,IAAI,EAAE,QAAQ;;;;;;;;ACXhB;;AAEG;AAEI,MAAM,aAAa,GAAG;AAC3B,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,EAAE,EAAE,iCAAiC;AACrC,IAAA,EAAE,EAAE,uEAAuE;AAC3E,IAAA,EAAE,EAAE,yEAAyE;AAC7E,IAAA,EAAE,EAAE,2EAA2E;AAC/E,IAAA,KAAK,EAAE,uCAAuC;;;;;;;;ACVhD;;;AAGG;AAQH;;AAEG;AACI,MAAM,aAAa,GAAG;AAC3B,IAAA,MAAM,EAAE,MAAM,sDAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,YAAY,CAAC;AAC1D,IAAA,OAAO,EAAE,MAAM,uDAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC;AAC9D,IAAA,UAAU,EAAE,MAAM,0DAAsB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,iBAAiB,CAAC;AACvE,IAAA,YAAY,EAAE,MAAM,4DAAyB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,oBAAoB,CAAC;AAC/E,IAAA,MAAM,EAAE,MAAM,sDAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,aAAa,CAAC;;;ACjB7D;;;AAGG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,MAAM,EAAE;;AAEN,QAAA,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AACrC,QAAA,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AACzC,QAAA,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE1C,QAAA,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;AACtC,QAAA,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AAC7C,QAAA,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE9C,QAAA,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AACpC,QAAA,qBAAqB,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AAC/C,QAAA,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AACjC,QAAA,eAAe,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;;AAE7C,QAAA,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;AACjC,QAAA,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AAC7C,QAAA,eAAe,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE5C,QAAA,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AACpC,QAAA,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;;AAE5C,QAAA,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,QAAA,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,QAAA,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAA,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7B,KAAA;;;AChCH;;;AAGG;AACI,MAAM,UAAU,GAAG;AACxB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,MAAM,EAAE;;AAEN,QAAA,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AACrC,QAAA,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AACzC,QAAA,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE1C,QAAA,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AACvC,QAAA,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AAC7C,QAAA,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE9C,QAAA,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;AACvC,QAAA,qBAAqB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AAClD,QAAA,OAAO,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AACpC,QAAA,eAAe,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE5C,QAAA,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AAC9B,QAAA,gBAAgB,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AAC9C,QAAA,eAAe,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE5C,QAAA,MAAM,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AACnC,QAAA,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;;AAE5C,QAAA,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,QAAA,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,QAAA,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAA,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7B,KAAA;;;AChCH;;;AAGG;AACI,MAAM,WAAW,GAAG;AACzB,IAAA,IAAI,EAAE,OAAO;AACb,IAAA,MAAM,EAAE;;AAEN,QAAA,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AACrC,QAAA,cAAc,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AACzC,QAAA,eAAe,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;;AAE1C,QAAA,SAAS,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;AACtC,QAAA,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AAC7C,QAAA,iBAAiB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE9C,QAAA,UAAU,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AACpC,QAAA,qBAAqB,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AAC/C,QAAA,OAAO,EAAE,YAAY,CAAC,KAAK,CAAC,KAAK;AACjC,QAAA,eAAe,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;;AAE7C,QAAA,IAAI,EAAE,YAAY,CAAC,KAAK,CAAC,QAAQ;AACjC,QAAA,gBAAgB,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;AAC7C,QAAA,eAAe,EAAE,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC;;AAE5C,QAAA,MAAM,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;AACpC,QAAA,cAAc,EAAE,YAAY,CAAC,KAAK,CAAC,SAAS;;AAE5C,QAAA,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,QAAA,OAAO,EAAE,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC;AAClC,QAAA,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC;AAC9B,QAAA,IAAI,EAAE,YAAY,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7B,KAAA;;;AClCH;;AAEG;;ACQH;;;AAGG;MACU,WAAW,CAAA;AACtB;;;AAGG;AACH,IAAA,OAAO,SAAS,CAAC,SAAA,GAAiC,OAAO,EAAA;AACvD,QAAA,MAAM,KAAK,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS;AAClF,QAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,eAAe;;AAGrC,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YACpD,IAAI,KAAK,EAAE;gBACT,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,cAAA,EAAiB,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;YACvD;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,aAAa,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;cAC7D,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,CAAC,OAAO;cACzC,cAAc;AAClB,QAAA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YACrD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,gBAAA,EAAmB,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;AACzD,QAAA,CAAC,CAAC;;QAGF,MAAM,gBAAgB,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;AAClE,cAAE;AACE,gBAAA,UAAU,EAAE,EAAE,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE;AACnF,gBAAA,QAAQ,EAAE,EAAE,GAAG,iBAAiB,CAAC,QAAQ,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE;AAC7E,gBAAA,UAAU,EAAE,EAAE,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE;AACnF,gBAAA,UAAU,EAAE,EAAE,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE;AACpF;cACD,iBAAiB;AAErB,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YACnE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,oBAAA,EAAuB,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;AAC7D,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YACjE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,kBAAA,EAAqB,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;AAC3D,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACnE,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,oBAAA,EAAuB,GAAG,CAAA,CAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AACrE,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACnE,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,oBAAA,EAAuB,GAAG,CAAA,CAAE,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;AACrE,QAAA,CAAC,CAAC;;QAGF,MAAM,kBAAkB,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;cAClE,EAAE,GAAG,oBAAoB,EAAE,GAAG,SAAS,CAAC,YAAY;cACpD,oBAAoB;AACxB,QAAA,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YAC1D,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,eAAA,EAAkB,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;AACxD,QAAA,CAAC,CAAC;;QAGF,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;cAC5D,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS,CAAC,MAAM;cACvC,aAAa;AACjB,QAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YACpD,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAA,eAAA,EAAkB,GAAG,CAAA,CAAE,EAAE,KAAK,CAAC;AACxD,QAAA,CAAC,CAAC;;AAGF,QAAA,MAAM,cAAc,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,IAAI;AACjF,QAAA,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,cAAc,CAAC;IACjD;AAEA;;AAEG;IACK,OAAO,QAAQ,CAAC,SAAgB,EAAA;QACtC,QAAQ,SAAS;AACf,YAAA,KAAK,MAAM;AACT,gBAAA,OAAO,UAAU;AACnB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,WAAW;AACpB,YAAA,KAAK,OAAO;AACZ,YAAA;AACE,gBAAA,OAAO,WAAW;;IAExB;AAEA;;;AAGG;AACH,IAAA,OAAO,WAAW,CAAC,SAAA,GAAiC,OAAO,EAAA;AACzD,QAAA,MAAM,KAAK,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,SAAS;QAClF,IAAI,GAAG,GAAG,WAAW;;AAGrB,QAAA,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;YACpD,IAAI,KAAK,EAAE;AACT,gBAAA,GAAG,IAAI,CAAA,gBAAA,EAAmB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;YAC9C;AACF,QAAA,CAAC,CAAC;;QAGF,MAAM,aAAa,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;cAC7D,EAAE,GAAG,cAAc,EAAE,GAAG,SAAS,CAAC,OAAO;cACzC,cAAc;AAClB,QAAA,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACrD,YAAA,GAAG,IAAI,CAAA,kBAAA,EAAqB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AAChD,QAAA,CAAC,CAAC;;QAGF,MAAM,gBAAgB,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;AAClE,cAAE;AACE,gBAAA,UAAU,EAAE,EAAE,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE;AACnF,gBAAA,QAAQ,EAAE,EAAE,GAAG,iBAAiB,CAAC,QAAQ,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,QAAQ,EAAE;AAC7E,gBAAA,UAAU,EAAE,EAAE,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE;AACnF,gBAAA,UAAU,EAAE,EAAE,GAAG,iBAAiB,CAAC,UAAU,EAAE,GAAG,SAAS,CAAC,UAAU,CAAC,UAAU,EAAE;AACpF;cACD,iBAAiB;AAErB,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACnE,YAAA,GAAG,IAAI,CAAA,sBAAA,EAAyB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AACpD,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACjE,YAAA,GAAG,IAAI,CAAA,oBAAA,EAAuB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AAClD,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACnE,YAAA,GAAG,IAAI,CAAA,sBAAA,EAAyB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AACpD,QAAA,CAAC,CAAC;AACF,QAAA,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACnE,YAAA,GAAG,IAAI,CAAA,sBAAA,EAAyB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AACpD,QAAA,CAAC,CAAC;;QAGF,MAAM,kBAAkB,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;cAClE,EAAE,GAAG,oBAAoB,EAAE,GAAG,SAAS,CAAC,YAAY;cACpD,oBAAoB;AACxB,QAAA,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AAC1D,YAAA,GAAG,IAAI,CAAA,iBAAA,EAAoB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AAC/C,QAAA,CAAC,CAAC;;QAGF,MAAM,YAAY,GAAG,OAAO,SAAS,KAAK,QAAQ,IAAI,SAAS,CAAC;cAC5D,EAAE,GAAG,aAAa,EAAE,GAAG,SAAS,CAAC,MAAM;cACvC,aAAa;AACjB,QAAA,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,KAAI;AACpD,YAAA,GAAG,IAAI,CAAA,iBAAA,EAAoB,GAAG,CAAA,EAAA,EAAK,KAAK,KAAK;AAC/C,QAAA,CAAC,CAAC;QAEF,GAAG,IAAI,KAAK;AACZ,QAAA,OAAO,GAAG;IACZ;AACD;;AClKD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;MCUU,eAAe,CAAA;IACjB,OAAO,GAAkB,SAAS;IAClC,IAAI,GAAe,IAAI;IACvB,QAAQ,GAAG,KAAK;IAChB,IAAI,GAAkC,QAAQ;IAC9C,KAAK,GAAG,EAAE;AAET,IAAA,OAAO,GAAG,IAAI,YAAY,EAAc;AAElD,IAAA,OAAO,CAAC,KAAiB,EAAA;AACvB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC;QAC1B;IACF;AAEA,IAAA,IAAI,aAAa,GAAA;QACf,OAAO;YACL,cAAc;YACd,CAAA,cAAA,EAAiB,IAAI,CAAC,OAAO,CAAA,CAAE;YAC/B,CAAA,cAAA,EAAiB,IAAI,CAAC,IAAI,CAAA,CAAE;YAC5B,IAAI,CAAC,QAAQ,GAAG,wBAAwB,GAAG,EAAE;AAC7C,YAAA,IAAI,CAAC,KAAK;AACX;aACE,MAAM,CAAC,OAAO;aACd,IAAI,CAAC,GAAG,CAAC;IACd;uGAzBW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECZ5B,kJAGA,EAAA,MAAA,EAAA,CAAA,w7DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDIY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAKX,eAAe,EAAA,UAAA,EAAA,CAAA;kBAR3B,SAAS;+BACE,cAAc,EAAA,UAAA,EACZ,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kJAAA,EAAA,MAAA,EAAA,CAAA,w7DAAA,CAAA,EAAA;;sBAG9C;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;;AEnBH;;AAEG;;ACFH;;AAEG;AAEH;AAeA;AACO,MAAM,WAAW,GAAG;;ACpB3B;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lesterarte/sefin-ui",
-  "version": "0.0.3-dev.1",
+  "version": "0.0.3-dev.2",
   "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

@@ -436,6 +436,111 @@ 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
@@ -443,28 +548,18 @@ type Theme = 'light' | 'dark' | 'brand';
 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): void;
+    static loadTheme(themeName?: Theme | CustomTheme): 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): 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;
+    static getThemeCSS(themeName?: Theme | CustomTheme): string;
 }
 
 declare class ButtonComponent {
@@ -483,4 +578,4 @@ declare class ButtonComponent {
 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, InputSize, ShadowToken, SpacingToken, Theme, TypographyToken };
+export type { BaseComponent, BorderRadiusToken, ButtonSize, ButtonVariant, CardVariant, ColorShade, ColorTokenName, CustomTheme, InputSize, ShadowToken, SpacingToken, Theme, TypographyToken };