# Lexy Kit — HTML / low-fi

Los mismos componentes y blocks del Lexy Design System en **HTML plano**, sin
React ni Radix. Mismo look vía `kit.css` (theme Lexy + utilidades Tailwind ya
compiladas). Autocontenido: abre sin build ni red.

> **Artefacto derivado del registry — no se edita a mano.** Se genera con
> `pnpm generate:kit` desde `registry/components/*.tsx`,
> `registry/blocks/*` y `registry/theme/lexy-theme.css`. Para cambiar algo,
> cambia la fuente y regenera.

## Uso

- Abre `index.html` para el catálogo navegable.
- Cada componente está en `components/<nombre>.html`; cada block en
  `blocks/<nombre>.html`. Copia el markup y reusa las clases.
- `manifest.json` es el índice máquina-legible (para agentes): nombre, archivo,
  descripción y estados (specimens) de cada item.

## Estados interactivos

Los overlays (menús, selects, popovers, tooltips, diálogos) traen un specimen
**Interactivo**: su contenido abierto fue capturado del componente real y
`kit.js` (incluido) lo muestra/oculta al click o hover. No usa React ni Radix —
es un toggle genérico sobre el HTML capturado.

## Para prototipos low-fi con Claude

Apunta a `manifest.json` para descubrir el inventario y a `kit.css` para el
estilo. Carga `kit.js` si reusas un overlay. Componiendo el markup de varias
páginas se arma un prototipo con el look real de Lexy.

## Límite conocido

Las visualizaciones que miden el DOM (Chart) quedan en su estado base. Los
paneles se posicionan de forma simple (no con el motor de Floating UI de Radix):
suficiente para un kit low-fi.

## Contenido

55 componente(s) · 6 block(s).