Blocks
Composições de alto nível prontas para copiar e usar em aplicações web. Cada block usa tokens semânticos e funciona automaticamente em dark mode.
Area Chart
Gráfico de área SVG com múltiplas séries, legenda clicável e métricas de resumo.
Auth Layout
Card centralizado com logo, form de login e links auxiliares.
Bar List
Lista ranqueada com barras de progresso — distribuição por cidade, canal ou categoria.
Card
Container com header, conteúdo, footer e variante de métrica.
Expandable Table
Expansão de linhas com tabelas aninhadas ou sub-linhas separadas — DOM de tabela válido para drill-down e listas hierárquicas.
Data Table
Tabela completa — header fixo, seleção, busca, visibilidade de colunas e reordenação arrastável.
Donut Chart
Gráfico de rosca SVG com legenda interativa — composição de portfólio e distribuição.
Empty State
Ícone + título + descrição + CTA para estados vazios e erros.
Filter Bar
Busca + selects de filtro + badges de filtros ativos.
Input
Campo de entrada com label, ícone, senha, erro e desabilitado.
KPI Spark Cards
Cards de métricas com mini spark line SVG — tendência visual inline.
Layout
App-shell completo: sidebar + top nav + área de conteúdo. Traga seu SidebarNav e TopNav.
Notification Panel
Painel dropdown com lista de notificações lidas e não-lidas.
Page Header
Título + breadcrumb + descrição + ações com variantes simples e completo.
Segmented
Switcher pill exclusivo para alternar visualizações e filtros de período.
Server Table
Mesma UI da Data Table, com sort/page/busca controlados — para tabelas dirigidas pelo backend.
Stats Grid
Grid de cards métricas para dashboards: imóveis, ocupação, receita.
User Menu
Dropdown com avatar, nome, email, links de perfil/config e logout.
Virtual Data Table
Tabela virtualizada para datasets enormes — mesma toolbar e modelo de seleção da Data Table, com scroll fluido em 10k+ linhas.