Todos os componentes

Primitivo de layout flex com espaçamento consciente dos tokens.

• Padding/margin consciente dos tokens
• Cores ligadas ao tema

Pilha vertical / horizontal com tokens de gap.

• VStack / HStack
• Gap via tokens de espaçamento

Primitivo tipográfico ligado às variantes do tema.

• 10 variantes de tipo
• Cor clara/escura automática

Tipografia de display e título com níveis semânticos.

• Níveis semânticos h1-h6
• Letter-spacing afinado

Separador fino com variantes de inset.

• Horizontal / vertical
• Inset esquerda/direita

Escala nativa ao pressionar com suporte a reduce-motion.

• Spring do Reanimated
• Feedback háptico opcional

Texto com deslocamento automático quando o conteúdo transborda.

• Deteção de transbordo
• Velocidade configurável

Indicador compacto de progresso / paginação.

• Escala do ponto ativo
• Contagem configurável

Etiqueta de secção em maiúsculas para listas agrupadas.

• Maiúsculas automáticas
• Cor de tema atenuada

Variantes primário, secundário, fantasma e destrutivo com acento de brilho.

• 6 variantes
• 3 tamanhos (sm/md/lg)
• Spinner de carregamento
• Pressão háptica

Alvo de ícone tocável e compacto com hit-slop.

• Hit-slop automático
• Suporte a emblema

Input de texto com tema e estados de label, helper e erro.

• Label + erro + helper
• Animação de borda ao focar
• Asterisco de obrigatório

Input multilinha com crescimento automático.

• Altura com crescimento automático
• Contador de caracteres

Campo de prompt em linha usado em fluxos tipo chat.

• Slot de botão de envio
• Layout pronto para chat

Select apoiado em sheet com opções pesquisáveis.

• Seletor com BottomSheet
• Filtragem por pesquisa
• Seleção múltipla

Campo de pesquisa com affordances de limpar e cancelar.

• Botão de limpar
• Animação de cancelar

Checkbox acessível com estado indeterminado.

• Estado indeterminado
• Slot de label

Primitivo de grupo de radio.

• Contexto de grupo
• Controlado/não controlado

Interruptor fiel à plataforma.

• Sensação nativa iOS / Android
• Cores personalizadas

Formas de chip de filtro, seleção e etiqueta.

• Ícone de fechar
• Estado selecionado

Emblemas numéricos e de ponto para contagens e estado.

• Modo numérico / ponto
• Variantes de cor

Avatar de imagem / iniciais com tokens de tamanho.

• 4 tamanhos (sm-xl)
• Iniciais automáticas do nome
• Texto de contraste

Contentor de superfície com variantes de elevação.

• Níveis de elevação
• Opção tocável

Bloco de conteúdo agrupado com cabeçalho opcional.

• Slots de cabeçalho + rodapé
• Separadores em inset

Cabeçalho de lista fixo com título, ação e transformação.

• Scroll fixo
• Slot de botão de ação

Primitivo de linha com slots leading, trailing e subtítulo.

• Slots leading/trailing
• Subtítulo + chevron

Contentor de lista agrupado com separadores em inset.

• Separadores automáticos
• Cabeçalho de secção

Linha de lista com controlo Switch no fim.

• Switch integrado
• Pronto para definições

Linha tipo definições com ícone e chevron.

• Ícone + chevron
• Slot de subtítulo

Barra de navegação com render personalizado e títulos empilhados.

• Colapso de título grande
• Slot de botão de voltar

Modal centrado com backdrop e dispensa.

• Dispensa por backdrop
• Entrada animada

Sheet guiado por gestos com pontos de fixação.

• Deslize do Reanimated
• Composto Header/Body/Footer
• Dispensável

Fachada de toast imperativa com variantes e posições.

• 5 variantes
• Posição topo/fundo
• Botão de ação
• Auto-dispensa

Indicador de atividade ligado ao acento do tema.

• Cor de acento do tema
• Tokens de tamanho

Placeholder com shimmer e preset `.Card`.

• Animação de shimmer
• Forma preset de Card

Progresso determinado e indeterminado.

• Determinado / indeterminado
• Preenchimento animado

Modelo de estado vazio / erro / sucesso.

• Ícone + título + CTA
• 3 tipos de estado

Boundary resiliente com reset keys e HOC.

• Reset keys
• Render de fallback
• HOC withErrorBoundary

Overlay de explosão de confetti celebrativo.

• Contagem de partículas
• API de disparo

Barra de separadores inferior estilo iOS com gestão de área segura.

• Inset de área segura
• 2-5 separadores
• Slot de emblema
• Seleção háptica

Contagem decrescente ao vivo até uma data alvo com exibição segmentada.

• Dias / horas / minutos / segundos
• Estado expirado
• Etiquetas localizáveis

Mosaico de métrica com valor, delta e tom de tendência.

• Tons positivo / negativo / neutro
• Seta de delta
• Tamanhos compacto e regular

Wrapper de ecrã consciente da área segura.

• Insets de área segura
• Opção de scroll