@lesterarte/sefin-ui 0.0.1 → 0.0.3-dev.0

package/README.md

@@ -1,10 +1,10 @@
-# @sefin/sefin-ui
+# @lesterarte/sefin-ui
 
 Una librería de sistema de diseño Angular completa basada en principios de Atomic Design y design tokens de la Secretaría de Finanzas.
 
 ## Resumen
 
-`@sefin/sefin-ui` es una librería UI Angular lista para producción diseñada para aplicaciones empresariales a gran escala. Proporciona:
+`@lesterarte/sefin-ui` es una librería UI Angular lista para producción diseñada para aplicaciones empresariales a gran escala. Proporciona:
 
 - **Design Tokens**: Variables CSS y constantes TypeScript para temas consistentes
 - **Estructura Atomic Design**: Componentes organizados (atoms, molecules, organisms)
@@ -53,7 +53,7 @@ Esto creará el paquete distribuible en `dist/`.
 ### Instalar en Tu Aplicación
 
 ```bash
-npm install @sefin/sefin-ui
+npm install @lesterarte/sefin-ui
 ```
 
 ## Uso
@@ -67,7 +67,7 @@ npm install @sefin/sefin-ui
 En tu `styles.scss` o `angular.json`:
 
 ```scss
-@import '@sefin/sefin-ui/styles';
+@import '@lesterarte/sefin-ui/styles';
 ```
 
 O en `angular.json`:
@@ -75,7 +75,7 @@ O en `angular.json`:
 ```json
 {
   "styles": [
-    "node_modules/@sefin/sefin-ui/styles/index.scss"
+    "node_modules/@lesterarte/sefin-ui/styles/index.scss"
   ]
 }
 ```
@@ -86,7 +86,7 @@ En tu `app.component.ts`:
 
 ```typescript
 import { Component, OnInit } from '@angular/core';
-import { ThemeLoader } from '@sefin/sefin-ui';
+import { ThemeLoader } from '@lesterarte/sefin-ui';
 
 @Component({
   selector: 'app-root',
@@ -112,7 +112,7 @@ Todos los componentes son standalone y se pueden importar directamente:
 
 ```typescript
 import { Component } from '@angular/core';
-import { ButtonComponent, CardComponent } from '@sefin/sefin-ui';
+import { ButtonComponent, CardComponent } from '@lesterarte/sefin-ui';
 
 @Component({
   selector: 'app-example',
@@ -180,7 +180,7 @@ Todos los design tokens están disponibles como variables CSS:
 ### Usando Constantes TypeScript
 
 ```typescript
-import { COLOR_TOKENS, SPACING_TOKENS } from '@sefin/sefin-ui';
+import { COLOR_TOKENS, SPACING_TOKENS } from '@lesterarte/sefin-ui';
 
 const primaryColor = COLOR_TOKENS.brand.lightBlue;
 const mediumSpacing = SPACING_TOKENS.md;
@@ -197,7 +197,7 @@ const mediumSpacing = SPACING_TOKENS.md;
 ### Cambiar Temas
 
 ```typescript
-import { ThemeLoader } from '@sefin/sefin-ui';
+import { ThemeLoader } from '@lesterarte/sefin-ui';
 
 // Cambiar a tema brand
 ThemeLoader.loadTheme('brand');
@@ -287,6 +287,38 @@ Este proyecto sigue [Semantic Versioning](https://semver.org/):
 4. **Sigue las APIs de componentes**: Usa los componentes como están documentados
 5. **Extiende, no modifiques**: Crea componentes wrapper para personalización
 
+## Solución de Problemas
+
+### Warning del Linter: "Component is used but not imported"
+
+Si ves un warning del linter de Angular que indica que un componente está siendo usado pero no importado, **este es un falso positivo conocido**.
+
+#### ¿Por qué ocurre?
+
+Aunque el componente está correctamente exportado desde la librería, el linter de Angular no puede detectar su uso en templates HTML cuando se trata de:
+- Componentes standalone
+- Selectores personalizados (como `sefin-button`, `sefin-card`, etc.)
+
+#### Estado de la Librería
+
+✅ **Componente correctamente exportado**  
+✅ **Tipos TypeScript bien definidos**  
+✅ **Metadata del componente correcta**
+
+No hay nada que corregir en la librería. Esta es una limitación conocida del linter de Angular con componentes standalone y selectores personalizados.
+
+#### Solución en el Proyecto Consumidor
+
+1. **Mantener el archivo `.eslintrc.json` en el proyecto consumidor** con la configuración adecuada
+2. **El código funciona correctamente** a pesar del warning
+3. **Puedes ignorar el warning** de forma segura, ya que es un falso positivo
+
+#### Recomendación
+
+- Documentar en el README del proyecto consumidor que este warning es un falso positivo conocido
+- El código funciona correctamente a pesar del warning
+- Mantener la configuración del linter en el proyecto consumidor
+
 ## Soporte
 
 Para problemas, preguntas o contribuciones, por favor abre un issue en el repositorio.