Design System

Fundamentos visuais, componentes e padrões de interface usados em todas as telas do HaisFaturamento. Use esta referência antes de criar qualquer tela nova.

Padrões

Feedback e estados

Alertas, toasts, progresso, skeletons e os estados de carregando, vazio e erro.

Alertas

Mensagem persistente no contexto. Para confirmação de ação use toast.

Análise em processamento

Você pode continuar navegando enquanto o arquivo é processado.

Falha na importação

Dois arquivos não puderam ser lidos. Reenvie em formato PDF.

Toast

Confirmação curta de uma ação concluída. Sempre via sonner (toast.success/error).

Progresso e carregamento

Progress para etapas mensuráveis; Skeleton para conteúdo que preserva o layout.

Estados de dados

Toda superfície de dados cobre carregando, vazio e erro — sempre com estes componentes.

Carregando análises…

Nenhum resultado

Ajuste os filtros ou amplie o período.

Não foi possível carregar

Tente novamente em alguns instantes.

Identidade

Avatar com iniciais quando não há foto — usado na sidebar e em listas de profissionais.

MSJPIniciais do nome, no máximo duas letras.