- Angular (v21+): Framework principal para la construcción de componentes reutilizables.
- RxJS: Manejo reactivo de eventos y estados.
- TypeScript: Tipado estático para asegurar consistencia en los componentes.
- @angular/material: Base de componentes UI siguiendo Material Design.
- @angular/cdk: Utilidades para overlays, accesibilidad y comportamiento avanzado.
- lucide-angular: Librería de íconos moderna y personalizable.
- Storybook: Entorno aislado para desarrollo y documentación de componentes.
- @storybook/angular: Integración de Storybook con Angular.
- @storybook/addon-docs: Generación de documentación automática.
- @storybook/addon-a11y: Validación de accesibilidad (a11y).
- @storybook/addon-onboarding: Configuración inicial y guía de Storybook.
- Chromatic: Publicación, versionado visual y testing visual de componentes.
- Vitest: Framework de pruebas unitarias rápido.
- jsdom: Simulación del DOM en entorno de testing.
- ng-packagr: Empaquetado de la librería para distribución.
- @angular-devkit/build-angular: Herramientas de build de Angular.
- @angular/cli: CLI para desarrollo y generación de artefactos.
- TypeScript: Compilación del código fuente.
- Prettier: Formateo automático de código.
Nebula UI Kit está diseñado como una librería desacoplada que:
- Provee componentes reutilizables para Nebula ERP
- Centraliza estilos, diseño y patrones UX
- Permite desarrollo aislado mediante Storybook
- Facilita testing visual con Chromatic
- Botones, inputs, modales y layouts reutilizables
- Componentes complejos (tablas, formularios dinámicos)
- Sistema de diseño unificado
- Base visual para múltiples aplicaciones
Nebula UI Kit es el núcleo de la experiencia visual de Nebula ERP, construido con:
- Angular + Material + CDK → Base sólida de componentes
- Storybook + Chromatic → Documentación y validación visual
- Vitest → Testing rápido y moderno
Esto garantiza consistencia visual, reutilización y escalabilidad en todo el ecosistema Nebula.