ADR-0007 · Design system com shadcn/ui em @moldape/ui

Status: aceito

Contexto

A interface usava Material Tailwind e componentes ad hoc, com estilos divergentes entre telas.

Decisão

Padronizar em shadcn/ui (primitivos Radix UI + variantes com class-variance-authority + tailwind-merge) sobre Tailwind CSS. Os componentes ficam no pacote @moldape/ui e os tokens em variáveis CSS HSL (--primary, --moldape-primary…). shadcn e Tailwind são ambos oficiais: o Tailwind para layout e utilitários, o @moldape/ui para componentes.

Consequências

• ➕ Acessibilidade de base dos primitivos Radix (foco, teclado, ARIA).
• ➕ Componentes versionados e testados (packages/ui/src/__tests__).
• ➖ Ainda há cores da paleta Material fixas no código (#C62828, #8BC34A, #FFB300…) fora dos tokens; ver Design tokens.
• 🧹 Remover @material-tailwind/react e o wrapper withMT do tailwind.config.js.