Componentes

CmAccordion

Lista de secoes expansivas para perguntas frequentes, filtros e detalhes progressivos.

CmAlert

Mensagem contextual com tom semantico, acao opcional e modo descartavel.

CmAlertDialog

Confirmacao acionada por trigger render-prop para acoes destrutivas ou sensiveis.

CmCarousel

Carrossel de cards ou midia com controles e dots opcionais.

CmCollapsible

Area expansivel com trigger customizavel.

CmConfirmDialog

Dialogo controlado para confirmacoes com estado de submissao.

CmDialog

Modal acessivel com foco preso, scroll lock, tamanhos e rodape.

CmDrawer

Painel lateral ou inferior para detalhes e edicoes contextuais.

CmEmpty

Estado vazio com titulo, descricao, icone e acao opcional.

CmHoverCard

Cartao de detalhe acionado por hover/foco.

CmPopover

Conteudo flutuante ancorado a um trigger.

CmPortal / CmPortalPanel

Renderizacao em document.body e painel posicionado em cantos da viewport.

CmProgress

Barra de progresso nativa estilizada.

CmProgressModal

Modal de progresso com passos, status e barra agregada.

CmTabs

Abas compostas por Root, List, Trigger e Content.

CmToastProvider / useCmToast

Sistema de notificacoes temporarias com provider e hook.

CmWizard

Fluxo em etapas com orientacao horizontal ou vertical.

CmAppShell

Casca de aplicacao com sidebar, topbar e area principal responsiva.

CmAspectRatio

Container de proporcao fixa para midia, graficos e previews.

CmGridContainer / CmGrid

Grid responsivo com spans por breakpoint.

CmRow / CmCol / CmStack / CmContainer

Primitivos de composicao para alinhar, empilhar e limitar largura.

CmPage

Container de pagina com padding, gap, largura maxima e scroll.

CmPageHeader

Cabecalho de pagina com titulo, descricao, meta, icone e acoes.

CmResizable

Painel com largura ajustavel por arraste.

CmScrollArea

Area com altura controlada para conteudo rolavel.

CmSectionHeader

Cabecalho de secao com descricao, acoes, borda e padding.

CmSeparator

Separador horizontal ou vertical com espacamento e comprimento.

CmSidebar

Layout de navegacao lateral com grupos, colapso, marca e rodape.

CmToolbar / CmFilterBar

Barra flexivel de controles com densidade, wrap e alinhamento.

CmTopbar

Barra superior com secoes start, center e end.

CmAvatar

Avatar com imagem, fallback e tamanhos padronizados.

CmBadge

Marcador compacto para status, categorias e contadores leves.

CmBarChart

Grafico de barras simples para comparacoes rapidas.

CmCalendar

Calendario mensal com selecao de data.

CmCard

Superficie flexivel para agrupar conteudo, cabecalho, rodape e cover.

CmCodeBlock

Bloco de codigo com linguagem, modo inline e botao de copiar.

CmDataTable

Tabela com ordenacao, paginacao, toolbar, empty state e painel de detalhe.

CmIcon

Gateway para Iconify, usando nomes de icones de 150+ bibliotecas.

CmIconBadge

Badge circular para destacar um icone ou simbolo curto.

CmItem

Linha de item com titulo, descricao e metadado.

CmKbd

Representa teclas e atalhos de teclado.

CmLineChart

Grafico de linha simples para tendencias.

CmMetricCard

Card de KPI com valor, tendencia, tom e acento.

CmText

Tipografia com elemento, tamanho, tom, peso, espacamento e truncamento.

CmTreeView

Arvore de categorias/permissoes com busca, expansao, selecao e drag opcional.

CmBreadcrumb

Trilha hierarquica com adaptador de link opcional.

CmButton

Botao de acao com variantes, tons, tamanhos, icones e loading.

CmButtonGroup

Agrupa botoes em orientacao horizontal ou vertical.

CmCommand

Paleta de comandos com trigger, busca, atalhos e itens.

CmContextMenu

Menu contextual aberto por clique secundario.

CmDropdownMenu

Menu ancorado com itens, separadores, atalhos e alinhamento.

CmLink

Link com variantes, tons e adaptador para roteadores.

CmMenubar

Barra horizontal de itens de menu com acao trailing.

CmNavigationMenu

Menu de navegacao horizontal com item ativo.

CmPagination

Paginacao em modo completo ou compacto.

CmSplitButton

Botao com dropdown de opcoes para escolher uma acao ou filtro.

CmUserMenu

Menu de usuario com avatar, cabecalho e itens de dropdown.

CmCheckbox

Checkbox com label, descricao e apresentacoes compactas.

CmCombobox

Selecao pesquisavel com item, descricao e estado vazio.

CmField

Wrapper de campo com label, dica, descricao, erro e densidade.

CmForm

Estrutura de formulario com titulo, descricao, grid e barra de acoes.

CmInput

Input com label, ajuda, erro, sucesso, adornos e modo numerico.

CmInputGroup

Moldura para agrupar input com prefixo e sufixo.

CmInputOTP

Entrada segmentada para codigos curtos.

CmLabel

Label acessivel com indicador opcional.

CmMultiSelect

Selecao multipla compacta com dropdown.

CmRadioGroup

Grupo de opcoes mutuamente exclusivas.

CmSelect

Select customizado com label, estados, adornos, clear e icones opcionais.

CmSwitch

Alternador booleano com input oculto opcional para formularios.

CmTextarea

Area de texto com label, ajuda, erro, sucesso e adornos.

CmThemeProvider

Provider de tema, densidade e chrome para a aplicacao.

CmThemeToggle / CmThemeMenu

Controle de troca de tema com apresentacao normal ou compacta.