Todos los componentes

Primitivo de layout flex con espaciado consciente de tokens.

• Padding/margin consciente de tokens
• Colores vinculados al tema

Pila vertical / horizontal con tokens de gap.

• VStack / HStack
• Gap mediante tokens de espaciado

Primitivo tipográfico vinculado a las variantes del tema.

• 10 variantes de tipo
• Color automático claro/oscuro

Tipografía de display y titular con niveles semánticos.

• Niveles semánticos h1-h6
• Letter-spacing afinado

Separador fino con variantes de inset.

• Horizontal / vertical
• Inset izquierda/derecha

Escalado nativo al pulsar con soporte de reduce-motion.

• Spring de Reanimated
• Feedback háptico opcional

Texto con desplazamiento automático cuando el contenido desborda.

• Detección de desbordamiento
• Velocidad configurable

Indicador compacto de progreso / paginación.

• Escala del punto activo
• Conteo configurable

Etiqueta de sección en mayúsculas para listas agrupadas.

• Mayúsculas automáticas
• Color de tema atenuado

Variantes primaria, secundaria, fantasma y destructiva con acento de brillo.

• 6 variantes
• 3 tamaños (sm/md/lg)
• Spinner de carga
• Pulsación háptica

Objetivo de icono pulsable y compacto con hit-slop.

• Hit-slop automático
• Soporte de insignia

Input de texto tematizado con estados de label, helper y error.

• Label + error + helper
• Animación de borde al enfocar
• Asterisco de obligatorio

Input multilínea con auto-crecimiento.

• Altura auto-crecible
• Contador de caracteres

Campo de prompt en línea usado en flujos tipo chat.

• Slot de botón de envío
• Layout listo para chat

Select respaldado por sheet con opciones buscables.

• Selector con BottomSheet
• Filtrado por búsqueda
• Selección múltiple

Campo de búsqueda con affordances de limpiar y cancelar.

• Botón de limpiar
• Animación de cancelar

Checkbox accesible con estado indeterminado.

• Estado indeterminado
• Slot de label

Primitivo de grupo de radio.

• Contexto de grupo
• Controlado/no controlado

Interruptor preciso por plataforma.

• Sensación nativa iOS / Android
• Colores personalizados

Formas de chip de filtro, selección y etiqueta.

• Icono de cerrar
• Estado seleccionado

Insignias numéricas y de punto para conteos y estado.

• Modo numérico / punto
• Variantes de color

Avatar de imagen / iniciales con tokens de tamaño.

• 4 tamaños (sm-xl)
• Iniciales automáticas del nombre
• Texto de contraste

Contenedor de superficie con variantes de elevación.

• Niveles de elevación
• Opción pulsable

Bloque de contenido agrupado con cabecera opcional.

• Slots de cabecera + pie
• Divisores en inset

Cabecera de lista fija con título, acción y transformación.

• Scroll fijo
• Slot de botón de acción

Primitivo de fila con slots leading, trailing y subtítulo.

• Slots leading/trailing
• Subtítulo + chevron

Contenedor de lista agrupado con divisores en inset.

• Divisores automáticos
• Cabecera de sección

Fila de lista con control Switch al final.

• Switch integrado
• Listo para ajustes

Fila tipo ajustes con icono y chevron.

• Icono + chevron
• Slot de subtítulo

Barra de navegación con render personalizado y títulos apilados.

• Colapso de título grande
• Slot de botón atrás

Modal centrado con backdrop y descarte.

• Descarte por backdrop
• Entrada animada

Sheet dirigido por gestos con puntos de anclaje.

• Deslizamiento con Reanimated
• Compuesto Header/Body/Footer
• Descartable

Fachada de toast imperativa con variantes y posiciones.

• 5 variantes
• Posición superior/inferior
• Botón de acción
• Auto-descarte

Indicador de actividad ligado al acento del tema.

• Color de acento del tema
• Tokens de tamaño

Placeholder con shimmer y preset `.Card`.

• Animación de shimmer
• Forma preset de Card

Progreso determinado e indeterminado.

• Determinado / indeterminado
• Relleno animado

Plantilla de estado vacío / error / éxito.

• Icono + título + CTA
• 3 tipos de estado

Boundary resiliente con reset keys y HOC.

• Reset keys
• Render de fallback
• HOC withErrorBoundary

Overlay de explosión de confeti celebratorio.

• Conteo de partículas
• API de disparo

Barra de pestañas inferior estilo iOS con manejo de área segura.

• Inset de área segura
• 2-5 pestañas
• Slot de insignia
• Selección háptica

Cuenta atrás en vivo hacia una fecha objetivo con visualización segmentada.

• Días / horas / minutos / segundos
• Estado expirado
• Etiquetas localizables

Tarjeta de métrica con valor, delta y tono de tendencia.

• Tonos positivo / negativo / neutro
• Flecha de delta
• Tamaños compacto y regular

Envoltura de pantalla consciente del área segura.

• Insets de área segura
• Opción de scroll