# Auditoría de alcance de tema — el catálogo entero > **Generado**, no escrito a mano: `node --import tsx/esm scripts/theming-census.ts --report`. > Este README es la vista de conjunto; **una ficha por componente** al lado, con > su análisis y su **propuesta de corrección**. Método, clases, protocolo de > verificación y fases: [`PLAN-theming.md`](../../process/PLAN-theming.md). > La auditoría del SISTEMA de theming (fase 1, cerrada 2026-07-07) es > [`theming-audit.md`](../theming-audit.md); ésta es la deuda de adopción que > aquélla dejó apuntada en su §5.3-3. - **Medido**: 2026-08-25 · **162 recetas** con CSS + **8 componentes sin receta** = 170 fichas, el árbol entero de `eidos/components/` - **La pregunta**: ¿cuánto de la apariencia de cada componente puede cambiar un tema **sin tocar el sistema ni la receta**? - **Alcance global**: **73%** — 3074 de 4228 knobs pasan por un token público del componente - **Reparto**: público 3074 · privado 66 · global 763 · literal 325 · sistema transversal 509 · excepción firmada 273 · estructural 9 · puente de paleta 132 · canal de valor 36 _(los cinco últimos, fuera del ratio)_ - **Sin token público propio**: 16 · **alcance < 20 %**: 6 · **alcance 100 %**: 65 · **con eje `size`**: 55 · **estructurales**: 5 ## Cómo se lee | clase | qué es | ¿lo alcanza un tema del componente? | | --- | --- | --- | | `public` | `var(--{c}-…)`, el contrato del componente | **sí** | | `private` | `var(--_{c}-…)`, nombre interno | sólo si el privado deriva de un público (cada ficha lo dice en §3) | | `global` | primitivo del sistema (`--space-*`, `--radius-*`, `--color-*`, bundle `--size-{k}-*`…) | sólo moviendo el sistema entero | | `literal` | ni token: `8px`, `1.25`, `#fff` | no — y viola R-2/R-4 | | `system` | sistemas transversales que la receta CONSUME por contrato (capa de estado, anillo de foco, planos de depth, motion, bandas z, opacidad, shape, floating-gap) | sí, **a nivel de sistema**, por diseño (recipe-contract §2) — fuera del ratio | | `exception` | un literal con su anotación `/* literal: */` en la propia declaración | no hace falta: es la válvula de recipe-contract §3, una desviación ya firmada — fuera del ratio | | `structural` | **todos** los knobs de un componente cuyo 0 % es su NATURALEZA y no su deuda: no hay contrato que escribir (lista firmada abajo) | no hace falta: no hay superficie que un tema pueda nombrar — fuera del ratio, y su fila lee `strct`, no `0 %` | | `bridge` | `var(--_{c}-palette-{slot})`: el privado que **escribe el forward** de la cascada de paleta (THM-2) | sí, **por la paleta** — y también por los tonos públicos del componente; acuñar encima mataría el `color=` por instancia — fuera del ratio | | `channel` | `var(--_{c}-x, fallback)` que **nadie declara**: lo escribe soma o el envoltorio por INSTANCIA (un %, un rect medido, la talla de una prop) | **no debe**: fijarlo desde un tema rompe el comportamiento — fuera del ratio | **Alcance** = `public / (public + private + global + literal)`. `system`, `exception`, `structural`, `bridge` y `channel` quedan fuera del denominador: el primero es tematizable a nivel de sistema por diseño, el segundo es una desviación que el canon ya aceptó por escrito, el tercero no tiene nada que un tema pueda nombrar, y los dos últimos son las dos formas de privado que la doctrina de este eje ya adjudicó como NO deuda — el mecanismo de la paleta y el valor de runtime. Lo que queda en `private` es el **residuo**: se adjudica clave por clave (`theming-census.ts --residue`). **Límites de la medida** (regex sobre el CSS; sobre-reporta, nunca infra-reporta): una declaración con varios tokens se clasifica por la primera clase que casa (público → privado → sistema → global); el token público de OTRO componente cuenta como `global` y la ficha lo marca «⤴ prestado»; los valores dentro de `@keyframes` cuentan como cualquier otro. Tres defectos que ningún regex ve — privado que no deriva, velo en el nodo equivocado, doble animación — van en la checklist §4.4 de cada ficha. ## Estructurales (5) — 0 % por naturaleza, no por deuda Medidos uno a uno el 2026-08-22, con **veredicto §5 escrito** en su ficha: ninguno tiene contrato que escribir. Mientras el censo los contaba como a un componente con deuda real, la cifra global mentía por abajo y el gate de F3 («censo 100 %») era inalcanzable **por construcción** (next-features §13). Sus knobs se siguen contando y listando —un knob estructural sigue siendo un knob—; sólo salen del **denominador**, igual que `system`. La lista firmada vive en `scripts/theming-census.ts` (`STRUCTURAL_COMPONENTS`), con su razón al lado. - [`aspect-ratio`](./aspect-ratio.md) (3): es una FACETA de `box`, no un componente: el eje lo posee `box` y su knob viene prestado (⤴); `--aspect-ratio` es canal de valor por instancia - [`cascade`](./cascade.md) (1): su knob es el `opacity` del gate antiparpadeo: mecánica del canal de motion, cuyo valor tematizable vive en `EidosConfig.motion` - [`date-picker`](./date-picker.md) (2): sus dos knobs son la corrección `max-content` del pie del popover — un único valor correcto; su cromo vive en `field`, `calendar` y `picker-shell` - [`motion`](./motion.md) (1): igual que `cascade`: el `opacity` del gate `[data-animation-pending]` es mecánica del canal, tematizable desde `EidosConfig.motion` - [`text-blur`](./text-blur.md) (2): sus dos knobs son el `1px` de la técnica sr-only: receta de accesibilidad idéntica en todo el catálogo, no estética ## Puente de paleta (132 knobs) y canal de valor (36) — privados que NO son deuda Las dos formas de privado que la doctrina de este eje ya adjudicó, y que ahora se distinguen **mecánicamente** — medidas contra el emisor, no adivinadas por el nombre. La fuente es la SALIDA del generador (`src/uix/eidos/generated/base.css`, que `generated-css.test.ts` mantiene idéntica a `renderStaticCss()`): - **puente** — el nombre aparece en la CSS generada como la línea del forward `--_{c}-palette-{slot}: var(--palette-{slot}, …)`. Un nombre con forma de puente que nadie reenvía **no cuenta**. - **canal** — el privado no lo declara nadie: ni la CSS del componente ni el generador. Lo escribe soma o el envoltorio por instancia. **Puente** (30): [`tag-group`](./tag-group.md) 14 · [`stepper`](./stepper.md) 11 · [`radio-group`](./radio-group.md) 10 · [`checkbox`](./checkbox.md) 8 · [`file-upload`](./file-upload.md) 8 · [`calendar`](./calendar.md) 7 · [`editable`](./editable.md) 7 · [`month-grid`](./month-grid.md) 7 · [`range-calendar`](./range-calendar.md) 7 · [`year-grid`](./year-grid.md) 7 · [`select`](./select.md) 5 · [`card`](./card.md) 4 · [`combobox`](./combobox.md) 4 · [`tags-input`](./tags-input.md) 4 · [`callout`](./callout.md) 3 · [`listbox`](./listbox.md) 3 · [`table`](./table.md) 3 · [`badge`](./badge.md) 2 · [`carousel`](./carousel.md) 2 · [`clipboard`](./clipboard.md) 2 · [`grid-list`](./grid-list.md) 2 · [`link`](./link.md) 2 · [`mark`](./mark.md) 2 · [`switch`](./switch.md) 2 · [`color-picker`](./color-picker.md) 1 · [`drag-drop`](./drag-drop.md) 1 · [`feed`](./feed.md) 1 · [`field`](./field.md) 1 · [`tree-grid`](./tree-grid.md) 1 · [`tree-view`](./tree-view.md) 1 **Canal** (14): [`chronos`](./chronos.md) 7 · [`drawer`](./drawer.md) 6 · [`dialog`](./dialog.md) 4 · [`popover`](./popover.md) 3 · [`tooltip`](./tooltip.md) 3 · [`code-block`](./code-block.md) 2 · [`color-picker`](./color-picker.md) 2 · [`link`](./link.md) 2 · [`progress`](./progress.md) 2 · [`background`](./background.md) 1 · [`file-upload`](./file-upload.md) 1 · [`knob`](./knob.md) 1 · [`meter`](./meter.md) 1 · [`scroll-frames`](./scroll-frames.md) 1 Lo que NO cae en ninguna de las dos es el **residuo** (66 knobs en 10 componentes): conmutadores por variante, privados que leen un global en una rama, escaleras por talla sin público detrás. Se adjudican clave a clave — `theming-census.ts --residue` los vuelca con las fuentes de cada declaración. ## Qué NO propone una ficha La propuesta deriva nombres de la doctrina; **no la contradice**. Por eso una ficha nunca propone acuñar un token para: - **lo que posee una capa compartida** (`list-surface`, `spin-field`, `picker-shell`, `viewport-placement`, `field-segment-state`, `menu-indicator`, `sliding-indicator`): un eje = un token público de la capa + una ranura privada, consumido `var(--_x, var(--x))` — el consumidor no acuña `--{c}-{eje}` (README de `eidos/components`, «Capas compartidas» regla 2); - **el foco** (`--focus-ring-*`, theming §32) ni **la capa de estado** (`--state-*`, §38): un knob del sistema, no del componente; - **un token prestado de otro componente** (la familia `calendar` en los pickers): la corrección es la decisión de familia registrada en [`theming-audit.md`](../theming-audit.md) §B, no un duplicado con prefijo propio; - **un shorthand o un eje físico** (`padding`, `border`, `height`): primero se parte en ejes lógicos (recipe-contract §1, R-4.4), y eso es decisión. ## Sin receta CSS (8) Ni un `.css` en su directorio: **no hay knob que medir**, y eso es una respuesta, no un hueco. Cada ficha dice —medido, no supuesto— dónde vive su visual: el componente que compone, la capa compartida que consume, o la receta ajena que pinta sus attrs (y cuyos knobs ya están contados allí). [`affix`](./affix.md) · [`count-up`](./count-up.md) · [`format-date`](./format-date.md) · [`format-number`](./format-number.md) · [`icon-button`](./icon-button.md) · [`relative-time`](./relative-time.md) · [`svg`](./svg.md) · [`trans`](./trans.md) Y el **vocabulario de nombres tiene una desviación medida**: el catálogo habla mayoritariamente con el modificador al final (`-bg-hover`, `-bg-active`) mientras theming §6.7 lo pone delante (`hover-bg`). Las fichas proponen la forma **documentada** y lo dejan anotado: la normalización es **D-TH.6**, sin firmar. ## Los 20 con más knobs fuera del contrato | # | componente | fuera de alcance | alcance | knobs | contrato | | ---: | --- | ---: | ---: | ---: | ---: | | 1 | [palabras](./palabras.md) | 360 | 22% | 468 | 0 | | 2 | [chronos](./chronos.md) | 223 | 1% | 240 | 9 | | 3 | [time-range-picker](./time-range-picker.md) | 67 | 20% | 88 | 22 | | 4 | [time-picker](./time-picker.md) | 47 | 18% | 59 | 16 | | 5 | [proof-of-human](./proof-of-human.md) | 44 | 24% | 62 | 20 | | 6 | [field-langs](./field-langs.md) | 37 | 0% | 39 | 0 | | 7 | [date-range-picker](./date-range-picker.md) | 30 | 40% | 53 | 22 | | 8 | [radio-cards](./radio-cards.md) | 27 | 61% | 72 | 40 | | 9 | [drawer](./drawer.md) | 21 | 67% | 72 | 54 | | 10 | [natural-time-picker](./natural-time-picker.md) | 20 | 74% | 77 | 62 | | 11 | [sidebar](./sidebar.md) | 19 | 55% | 45 | 50 | | 12 | [mockup](./mockup.md) | 18 | 38% | 29 | 9 | | 13 | [color-picker](./color-picker.md) | 16 | 79% | 81 | 71 | | 14 | [password-field](./password-field.md) | 13 | 62% | 35 | 30 | | 15 | [popover](./popover.md) | 12 | 73% | 50 | 46 | | 16 | [chart](./chart.md) | 10 | 89% | 95 | 45 | | 17 | [combobox](./combobox.md) | 9 | 89% | 97 | 106 | | 18 | [prose](./prose.md) | 9 | 83% | 53 | 37 | | 19 | [audio-player](./audio-player.md) | 8 | 56% | 18 | 8 | | 20 | [spin-field](./spin-field.md) | 8 | 67% | 26 | 20 | ## Sin ningún token público propio (16) Ni una clave pública en `lib/recipes/base.ts` — alguno tiene privados forward (`_palette-*`), que no son contrato: un tema no puede nombrarlos. [`alert-dialog`](./alert-dialog.md) · [`auto-grid`](./auto-grid.md) · [`css-field`](./css-field.md) · [`display`](./display.md) · [`field-langs`](./field-langs.md) · [`heading`](./heading.md) · [`highlight`](./highlight.md) · [`mask-field`](./mask-field.md) · [`month-grid`](./month-grid.md) · [`number-field`](./number-field.md) · [`palabras`](./palabras.md) · [`range-calendar`](./range-calendar.md) · [`stack`](./stack.md) · [`text`](./text.md) · [`wrap`](./wrap.md) · [`year-grid`](./year-grid.md) ## Tabla completa (162 recetas, por alcance ascendente) La columna «contrato» cuenta las claves **públicas** del bloque del componente. | componente | alcance | knobs | público | privado | global | literal | sistema | estructural | puente | canal | contrato | size | | --- | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | ---: | :-: | | [range-calendar](./range-calendar.md) | 0% | 98 | 0 | 0 | 2 | 4 | 85 | 0 | 7 | 0 | 0 | – | | [month-grid](./month-grid.md) | 0% | 61 | 0 | 0 | 0 | 5 | 49 | 0 | 7 | 0 | 0 | – | | [year-grid](./year-grid.md) | 0% | 61 | 0 | 0 | 0 | 5 | 49 | 0 | 7 | 0 | 0 | – | | [field-langs](./field-langs.md) | 0% | 39 | 0 | 0 | 31 | 6 | 2 | 0 | 0 | 0 | 0 | – | | [chronos](./chronos.md) | 1% | 240 | 3 | 14 | 198 | 11 | 7 | 0 | 0 | 7 | 9 | y | | [time-picker](./time-picker.md) | 18% | 59 | 10 | 12 | 24 | 11 | 2 | 0 | 0 | 0 | 16 | y | | [time-range-picker](./time-range-picker.md) | 20% | 88 | 17 | 19 | 33 | 15 | 4 | 0 | 0 | 0 | 22 | y | | [skin-media-player](./skin-media-player.md) | 22% | 11 | 2 | 0 | 1 | 6 | 2 | 0 | 0 | 0 | 10 | y | | [palabras](./palabras.md) | 22% | 468 | 103 | 1 | 272 | 87 | 5 | 0 | 0 | 0 | 0 | – | | [proof-of-human](./proof-of-human.md) | 24% | 62 | 14 | 0 | 29 | 15 | 4 | 0 | 0 | 0 | 20 | – | | [scroll-frames](./scroll-frames.md) | 38% | 9 | 3 | 0 | 1 | 4 | 0 | 0 | 0 | 1 | 4 | – | | [menu-dial](./menu-dial.md) | 38% | 8 | 3 | 0 | 1 | 4 | 0 | 0 | 0 | 0 | 3 | y | | [mockup](./mockup.md) | 38% | 29 | 11 | 0 | 13 | 5 | 0 | 0 | 0 | 0 | 9 | – | | [date-range-picker](./date-range-picker.md) | 40% | 53 | 20 | 9 | 19 | 2 | 3 | 0 | 0 | 0 | 22 | y | | [text-scramble](./text-scramble.md) | 50% | 4 | 2 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 2 | – | | [split-button](./split-button.md) | 50% | 2 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | y | | [toggle-group](./toggle-group.md) | 50% | 2 | 1 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 1 | – | | [sidebar](./sidebar.md) | 55% | 45 | 23 | 0 | 14 | 5 | 3 | 0 | 0 | 0 | 50 | – | | [audio-player](./audio-player.md) | 56% | 18 | 10 | 0 | 8 | 0 | 0 | 0 | 0 | 0 | 8 | – | | [link](./link.md) | 57% | 14 | 4 | 0 | 1 | 2 | 3 | 0 | 2 | 2 | 5 | – | | [radio-cards](./radio-cards.md) | 61% | 72 | 43 | 0 | 23 | 4 | 2 | 0 | 0 | 0 | 40 | y | | [password-field](./password-field.md) | 62% | 35 | 21 | 2 | 2 | 9 | 1 | 0 | 0 | 0 | 30 | y | | [spin-field](./spin-field.md) | 67% | 26 | 16 | 0 | 8 | 0 | 2 | 0 | 0 | 0 | 20 | – | | [virtual-list](./virtual-list.md) | 67% | 13 | 8 | 0 | 0 | 4 | 1 | 0 | 0 | 0 | 12 | – | | [drawer](./drawer.md) | 67% | 72 | 43 | 0 | 16 | 5 | 2 | 0 | 0 | 6 | 54 | y | | [s-text-virtual-list](./s-text-virtual-list.md) | 70% | 10 | 7 | 0 | 3 | 0 | 0 | 0 | 0 | 0 | 9 | – | | [popover](./popover.md) | 73% | 50 | 32 | 0 | 12 | 0 | 3 | 0 | 0 | 3 | 46 | y | | [virtual-grid](./virtual-grid.md) | 73% | 12 | 8 | 0 | 0 | 3 | 1 | 0 | 0 | 0 | 12 | – | | [natural-time-picker](./natural-time-picker.md) | 74% | 77 | 56 | 0 | 14 | 6 | 1 | 0 | 0 | 0 | 62 | y | | [color-picker](./color-picker.md) | 79% | 81 | 59 | 3 | 2 | 11 | 3 | 0 | 1 | 2 | 71 | y | | [aura](./aura.md) | 80% | 35 | 28 | 0 | 1 | 6 | 0 | 0 | 0 | 0 | 37 | y | | [spinner](./spinner.md) | 80% | 20 | 16 | 0 | 0 | 4 | 0 | 0 | 0 | 0 | 18 | – | | [knob](./knob.md) | 82% | 26 | 18 | 0 | 1 | 3 | 3 | 0 | 0 | 1 | 33 | – | | [meter](./meter.md) | 82% | 12 | 9 | 0 | 2 | 0 | 0 | 0 | 0 | 1 | 28 | y | | [carousel](./carousel.md) | 82% | 35 | 23 | 0 | 0 | 5 | 5 | 0 | 2 | 0 | 27 | – | | [prose](./prose.md) | 83% | 53 | 44 | 0 | 0 | 9 | 0 | 0 | 0 | 0 | 37 | y | | [clipboard](./clipboard.md) | 83% | 8 | 5 | 0 | 1 | 0 | 0 | 0 | 2 | 0 | 6 | – | | [skeleton](./skeleton.md) | 83% | 6 | 5 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 9 | – | | [onion-menu](./onion-menu.md) | 84% | 22 | 16 | 0 | 1 | 2 | 3 | 0 | 0 | 0 | 19 | – | | [waveform](./waveform.md) | 86% | 7 | 6 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 11 | y | | [context-menu](./context-menu.md) | 87% | 33 | 26 | 0 | 1 | 3 | 3 | 0 | 0 | 0 | 28 | – | | [kbd](./kbd.md) | 87% | 15 | 13 | 0 | 1 | 1 | 0 | 0 | 0 | 0 | 13 | – | | [textarea](./textarea.md) | 87% | 26 | 20 | 0 | 0 | 3 | 3 | 0 | 0 | 0 | 37 | – | | [metrics](./metrics.md) | 87% | 47 | 41 | 2 | 0 | 4 | 0 | 0 | 0 | 0 | 72 | y | | [announce](./announce.md) | 88% | 8 | 7 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 9 | – | | [media-player](./media-player.md) | 88% | 50 | 44 | 0 | 0 | 6 | 0 | 0 | 0 | 0 | 61 | – | | [code-block](./code-block.md) | 88% | 27 | 22 | 0 | 3 | 0 | 0 | 0 | 0 | 2 | 20 | – | | [gradient-picker](./gradient-picker.md) | 88% | 27 | 23 | 0 | 2 | 1 | 1 | 0 | 0 | 0 | 25 | – | | [menubar](./menubar.md) | 88% | 27 | 23 | 0 | 3 | 0 | 1 | 0 | 0 | 0 | 35 | y | | [chart](./chart.md) | 89% | 95 | 81 | 0 | 0 | 10 | 4 | 0 | 0 | 0 | 45 | – | | [float-panel](./float-panel.md) | 89% | 50 | 41 | 0 | 0 | 5 | 4 | 0 | 0 | 0 | 40 | – | | [combobox](./combobox.md) | 89% | 97 | 76 | 0 | 3 | 6 | 8 | 0 | 4 | 0 | 106 | – | | [card-group](./card-group.md) | 90% | 22 | 18 | 0 | 0 | 2 | 2 | 0 | 0 | 0 | 20 | – | | [result](./result.md) | 90% | 21 | 19 | 0 | 0 | 2 | 0 | 0 | 0 | 0 | 27 | – | | [grid-list](./grid-list.md) | 92% | 31 | 22 | 0 | 1 | 1 | 5 | 0 | 2 | 0 | 38 | – | | [listbox](./listbox.md) | 92% | 31 | 23 | 0 | 1 | 1 | 3 | 0 | 3 | 0 | 21 | – | | [accordion](./accordion.md) | 92% | 64 | 58 | 0 | 0 | 5 | 1 | 0 | 0 | 0 | 76 | y | | [table](./table.md) | 93% | 46 | 37 | 0 | 0 | 3 | 3 | 0 | 3 | 0 | 45 | – | | [gradient-builder](./gradient-builder.md) | 93% | 60 | 52 | 0 | 1 | 3 | 4 | 0 | 0 | 0 | 72 | – | | [progress](./progress.md) | 93% | 30 | 26 | 0 | 2 | 0 | 0 | 0 | 0 | 2 | 43 | y | | [color-field](./color-field.md) | 93% | 15 | 14 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 26 | y | | [form](./form.md) | 93% | 47 | 43 | 3 | 0 | 0 | 1 | 0 | 0 | 0 | 64 | y | | [feed](./feed.md) | 94% | 34 | 30 | 0 | 1 | 1 | 1 | 0 | 1 | 0 | 50 | – | | [tooltip](./tooltip.md) | 94% | 20 | 15 | 1 | 0 | 0 | 1 | 0 | 0 | 3 | 23 | y | | [cropper](./cropper.md) | 94% | 20 | 17 | 0 | 1 | 0 | 2 | 0 | 0 | 0 | 17 | – | | [picker-shell](./picker-shell.md) | 95% | 21 | 20 | 0 | 1 | 0 | 0 | 0 | 0 | 0 | 31 | y | | [nav-tree](./nav-tree.md) | 96% | 24 | 22 | 0 | 0 | 1 | 1 | 0 | 0 | 0 | 18 | – | | [tree-view](./tree-view.md) | 96% | 28 | 24 | 0 | 0 | 1 | 2 | 0 | 1 | 0 | 46 | – | | [dropdown-menu](./dropdown-menu.md) | 96% | 30 | 27 | 0 | 1 | 0 | 2 | 0 | 0 | 0 | 28 | – | | [tag-group](./tag-group.md) | 97% | 46 | 28 | 0 | 0 | 1 | 3 | 0 | 14 | 0 | 91 | y | | [timeline](./timeline.md) | 97% | 37 | 36 | 0 | 0 | 1 | 0 | 0 | 0 | 0 | 45 | y | | [tabs](./tabs.md) | 97% | 77 | 74 | 0 | 2 | 0 | 1 | 0 | 0 | 0 | 79 | y | | [tree-grid](./tree-grid.md) | 97% | 42 | 37 | 0 | 0 | 1 | 3 | 0 | 1 | 0 | 47 | – | | [stepper](./stepper.md) | 98% | 60 | 44 | 0 | 0 | 1 | 4 | 0 | 11 | 0 | 69 | y | | [radio-group](./radio-group.md) | 98% | 59 | 46 | 0 | 1 | 0 | 2 | 0 | 10 | 0 | 69 | – | | [command](./command.md) | 98% | 52 | 49 | 0 | 0 | 1 | 2 | 0 | 0 | 0 | 57 | – | | [chat-message](./chat-message.md) | 100% | 78 | 71 | 0 | 0 | 0 | 7 | 0 | 0 | 0 | 81 | y | | [select](./select.md) | 100% | 69 | 57 | 0 | 0 | 0 | 7 | 0 | 5 | 0 | 103 | y | | [calendar](./calendar.md) | 100% | 67 | 57 | 0 | 0 | 0 | 3 | 0 | 7 | 0 | 74 | – | | [field](./field.md) | 100% | 64 | 58 | 0 | 0 | 0 | 5 | 0 | 1 | 0 | 68 | y | | [file-upload](./file-upload.md) | 100% | 56 | 45 | 0 | 0 | 0 | 2 | 0 | 8 | 1 | 98 | y | | [tags-input](./tags-input.md) | 100% | 46 | 38 | 0 | 0 | 0 | 4 | 0 | 4 | 0 | 91 | y | | [toast](./toast.md) | 100% | 45 | 45 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 85 | – | | [editable](./editable.md) | 100% | 42 | 31 | 0 | 0 | 0 | 4 | 0 | 7 | 0 | 56 | y | | [chat-composer](./chat-composer.md) | 100% | 39 | 34 | 0 | 0 | 0 | 5 | 0 | 0 | 0 | 33 | – | | [chat-log](./chat-log.md) | 100% | 37 | 34 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | 35 | – | | [navigation-menu](./navigation-menu.md) | 100% | 37 | 33 | 0 | 0 | 0 | 4 | 0 | 0 | 0 | 44 | – | | [heading](./heading.md) | — | 36 | 0 | 0 | 0 | 0 | 36 | 0 | 0 | 0 | 0 | – | | [dialog](./dialog.md) | 100% | 35 | 31 | 0 | 0 | 0 | 0 | 0 | 0 | 4 | 44 | y | | [card](./card.md) | 100% | 33 | 28 | 0 | 0 | 0 | 1 | 0 | 4 | 0 | 98 | y | | [slider](./slider.md) | 100% | 32 | 31 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 39 | y | | [toolbar](./toolbar.md) | 100% | 32 | 30 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 54 | y | | [checkbox](./checkbox.md) | 100% | 30 | 21 | 0 | 0 | 0 | 1 | 0 | 8 | 0 | 47 | y | | [s-text](./s-text.md) | 100% | 30 | 2 | 0 | 0 | 0 | 28 | 0 | 0 | 0 | 3 | – | | [emoji-picker](./emoji-picker.md) | 100% | 26 | 22 | 0 | 0 | 0 | 4 | 0 | 0 | 0 | 21 | – | | [pagination](./pagination.md) | 100% | 26 | 24 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 34 | y | | [toggle](./toggle.md) | 100% | 25 | 24 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 126 | y | | [avatar](./avatar.md) | 100% | 24 | 24 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 86 | y | | [text](./text.md) | — | 24 | 0 | 0 | 0 | 0 | 24 | 0 | 0 | 0 | 0 | – | | [background](./background.md) | 100% | 23 | 19 | 0 | 0 | 0 | 3 | 0 | 0 | 1 | 37 | – | | [breadcrumb](./breadcrumb.md) | 100% | 23 | 20 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | 28 | y | | [image](./image.md) | 100% | 22 | 22 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 23 | y | | [button](./button.md) | 100% | 21 | 20 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 106 | y | | [switch](./switch.md) | 100% | 20 | 17 | 0 | 0 | 0 | 1 | 0 | 2 | 0 | 52 | y | | [chat-list](./chat-list.md) | 100% | 18 | 18 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 18 | – | | [pin-input](./pin-input.md) | 100% | 18 | 17 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 22 | y | | [splitter](./splitter.md) | 100% | 18 | 17 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 15 | – | | [badge](./badge.md) | 100% | 17 | 15 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 71 | y | | [empty-state](./empty-state.md) | 100% | 17 | 17 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 26 | y | | [image-adjustments](./image-adjustments.md) | 100% | 17 | 14 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | 16 | – | | [link-preview](./link-preview.md) | 100% | 17 | 14 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | 35 | – | | [drag-drop](./drag-drop.md) | 100% | 16 | 8 | 0 | 0 | 0 | 7 | 0 | 1 | 0 | 9 | – | | [fab](./fab.md) | 100% | 16 | 16 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 12 | – | | [image-picker](./image-picker.md) | 100% | 16 | 13 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | 14 | – | | [scroll-area](./scroll-area.md) | 100% | 16 | 15 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 13 | – | | [callout](./callout.md) | 100% | 14 | 11 | 0 | 0 | 0 | 0 | 0 | 3 | 0 | 34 | – | | [rating-group](./rating-group.md) | 100% | 14 | 13 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 29 | – | | [code](./code.md) | 100% | 13 | 7 | 0 | 0 | 0 | 6 | 0 | 0 | 0 | 6 | – | | [anchor-nav](./anchor-nav.md) | 100% | 12 | 11 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 12 | – | | [collapsible](./collapsible.md) | 100% | 12 | 10 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | 12 | – | | [date-field](./date-field.md) | 100% | 11 | 11 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 21 | y | | [search-field](./search-field.md) | 100% | 11 | 10 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 17 | y | | [time-field](./time-field.md) | 100% | 11 | 11 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 21 | y | | [text-gradient](./text-gradient.md) | 100% | 10 | 10 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 7 | – | | [banner](./banner.md) | 100% | 9 | 9 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 53 | y | | [box](./box.md) | 100% | 9 | 9 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 43 | – | | [chat-typing](./chat-typing.md) | 100% | 9 | 9 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 8 | – | | [label](./label.md) | 100% | 8 | 2 | 0 | 0 | 0 | 6 | 0 | 0 | 0 | 2 | – | | [text-focus](./text-focus.md) | 100% | 8 | 8 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 8 | – | | [color-swatch](./color-swatch.md) | 100% | 7 | 7 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 14 | y | | [date-range-field](./date-range-field.md) | 100% | 7 | 6 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 7 | – | | [time-range-field](./time-range-field.md) | 100% | 7 | 6 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 7 | – | | [display](./display.md) | — | 6 | 0 | 0 | 0 | 0 | 6 | 0 | 0 | 0 | 0 | – | | [skip-link](./skip-link.md) | 100% | 6 | 5 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | 8 | – | | [text-circular](./text-circular.md) | 100% | 6 | 6 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 6 | – | | [barcode](./barcode.md) | 100% | 5 | 5 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 7 | – | | [mark](./mark.md) | 100% | 5 | 3 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 3 | – | | [separator](./separator.md) | 100% | 4 | 4 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 3 | – | | [aspect-ratio](./aspect-ratio.md) | strct | 3 | 0 | 0 | 0 | 0 | 0 | 3 | 0 | 0 | 0 | – | | [qr-code](./qr-code.md) | 100% | 3 | 3 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 10 | – | | [button-group](./button-group.md) | 100% | 2 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | – | | [date-picker](./date-picker.md) | strct | 2 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | – | | [flex](./flex.md) | 100% | 2 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 7 | – | | [grid](./grid.md) | 100% | 2 | 2 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 13 | – | | [text-blur](./text-blur.md) | strct | 2 | 0 | 0 | 0 | 0 | 0 | 2 | 0 | 0 | 0 | – | | [cascade](./cascade.md) | strct | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | – | | [motion](./motion.md) | strct | 1 | 0 | 0 | 0 | 0 | 0 | 1 | 0 | 0 | 0 | – | | [sticky](./sticky.md) | 100% | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | – | | [surface](./surface.md) | 100% | 1 | 1 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 25 | – | | [alert-dialog](./alert-dialog.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [auto-grid](./auto-grid.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [container](./container.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | – | | [css-field](./css-field.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [float](./float.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | – | | [group](./group.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 1 | – | | [highlight](./highlight.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [icon](./icon.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 2 | – | | [mask-field](./mask-field.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [number-field](./number-field.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [section](./section.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 4 | – | | [stack](./stack.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | | [wrap](./wrap.md) | — | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | – | ## Veredicto y decisiones _(pendiente — lo escribe el autor; se conserva al regenerar)_