Sobre o projeto

O AI DIAL UI Kit é uma biblioteca de componentes React pronta para produção, desenvolvida pela EPAM Systems, projetada para agilizar o desenvolvimento de interfaces AI DIAL. Construída com as versões mais recentes de React (19+), TypeScript (5.0+), Vite e Tailwind CSS, oferece uma coleção de componentes base, incluindo Botões, Campos de Entrada, Menus Suspensos e outros, permitindo que desenvolvedores reutilizem elementos rapidamente e mantenham consistência de design em aplicações AI DIAL. Os principais recursos incluem: - **Experiência de Usuário Unificada**: Garante consistência de design em aplicações AI DIAL - **Temas Altamente Personalizáveis**: Capacidades profundas de temas usando propriedades personalizadas CSS, com camadas de fundo configuráveis, cores de texto e raios de canto - **Acessibilidade**: Suporte abrangente de acessibilidade, incluindo conformidade com o tamanho de alvo WCAG 2.5.5 (Nível AAA), com exceções documentadas para controles onde alvos maiores causariam conflitos de layout - **Documentação Storybook**: Documentação interativa de componentes e playground de desenvolvimento com testes visuais, ferramentas de teste de acessibilidade e testes de design responsivo - **Bem Testado**: Cobertura abrangente de testes (70%+) usando Vitest e React Testing Library - **Experiência do Desenvolvedor**: Utiliza ESLint, Prettier e Husky para qualidade de código sustentável - **Pronto para Distribuição**: Implantado como pacote NPM (@epam/ai-dial-ui-kit) pronto para integração fácil - **Suporte a Tree Shaking**: Importe apenas os componentes necessários para reduzir o tamanho do pacote - **Integração com Next.js**: Integração perfeita com aplicações Next.js - **Servidor MCP para Agentes de IA**: Servidor integrado do Model Context Protocol que permite que agentes de IA descubram componentes, tipos, hooks e utilitários programaticamente, permitindo que assistentes de IA gerem código de componente preciso e type-safe A biblioteca suporta controles de tamanho padrão e pequeno com raios de canto configuráveis por meio de propriedades personalizadas CSS. Inclui componentes opcionais de editor Markdown que exigem importações CSS adicionais. A estrutura do projeto segue uma organização limpa com diretórios de componentes, estilos e tipos. Os pré-requisitos incluem Node.js >= 22.2.0 e npm >= 10.7.0. O projeto é licenciado sob Apache 2.0 e faz parte do ecossistema AI DIAL mais amplo, com o projeto principal AI-DIAL servindo como ponto de entrada para todos os projetos AI DIAL.