Nuestro design system, propio.

Roles de color semánticos, claro/oscuro y marcas.

Variantes, tamaños, estados y asChild.

Botón cuadrado para un solo ícono.

Tamaños, pesos y tonos.

Niveles semánticos h1–h6.

Columna flex con gap tokenizado.

Fila flex con gap/align/wrap.

Grilla de columnas iguales.

Línea divisoria horizontal/vertical.

Campo de texto de una línea.

Campo de texto multilínea.

Etiqueta + control + ayuda/error.

Casilla accesible (Radix).

Interruptor on/off (Radix).

Selección única (Radix).

Desplegable accesible (Radix).

Selección múltiple con chips, limpiable.

Etiqueta compacta de estado/categoría.

Imagen con fallback (Radix).

Superficie compuesta (header/content/footer).

Etiqueta flotante accesible (Radix).

Mensaje contextual con variantes.

Indicador de carga animado.

Placeholder de carga.

Modal accesible (Radix).

Confirmación destructiva (Radix).

Menú contextual (Radix).

Contenido flotante (Radix).

Pestañas (Radix).