Design System TIS

Esta documentação organiza o Design System a partir dos componentes. A tecnologia é uma decisão de implementação dentro do mesmo contrato de design.

A implementação HTML/CSS/JS da v1 continua estável. A vNext publica o estado real das quatro saídas definidas pela ADR-023; uma tecnologia só fica selecionável quando existe implementação funcional e verificável para aquele componente.

Comece pelos componentes

O catálogo de componentes organiza os 26 contratos por função e mostra o estado das quatro implementações. Saídas funcionais abrem suas páginas; as planejadas ou indisponíveis permanecem visíveis sem oferecer um link inerte.

Integre na sua tecnologia

• Web CSS é a implementação estável e agnóstica de framework;
• React é distribuído em beta como source pelo registry shadcn;
• Ark/Zag possui adapters beta independentes, expostos componente a componente no catálogo;
• Angular é uma biblioteca nativa beta validada por tarball local;
• agents IA usam APIs estruturadas e as mesmas páginas humanas.

Como ler uma página de componente

Cada componente separa o conteúdo em quatro visões:

• Design: preview, anatomia, variantes e estados;
• Uso: quando usar, quando não usar e composição;
• Implementação: instalação, contrato público e arquitetura técnica;
• Acessibilidade: semântica, responsabilidades e evidência de validação.

Para decisões arquiteturais, consulte Arquitetura e coexistência. O catálogo completo em produção permanece na documentação estável da v1.