Catálogo de Componentes de Apresentação

O repositório adota Atomic Design simplificado, separando componentes atômicos agnósticos de componentes de domínio:

Componente Localização Responsabilidade

BaseButton

components/base/BaseButton.vue

Botão interativo com suporte a loading states, variantes e acessibilidade.

BaseInput

components/base/BaseInput.vue

Campo de formulário com rótulo, mensagem de erro e tamanho tipográfico mobile-first.

BaseCard

components/base/BaseCard.vue

Container de superfície de nível 2 (--surface-2) para coleções.

OrganizationCard

components/domain/organization/

Card de exibição resumida de entidade organizacional.

InstanceStatusBadge

components/domain/instance/

Badge reativo de status de conectividade de instância WhatsApp.