Catálogo SDUI de 11 componentes organizados em 3 camadas — Primitives, Containers e Compositions. Cada componente documenta anatomia, variantes, estados e tokens.
Como o catálogo é organizado
O catálogo parte do menor bloco reutilizável — o primitive — e compõe camadas progressivas até as Compositions, que entregam casos de uso completos. Cada componente referencia o contrato canônico em components.md, garantindo rastreabilidade entre decisão de produto e implementação.
Primitives
Blocos atômicos que não se decompõem em componentes menores — sem conteúdo de domínio, reutilizáveis em qualquer camada acima.
Containers
Wrappers que agregam primitives em composições de layout — definem superfície, elevação e grade sem fixar conteúdo de domínio.
Compositions
Componentes de produto que combinam containers e primitives com slots semânticos fixos — cada um resolve um caso de uso específico do Peppe.