docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
# natural-time-picker — alcance de tema: análisis y propuesta
> Generado por `node --import tsx/esm scripts/theming-census.ts --report`.
> Lo **medido** y la **propuesta** se regeneran; el **Veredicto** (§5) se conserva.
> Vista de conjunto: [README](./README.md) · método y protocolo:
> [`PLAN-theming.md`](../../process/PLAN-theming.md) §1, §2, §7.
uix(callout): temable — 27 % → 79 %, y la base óptica deja de copiar el sistema
7 claves nuevas (28 → 35) y un literal anotado. El 21 % que falta es el PUENTE
DE PALETA (THM-2), que no es deuda: es la vía por la que `data-color` resuelve
los 8 roles y las 33 escalas donantes sin una línea de CSS extra. Global 64 %.
Cosido lo que la receta consumía a pelo: el hueco de fila, la tipografía del
cuerpo (`font-size` + `line-height` — así se lee una admonición), la tinta, el
tamaño del icono y el peso del título. Los tres pasos leen el BUNDLE
(`--size-md-font-size`, `--size-md-font-line-height`, `--size-md-icon-size`).
LA LÍNEA BASE ÓPTICA DEL ICONO DEJA DE REPETIR LAS MÉTRICAS DEL SISTEMA: era
`calc(var(--size-md-font-size) * var(--font-line-height-md, 1.5))` y ahora es
`calc(var(--callout-font-size) * var(--callout-line-height))` — la misma
derivación, sobre los tokens del propio callout, así que un tema que agrande la
copia mueve la caja del glifo con ella.
Cinco respaldos muertos retirados: `var(--callout-gap, var(--space-3))`,
`padding`, `accent-width`, `radius` —las cuatro claves están en el contrato— y
el `, 1.5` de `--font-line-height-md`, que además MENTÍA: el token existe y vale
1.45.
Los 24 rojos del guard son los TONOS, y no son de este componente: es la
supersesión de la cascada de paleta que `button` destapó hoy (el bloque genérico
va el último y gana por orden). Adjudicados con el patrón compartido, que ahora
nombra su razón una sola vez para los dos componentes.
Gates: sonda 0 diffs en 896 valores × 7 estados · centinela 10/34 con los tonos
adjudicados · censo 79 % · `component:audit` PASS · suite eidos con el rojo
conocido ajeno · `rtl:check` 0 · `docs:check` 0 · `check` sin errores propios ·
captura de cuatro tonos.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **Medido**: 2026-08-23 · **Alcance** : **74%** — 56 de 76 knobs por token público
uix(button): temable — 55 % → 91 %, y la cascada de paleta ANULA 419 claves
Una clave nueva y 17 declaraciones anotadas. Al medirlo salió lo más gordo del
eje hasta hoy: 56 de las 106 claves públicas de este componente no pintan nada,
y no por deuda suya.
Acuñado lo único que faltaba: EL PASO `full` DE LA ESCALA DE RADIO —
`[data-rounded='full']` leía el primitivo global a pelo, así que la forma que
más se retoca (la píldora) era el único escalón fuera del contrato.
Diecisiete declaraciones pasan a excepción firmada, de dos clases: IDENTIDAD
(`fit-content` × 2 —un botón ES su contenido—, el `100 %` de `[data-block]` y
los cuatro `1px` de las cajas sr-only) y AUSENCIA (los `transparent` de `soft`,
`outline`, `ghost` y `plain`: la variante ES la ausencia de cromo, y ponerle
fondo a un `ghost` es pedir un `soft`). Diez claves de `transparent` habrían
sido justo el antipatrón que la doctrina avisa: agrupa por VALOR.
Para que la ausencia cuente, EL CENSO APRENDE LA VÁLVULA UN PISO MÁS ABAJO: un
PRIVADO cuyo valor es un literal CON su razón escrita es una ausencia firmada,
no deuda. Sin eso, cuatro privados marcaban «no deriva» y seis knobs leían
inalcanzables mientras todas las demás ramas del mismo privado leen un público.
⚠⚠ EL HALLAZGO: LA CASCADA DE PALETA ANULA LOS TONOS DEL COMPONENTE.
El último bloque del forward, `[data-button][data-color]`, resuelve
`--button-palette-*` desde el `--palette-*` GLOBAL —que `[data-color='{tono}']`
llena desde `--color-{tono}-*`— y gana a las reglas por tono por ORDEN, con la
misma especificidad (0,2,0). Medido sobre `data-color='risk'`:
`--button-risk-solid` no mueve nada, ni en `:root` ni en el nodo, mientras
`--palette-solid` y `--color-risk-solid` en el nodo repintan. Las siete
`primary-*` son el RESPALDO de esa misma regla y sólo actúan SIN `data-color`.
No es de este componente: 49 recetas emiten el mismo forward genérico y el
contrato tiene 419 CLAVES DE TONO. Medido igual en `badge` y `callout`. El
arreglo cabe en el orden de emisión —el genérico ANTES de los de tono— y no
movería un píxel, porque el valor por defecto de `--button-risk-solid` ES
`var(--color-risk-solid)`; pero cambia el contrato de la jaula del color (un
ancestro que inyecte `--palette-*` dejaría de pisar un tono semántico). Es
firma. → §13.
El techo restante son dos filas de canal de valor: `--_button-fill-finish`, el
acabado de degradado que el generador deriva por instancia.
Un error de método, anotado porque casi cuela: anclé la clave nueva en la
primera línea `'radius-xl'` del fichero y aterrizó en `meter`. Lo delató el
navegador (`--button-radius-full` sin definir ⇒ radio 0). Una inserción se
ancla en el BLOQUE del componente, nunca en una línea de clave.
Instrumento: el guard aprende `sweepAttr` (barrer una variante mientras mide) y
a estampar el TONO que la clave nombra; y el fichero de excepciones gana
PATRONES, para que una razón arquitectónica se escriba una vez y no 56.
Gates: sonda 0 diffs (416 valores; la demo monta UN botón) · equivalencia del
paso `full` comprobada aparte · centinela 34/106 con todo lo demás adjudicado ·
censo 91 % · `component:audit` PASS · suite eidos con el rojo conocido ajeno ·
`rtl:check` 0 · `docs:check` 0 · `check` sin errores propios · captura de las
seis variantes + píldora + tono `risk`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **Knobs de apariencia**: 77 — público 56 · privado 0 · global 14 · literal 6 · sistema 1 · excepción 0 _(los dos últimos, fuera del ratio)_
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **Contrato hoy** (`lib/recipes/base.ts`): 62 pública(s) — `band-height-sm` , `band-height-md` , `band-height-lg` , `knob-size-sm` , `knob-size-md` , `knob-size-lg` , `band-height` , `knob-size` , `panel-gap-sm` , `panel-gap-md` , `panel-gap-lg` , `panel-gap` , `band-radius` , `band-border` , `band-border-width` , `line-width` , `line-radius` , `knob-radius` , `knob-shadow` , `knob-focus-ring` , `knob-focus-ring-offset` , `ticks-inset-inline` , `ticks-inset-block-end` , `tick-font-size` , `tick-font-family` , `display-gap` , `time-font-family` , `time-font-size` , `time-font-weight` , `time-letter-spacing` , `meridiem-margin-inline-start` , `meridiem-font-size` , `meridiem-font-weight` , `meridiem-fg` , `period-gap` , `period-font-size` , `period-font-weight` , `period-fg` , `steppers-gap` , `stepper-group-gap` , `stepper-label-font-size` , `stepper-label-font-weight` , `stepper-label-fg` , `stepper-label-letter-spacing` , `periods-gap` , `periods-margin-block` , `chip-font-size` , `trigger-gap` , `trigger-min-width` , `trigger-padding-block` , `trigger-padding-inline` , `trigger-bg` , `trigger-fg` , `trigger-border` , `trigger-border-width` , `trigger-radius` , `trigger-font-size` , `hover-trigger-border` , `open-trigger-border` , `open-trigger-ring` , `trigger-value-empty-fg` , `trigger-icon-fg`
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **Eje `size` **: sí · **ficheros** : `natural-time-picker.css`
## 1. Knobs fuera de alcance
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
### 1.1 Directo a primitivo global (14)
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| # | fichero:línea | selector | propiedad | valor |
| ---: | --- | --- | --- | --- |
docs(theming): el informe habla el idioma nuevo — y el fleco del README, cerrado
Al rendir cuentas del repaso de los 7 salió un fleco: el README de
gradient-builder mencionaba `checker-color` por su clave SUELTA, sin el
prefijo `--gradient-builder-`, y el codemod busca tokens completos — quedó con
el nombre muerto. Dos líneas corregidas, más las dos del §5 de su ficha.
Y la causa de fondo: las 170 fichas del informe llevaban desde el codemod
citando el contrato con los nombres viejos en sus secciones generadas.
Regenerado entero (`--report`): 69 fichas cambian, los 171 veredictos §5
escritos a mano sobreviven (verificado), `docs:check` 0.
El censo del informe registra 5.199 knobs · 1.837 públicos — cuatro menos que
el suelo del codemod, que son EXACTAMENTE las cuatro declaraciones de hover
bespoke que la firma 3 retiró (checkbox, splitter, switch, drp ×2 −1 nueva del
checked). El alcance global sigue en 37 %.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| 1 | `natural-time-picker.css:40` | `[data-natural-time-picker-panel]` | `min-inline-size` | `var(--popover-min-width-md)` ⤴ prestado de `popover` |
| 2 | `natural-time-picker.css:44` | `[data-natural-time-picker-panel]` | `padding-block` | `var(--popover-padding-block-md)` ⤴ prestado de `popover` |
| 3 | `natural-time-picker.css:45` | `[data-natural-time-picker-panel]` | `padding-inline` | `var(--popover-padding-inline-md)` ⤴ prestado de `popover` |
| 4 | `natural-time-picker.css:46` | `[data-natural-time-picker-panel]` | `background` | `var(--color-surface-overlay)` |
| 5 | `natural-time-picker.css:47` | `[data-natural-time-picker-panel]` | `color` | `var(--color-content-primary)` |
| 6 | `natural-time-picker.css:48` | `[data-natural-time-picker-panel]` | `border` | `var(--border-width) solid var(--color-border-subtle)` |
| 7 | `natural-time-picker.css:49` | `[data-natural-time-picker-panel]` | `border-radius` | `var(--popover-radius)` ⤴ prestado de `popover` |
| 8 | `natural-time-picker.css:50` | `[data-natural-time-picker-panel]` | `box-shadow` | `var(--shadow-overlay)` |
| 9 | `natural-time-picker.css:53` | `[data-natural-time-picker-panel][data-size='sm']` | `min-inline-size` | `var(--popover-min-width-sm)` ⤴ prestado de `popover` |
| 10 | `natural-time-picker.css:54` | `[data-natural-time-picker-panel][data-size='sm']` | `padding-block` | `var(--popover-padding-block-sm)` ⤴ prestado de `popover` |
| 11 | `natural-time-picker.css:55` | `[data-natural-time-picker-panel][data-size='sm']` | `padding-inline` | `var(--popover-padding-inline-sm)` ⤴ prestado de `popover` |
| 12 | `natural-time-picker.css:58` | `[data-natural-time-picker-panel][data-size='lg']` | `min-inline-size` | `var(--popover-min-width-lg)` ⤴ prestado de `popover` |
| 13 | `natural-time-picker.css:59` | `[data-natural-time-picker-panel][data-size='lg']` | `padding-block` | `var(--popover-padding-block-lg)` ⤴ prestado de `popover` |
| 14 | `natural-time-picker.css:60` | `[data-natural-time-picker-panel][data-size='lg']` | `padding-inline` | `var(--popover-padding-inline-lg)` ⤴ prestado de `popover` |
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
uix(button): temable — 55 % → 91 %, y la cascada de paleta ANULA 419 claves
Una clave nueva y 17 declaraciones anotadas. Al medirlo salió lo más gordo del
eje hasta hoy: 56 de las 106 claves públicas de este componente no pintan nada,
y no por deuda suya.
Acuñado lo único que faltaba: EL PASO `full` DE LA ESCALA DE RADIO —
`[data-rounded='full']` leía el primitivo global a pelo, así que la forma que
más se retoca (la píldora) era el único escalón fuera del contrato.
Diecisiete declaraciones pasan a excepción firmada, de dos clases: IDENTIDAD
(`fit-content` × 2 —un botón ES su contenido—, el `100 %` de `[data-block]` y
los cuatro `1px` de las cajas sr-only) y AUSENCIA (los `transparent` de `soft`,
`outline`, `ghost` y `plain`: la variante ES la ausencia de cromo, y ponerle
fondo a un `ghost` es pedir un `soft`). Diez claves de `transparent` habrían
sido justo el antipatrón que la doctrina avisa: agrupa por VALOR.
Para que la ausencia cuente, EL CENSO APRENDE LA VÁLVULA UN PISO MÁS ABAJO: un
PRIVADO cuyo valor es un literal CON su razón escrita es una ausencia firmada,
no deuda. Sin eso, cuatro privados marcaban «no deriva» y seis knobs leían
inalcanzables mientras todas las demás ramas del mismo privado leen un público.
⚠⚠ EL HALLAZGO: LA CASCADA DE PALETA ANULA LOS TONOS DEL COMPONENTE.
El último bloque del forward, `[data-button][data-color]`, resuelve
`--button-palette-*` desde el `--palette-*` GLOBAL —que `[data-color='{tono}']`
llena desde `--color-{tono}-*`— y gana a las reglas por tono por ORDEN, con la
misma especificidad (0,2,0). Medido sobre `data-color='risk'`:
`--button-risk-solid` no mueve nada, ni en `:root` ni en el nodo, mientras
`--palette-solid` y `--color-risk-solid` en el nodo repintan. Las siete
`primary-*` son el RESPALDO de esa misma regla y sólo actúan SIN `data-color`.
No es de este componente: 49 recetas emiten el mismo forward genérico y el
contrato tiene 419 CLAVES DE TONO. Medido igual en `badge` y `callout`. El
arreglo cabe en el orden de emisión —el genérico ANTES de los de tono— y no
movería un píxel, porque el valor por defecto de `--button-risk-solid` ES
`var(--color-risk-solid)`; pero cambia el contrato de la jaula del color (un
ancestro que inyecte `--palette-*` dejaría de pisar un tono semántico). Es
firma. → §13.
El techo restante son dos filas de canal de valor: `--_button-fill-finish`, el
acabado de degradado que el generador deriva por instancia.
Un error de método, anotado porque casi cuela: anclé la clave nueva en la
primera línea `'radius-xl'` del fichero y aterrizó en `meter`. Lo delató el
navegador (`--button-radius-full` sin definir ⇒ radio 0). Una inserción se
ancla en el BLOQUE del componente, nunca en una línea de clave.
Instrumento: el guard aprende `sweepAttr` (barrer una variante mientras mide) y
a estampar el TONO que la clave nombra; y el fichero de excepciones gana
PATRONES, para que una razón arquitectónica se escriba una vez y no 56.
Gates: sonda 0 diffs (416 valores; la demo monta UN botón) · equivalencia del
paso `full` comprobada aparte · centinela 34/106 con todo lo demás adjudicado ·
censo 91 % · `component:audit` PASS · suite eidos con el rojo conocido ajeno ·
`rtl:check` 0 · `docs:check` 0 · `check` sin errores propios · captura de las
seis variantes + píldora + tono `risk`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
### 1.2 A través de un privado (0)
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
uix(button): temable — 55 % → 91 %, y la cascada de paleta ANULA 419 claves
Una clave nueva y 17 declaraciones anotadas. Al medirlo salió lo más gordo del
eje hasta hoy: 56 de las 106 claves públicas de este componente no pintan nada,
y no por deuda suya.
Acuñado lo único que faltaba: EL PASO `full` DE LA ESCALA DE RADIO —
`[data-rounded='full']` leía el primitivo global a pelo, así que la forma que
más se retoca (la píldora) era el único escalón fuera del contrato.
Diecisiete declaraciones pasan a excepción firmada, de dos clases: IDENTIDAD
(`fit-content` × 2 —un botón ES su contenido—, el `100 %` de `[data-block]` y
los cuatro `1px` de las cajas sr-only) y AUSENCIA (los `transparent` de `soft`,
`outline`, `ghost` y `plain`: la variante ES la ausencia de cromo, y ponerle
fondo a un `ghost` es pedir un `soft`). Diez claves de `transparent` habrían
sido justo el antipatrón que la doctrina avisa: agrupa por VALOR.
Para que la ausencia cuente, EL CENSO APRENDE LA VÁLVULA UN PISO MÁS ABAJO: un
PRIVADO cuyo valor es un literal CON su razón escrita es una ausencia firmada,
no deuda. Sin eso, cuatro privados marcaban «no deriva» y seis knobs leían
inalcanzables mientras todas las demás ramas del mismo privado leen un público.
⚠⚠ EL HALLAZGO: LA CASCADA DE PALETA ANULA LOS TONOS DEL COMPONENTE.
El último bloque del forward, `[data-button][data-color]`, resuelve
`--button-palette-*` desde el `--palette-*` GLOBAL —que `[data-color='{tono}']`
llena desde `--color-{tono}-*`— y gana a las reglas por tono por ORDEN, con la
misma especificidad (0,2,0). Medido sobre `data-color='risk'`:
`--button-risk-solid` no mueve nada, ni en `:root` ni en el nodo, mientras
`--palette-solid` y `--color-risk-solid` en el nodo repintan. Las siete
`primary-*` son el RESPALDO de esa misma regla y sólo actúan SIN `data-color`.
No es de este componente: 49 recetas emiten el mismo forward genérico y el
contrato tiene 419 CLAVES DE TONO. Medido igual en `badge` y `callout`. El
arreglo cabe en el orden de emisión —el genérico ANTES de los de tono— y no
movería un píxel, porque el valor por defecto de `--button-risk-solid` ES
`var(--color-risk-solid)`; pero cambia el contrato de la jaula del color (un
ancestro que inyecte `--palette-*` dejaría de pisar un tono semántico). Es
firma. → §13.
El techo restante son dos filas de canal de valor: `--_button-fill-finish`, el
acabado de degradado que el generador deriva por instancia.
Un error de método, anotado porque casi cuela: anclé la clave nueva en la
primera línea `'radius-xl'` del fichero y aterrizó en `meter`. Lo delató el
navegador (`--button-radius-full` sin definir ⇒ radio 0). Una inserción se
ancla en el BLOQUE del componente, nunca en una línea de clave.
Instrumento: el guard aprende `sweepAttr` (barrer una variante mientras mide) y
a estampar el TONO que la clave nombra; y el fichero de excepciones gana
PATRONES, para que una razón arquitectónica se escriba una vez y no 56.
Gates: sonda 0 diffs (416 valores; la demo monta UN botón) · equivalencia del
paso `full` comprobada aparte · centinela 34/106 con todo lo demás adjudicado ·
censo 91 % · `component:audit` PASS · suite eidos con el rojo conocido ajeno ·
`rtl:check` 0 · `docs:check` 0 · `check` sin errores propios · captura de las
seis variantes + píldora + tono `risk`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
_Ninguno._
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
### 1.3 Literales (6)
| # | fichero:línea | selector | propiedad | valor |
| ---: | --- | --- | --- | --- |
docs(theming): el informe habla el idioma nuevo — y el fleco del README, cerrado
Al rendir cuentas del repaso de los 7 salió un fleco: el README de
gradient-builder mencionaba `checker-color` por su clave SUELTA, sin el
prefijo `--gradient-builder-`, y el codemod busca tokens completos — quedó con
el nombre muerto. Dos líneas corregidas, más las dos del §5 de su ficha.
Y la causa de fondo: las 170 fichas del informe llevaban desde el codemod
citando el contrato con los nombres viejos en sus secciones generadas.
Regenerado entero (`--report`): 69 fichas cambian, los 171 veredictos §5
escritos a mano sobreviven (verificado), `docs:check` 0.
El censo del informe registra 5.199 knobs · 1.837 públicos — cuatro menos que
el suelo del codemod, que son EXACTAMENTE las cuatro declaraciones de hover
bespoke que la firma 3 retiró (checkbox, splitter, switch, drp ×2 −1 nueva del
checked). El alcance global sigue en 37 %.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| 1 | `natural-time-picker.css:39` | `[data-natural-time-picker-panel]` | `inline-size` | `100%` |
| 2 | `natural-time-picker.css:86` | `[data-natural-time-picker-time]` | `line-height` | `1` |
| 3 | `natural-time-picker.css:96` | `[data-natural-time-picker-meridiem]` | `line-height` | `1` |
| 4 | `natural-time-picker.css:124` | `[data-natural-time-picker-band]` | `inline-size` | `100%` |
| 5 | `natural-time-picker.css:222` | `[data-natural-time-picker-tick]` | `line-height` | `1` |
| 6 | `natural-time-picker.css:292` | `[data-natural-time-picker-panel] [data-natural-time-picker-periods]:not([data-icon-only]) [data-button]` | `inline-size` | `100%` |
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
tooling(theming): el censo aprende a leer la válvula del canon — clase `exception`
Global 58 % → **59 %** sin tocar una línea de CSS: 54 knobs que eran deuda
resultan ser desviaciones que el canon ya había firmado.
`recipe-contract` §3 dice que una desviación anotada `/* literal: <razón> */`
EN SU PROPIA DECLARACIÓN es válida, y `component-audit` la honra desde siempre
(`declarationWindow` + `/literal:/i` en R-2.1, R-2.6 y R-2.7). El censo era el
único instrumento que no: su `strip()` blanquea los comentarios ANTES de
clasificar, así que las **81 anotaciones del catálogo** contaban como literales
sin excusa. Dos instrumentos, un canon, dos respuestas — y la que mandaba era la
del que no sabía leerlo.
Ahora un literal anotado cae en la clase **`exception`, fuera del ratio** como
`system`, y por la misma razón: no es que un tema no lo alcance, es que el canon
ya aceptó por escrito que ahí no va un token.
**54 knobs en 12 componentes**: `prose` 21 (su escala editorial em-relativa, que
su README documenta como decisión — «No 5× duplicated scale»), `proof-of-human`
16 (la escena de tono fijo), `palabras` 3, `timeline` 2 (73 % → **77 %**),
`result` 1 (86 % → **90 %**), y siete más con una cada uno.
Detalles que costaron medición:
- **La anotación vale para la DECLARACIÓN entera**, no sólo para su primera
línea: un valor partido en varias líneas lleva la nota al final. Se comprueban
todas las líneas que abarca la declaración.
- **`strip()` blanquea en el sitio** (sustituye por espacios, conserva los
saltos), así que el cuerpo despojado y el crudo quedan alineados línea a línea
y basta con guardar el crudo al lado.
- Muta-prueba: retirar una anotación de `prose` mueve el knob de `exception` a
`literal` (21 → 20) y el conteo vuelve al restaurarla.
Efecto colateral bueno: cada ficha gana una **§1.4 «Excepciones firmadas»** que
las LISTA con su razón. Estaban escritas en el CSS y no se leían desde ninguna
parte; ahora la ficha del componente las enseña, que es donde se decide si una
sigue siendo cierta.
Las 163 fichas cambian porque la plantilla cambia (sección nueva + la línea de
reparto); el README de la auditoría gana la fila de la clase y la nota de que
`system` y `exception` quedan fuera del denominador.
Guards: `--names` 4.105 claves, DESVIADAS 0 · component-audit PASS · docs:check
0 · `check` con 72 errores globales y 0 en los ficheros tocados.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
### 1.4 Excepciones firmadas (0) — fuera del ratio
Literales que llevan su anotación `/* literal: <razón> */` en la propia
declaración: la válvula de recipe-contract §3, la misma que honra
`component-audit` . **Una desviación firmada no es deuda** — se listan para que la
razón se lea, no para acuñarlas.
_Ninguno._
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
## 2. Sistema transversal (1) — informativo, fuera del ratio
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
Un tema los alcanza **a nivel de sistema** , por diseño (recipe-contract §2).
| # | fichero:línea | selector | propiedad | valor |
| ---: | --- | --- | --- | --- |
docs(theming): el informe habla el idioma nuevo — y el fleco del README, cerrado
Al rendir cuentas del repaso de los 7 salió un fleco: el README de
gradient-builder mencionaba `checker-color` por su clave SUELTA, sin el
prefijo `--gradient-builder-`, y el codemod busca tokens completos — quedó con
el nombre muerto. Dos líneas corregidas, más las dos del §5 de su ficha.
Y la causa de fondo: las 170 fichas del informe llevaban desde el codemod
citando el contrato con los nombres viejos en sus secciones generadas.
Regenerado entero (`--report`): 69 fichas cambian, los 171 veredictos §5
escritos a mano sobreviven (verificado), `docs:check` 0.
El censo del informe registra 5.199 knobs · 1.837 públicos — cuatro menos que
el suelo del codemod, que son EXACTAMENTE las cuatro declaraciones de hover
bespoke que la firma 3 retiró (checkbox, splitter, switch, drp ×2 −1 nueva del
checked). El alcance global sigue en 37 %.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| 1 | `natural-time-picker.css:66` | `[data-natural-time-picker][data-disabled]` | `opacity` | `var(--opacity-disabled)` |
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
## 3. Privados de la receta — ¿de dónde sale su valor?
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| privado | declaraciones | valor(es) | origen | ¿deriva de un público? |
| --- | ---: | --- | --- | :-: |
uix(button): temable — 55 % → 91 %, y la cascada de paleta ANULA 419 claves
Una clave nueva y 17 declaraciones anotadas. Al medirlo salió lo más gordo del
eje hasta hoy: 56 de las 106 claves públicas de este componente no pintan nada,
y no por deuda suya.
Acuñado lo único que faltaba: EL PASO `full` DE LA ESCALA DE RADIO —
`[data-rounded='full']` leía el primitivo global a pelo, así que la forma que
más se retoca (la píldora) era el único escalón fuera del contrato.
Diecisiete declaraciones pasan a excepción firmada, de dos clases: IDENTIDAD
(`fit-content` × 2 —un botón ES su contenido—, el `100 %` de `[data-block]` y
los cuatro `1px` de las cajas sr-only) y AUSENCIA (los `transparent` de `soft`,
`outline`, `ghost` y `plain`: la variante ES la ausencia de cromo, y ponerle
fondo a un `ghost` es pedir un `soft`). Diez claves de `transparent` habrían
sido justo el antipatrón que la doctrina avisa: agrupa por VALOR.
Para que la ausencia cuente, EL CENSO APRENDE LA VÁLVULA UN PISO MÁS ABAJO: un
PRIVADO cuyo valor es un literal CON su razón escrita es una ausencia firmada,
no deuda. Sin eso, cuatro privados marcaban «no deriva» y seis knobs leían
inalcanzables mientras todas las demás ramas del mismo privado leen un público.
⚠⚠ EL HALLAZGO: LA CASCADA DE PALETA ANULA LOS TONOS DEL COMPONENTE.
El último bloque del forward, `[data-button][data-color]`, resuelve
`--button-palette-*` desde el `--palette-*` GLOBAL —que `[data-color='{tono}']`
llena desde `--color-{tono}-*`— y gana a las reglas por tono por ORDEN, con la
misma especificidad (0,2,0). Medido sobre `data-color='risk'`:
`--button-risk-solid` no mueve nada, ni en `:root` ni en el nodo, mientras
`--palette-solid` y `--color-risk-solid` en el nodo repintan. Las siete
`primary-*` son el RESPALDO de esa misma regla y sólo actúan SIN `data-color`.
No es de este componente: 49 recetas emiten el mismo forward genérico y el
contrato tiene 419 CLAVES DE TONO. Medido igual en `badge` y `callout`. El
arreglo cabe en el orden de emisión —el genérico ANTES de los de tono— y no
movería un píxel, porque el valor por defecto de `--button-risk-solid` ES
`var(--color-risk-solid)`; pero cambia el contrato de la jaula del color (un
ancestro que inyecte `--palette-*` dejaría de pisar un tono semántico). Es
firma. → §13.
El techo restante son dos filas de canal de valor: `--_button-fill-finish`, el
acabado de degradado que el generador deriva por instancia.
Un error de método, anotado porque casi cuela: anclé la clave nueva en la
primera línea `'radius-xl'` del fichero y aterrizó en `meter`. Lo delató el
navegador (`--button-radius-full` sin definir ⇒ radio 0). Una inserción se
ancla en el BLOQUE del componente, nunca en una línea de clave.
Instrumento: el guard aprende `sweepAttr` (barrer una variante mientras mide) y
a estampar el TONO que la clave nombra; y el fichero de excepciones gana
PATRONES, para que una razón arquitectónica se escriba una vez y no 56.
Gates: sonda 0 diffs (416 valores; la demo monta UN botón) · equivalencia del
paso `full` comprobada aparte · centinela 34/106 con todo lo demás adjudicado ·
censo 91 % · `component:audit` PASS · suite eidos con el rojo conocido ajeno ·
`rtl:check` 0 · `docs:check` 0 · `check` sin errores propios · captura de las
seis variantes + píldora + tono `risk`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| `--_natural-time-picker-sky-night` | 1 | `#1a1d2e` | exception | no |
| `--_natural-time-picker-sky-dawn` | 1 | `#3a4a7a` | exception | no |
| `--_natural-time-picker-sky-gold` | 1 | `#f0b85a` | exception | no |
| `--_natural-time-picker-sky-day` | 1 | `#7fc8e8` | exception | no |
| `--_natural-time-picker-sky-dusk` | 1 | `#c4623a` | exception | no |
| `--_natural-time-picker-ink` | 1 | `#ffffff` | exception | no |
| `--_natural-time-picker-line` | 1 | `rgb(255 255 255 / 0.9)` | exception | no |
| `--_natural-time-picker-tick` | 1 | `rgb(255 255 255 / 0.88)` | exception | no |
| `--_natural-time-picker-tick-shadow` | 1 | `rgb(0 0 0 / 0.5)` | exception | no |
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
| `--_natural-time-picker-band-block` | 1 | `var(--natural-time-picker-band-height)` | public | **sí** |
| `--_natural-time-picker-knob` | 1 | `var(--natural-time-picker-knob-size)` | public | **sí** |
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
## 4. Propuesta de corrección
- **Consume la capa compartida `picker-shell` .** Un eje que la capa posee se consume como `var(--_x, var(--x))` ; el consumidor **no acuña** `--natural-time-picker-{eje}` para él — sería un vocabulario paralelo (README de `eidos/components` , «Capas compartidas» regla 2).
- **Consume tokens públicos de `popover` .** Un token prestado importa la semántica de su dueño: la corrección no es duplicarlo con prefijo propio, sino la decisión de familia que la auditoría de fase 1 dejó registrada (`theming-audit.md` §B, familia calendar).
- **Tiene eje `size` **: los tokens dimensionales van por talla (`{part}-{eje}-{k}`) apuntando al bundle `--size-{k}-*` , nunca al primitivo crudo (theming §5; el guard `recipe-css-contract` prohíbe el primitivo).
uix(button): temable — 55 % → 91 %, y la cascada de paleta ANULA 419 claves
Una clave nueva y 17 declaraciones anotadas. Al medirlo salió lo más gordo del
eje hasta hoy: 56 de las 106 claves públicas de este componente no pintan nada,
y no por deuda suya.
Acuñado lo único que faltaba: EL PASO `full` DE LA ESCALA DE RADIO —
`[data-rounded='full']` leía el primitivo global a pelo, así que la forma que
más se retoca (la píldora) era el único escalón fuera del contrato.
Diecisiete declaraciones pasan a excepción firmada, de dos clases: IDENTIDAD
(`fit-content` × 2 —un botón ES su contenido—, el `100 %` de `[data-block]` y
los cuatro `1px` de las cajas sr-only) y AUSENCIA (los `transparent` de `soft`,
`outline`, `ghost` y `plain`: la variante ES la ausencia de cromo, y ponerle
fondo a un `ghost` es pedir un `soft`). Diez claves de `transparent` habrían
sido justo el antipatrón que la doctrina avisa: agrupa por VALOR.
Para que la ausencia cuente, EL CENSO APRENDE LA VÁLVULA UN PISO MÁS ABAJO: un
PRIVADO cuyo valor es un literal CON su razón escrita es una ausencia firmada,
no deuda. Sin eso, cuatro privados marcaban «no deriva» y seis knobs leían
inalcanzables mientras todas las demás ramas del mismo privado leen un público.
⚠⚠ EL HALLAZGO: LA CASCADA DE PALETA ANULA LOS TONOS DEL COMPONENTE.
El último bloque del forward, `[data-button][data-color]`, resuelve
`--button-palette-*` desde el `--palette-*` GLOBAL —que `[data-color='{tono}']`
llena desde `--color-{tono}-*`— y gana a las reglas por tono por ORDEN, con la
misma especificidad (0,2,0). Medido sobre `data-color='risk'`:
`--button-risk-solid` no mueve nada, ni en `:root` ni en el nodo, mientras
`--palette-solid` y `--color-risk-solid` en el nodo repintan. Las siete
`primary-*` son el RESPALDO de esa misma regla y sólo actúan SIN `data-color`.
No es de este componente: 49 recetas emiten el mismo forward genérico y el
contrato tiene 419 CLAVES DE TONO. Medido igual en `badge` y `callout`. El
arreglo cabe en el orden de emisión —el genérico ANTES de los de tono— y no
movería un píxel, porque el valor por defecto de `--button-risk-solid` ES
`var(--color-risk-solid)`; pero cambia el contrato de la jaula del color (un
ancestro que inyecte `--palette-*` dejaría de pisar un tono semántico). Es
firma. → §13.
El techo restante son dos filas de canal de valor: `--_button-fill-finish`, el
acabado de degradado que el generador deriva por instancia.
Un error de método, anotado porque casi cuela: anclé la clave nueva en la
primera línea `'radius-xl'` del fichero y aterrizó en `meter`. Lo delató el
navegador (`--button-radius-full` sin definir ⇒ radio 0). Una inserción se
ancla en el BLOQUE del componente, nunca en una línea de clave.
Instrumento: el guard aprende `sweepAttr` (barrer una variante mientras mide) y
a estampar el TONO que la clave nombra; y el fichero de excepciones gana
PATRONES, para que una razón arquitectónica se escriba una vez y no 56.
Gates: sonda 0 diffs (416 valores; la demo monta UN botón) · equivalencia del
paso `full` comprobada aparte · centinela 34/106 con todo lo demás adjudicado ·
censo 91 % · `component:audit` PASS · suite eidos con el rojo conocido ajeno ·
`rtl:check` 0 · `docs:check` 0 · `check` sin errores propios · captura de las
seis variantes + píldora + tono `risk`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
### 4.1 Tokens a declarar en `lib/recipes/base.ts` (13)
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
Valor **verbatim** del CSS de hoy: el default no se mueve, sólo cambia quién
puede moverlo. Nombres derivados de recipe-contract §1 (ejes lógicos, talla
al final) y theming §6.7 (slots de color, modificador delante). Un token con
DOS valores distintos es una colisión de nombre: son dos knobs, o el nombre
no distingue lo que debería — se marca `⚠` .
| token (`--natural-time-picker-…`) | scope TSC | valor propuesto | usos |
| --- | --- | --- | ---: |
| `panel-width` | `root` | `var(--popover-min-width-md)` | 1 |
| `panel-padding-block` | `root` | `var(--popover-padding-block-md)` | 1 |
| `panel-padding-inline` | `root` | `var(--popover-padding-inline-md)` | 1 |
| `panel-bg` | `root` | `var(--color-surface-overlay)` | 1 |
| `panel-fg` | `root` | `var(--color-content-primary)` | 1 |
| `panel-radius` | `root` | `var(--popover-radius)` | 1 |
| `panel-shadow` | `root` | `var(--shadow-overlay)` | 1 |
| `panel-width-sm` | `root` | `var(--popover-min-width-sm)` | 1 |
| `panel-padding-block-sm` | `root` | `var(--popover-padding-block-sm)` | 1 |
| `panel-padding-inline-sm` | `root` | `var(--popover-padding-inline-sm)` | 1 |
| `panel-width-lg` | `root` | `var(--popover-min-width-lg)` | 1 |
| `panel-padding-block-lg` | `root` | `var(--popover-padding-block-lg)` | 1 |
| `panel-padding-inline-lg` | `root` | `var(--popover-padding-inline-lg)` | 1 |
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
uix(theming): el censo aprende que un privado DERIVADO sí alcanza — 50 % → 56 %
Seis puntos de alcance sin tocar una línea de componente: **la medición estaba
mal, no el código**.
EL DEFECTO. F0 encargaba «detección "privado que deriva de público" (leer
`--_c-x: var(--c-y)` en la misma receta y reclasificar)». Se implementó a
medias: el censo CALCULA `derives` y lo imprime en la columna «¿deriva de un
público?» de la §3 de cada ficha, pero **el contador nunca lo usó** — esos
knobs seguían puntuando como deuda. Medido: **240 privados en 59 componentes**
estaban en ese estado, es decir, haciendo exactamente lo que la doctrina
prescribe («privados sólo si derivan de públicos») y penalizados por ello.
Lo destapó tokenizar `avatar`: sus 17 privados YA leían públicos
(`--_avatar-size: var(--avatar-size-md)`), así que no había nada que tokenizar
— había que arreglar el instrumento.
LA CORRECCIÓN. Segunda pasada tras recoger privados y knobs: un knob que lee
`var(--_c-x)` pasa a `public` si ese privado alcanza un público. El cierre es
**TRANSITIVO** (`--_a: calc(var(--_b) * .3)` alcanza si `--_b` alcanza) con
conjunto de visitados para que un ciclo no lo cuelgue.
**Muta-prueba** (obligatoria, memoria `a-guard-that-inspects-nothing-passes`):
apuntar `--_avatar-radius` al primitivo crudo baja avatar de 75 % a 72 % y el
knob vuelve a `private`; revertirlo lo devuelve a 75 % y deja el árbol
idéntico.
EFECTO MEDIDO:
- Global **50 % → 56 %** · privados 625 → 341 · al 100 % 10 → 14 · <20 % 22 → 20.
- `avatar` 36 % → **75 %**, `picker-shell` 76 % → **95 %**, `menu-dial` 25 % →
38 %, y otras 51 fichas con cifras nuevas — **ninguna por cambio de código**.
- Los READMEs de `picker-shell` y `menu-dial` se actualizan con la cifra nueva
y con la razón, para que nadie crea que el componente cambió.
⚠ **Cualquier cifra anterior a este commit no es comparable con las de ahora.**
Queda escrito en el handoff.
Y un hueco de F0 que sale al hacerlo, registrado en §13: **el test del SUELO
que el plan pedía NO EXISTE** («alcance global ≥ el de hoy y literales ≤ 614 —
el número sube o el test falla»). Hoy nada impide que el alcance BAJE entre
sesiones: sólo se vería mirando la cifra a mano. Con el censo ya endurecido, es
el momento de escribirlo.
Gates: `component:audit` 162 PASS / 4 NEEDS-WORK (preexistentes) · `--names`
DESVIADAS 0 · suite eidos sin rojos nuevos · rtl:check 0 · docs:check 0 · el
censo compila.
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2 months ago
### 4.2 Sin nombre mecánico (7)
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **⚠ decisión: `100%` es un valor identidad o geometría de layout, no un knob de tema — el perímetro de «knob» es D-TH.2, sin firmar** — 3: `inline-size` .
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **⚠ decisión: `border` es shorthand o eje físico — hay que partirlo en ejes lógicos antes de nombrarlo (recipe-contract §1, R-4.4)** — 1: `border` .
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
- **⚠ decisión: `1` es un valor identidad o geometría de layout, no un knob de tema — el perímetro de «knob» es D-TH.2, sin firmar** — 3: `line-height` .
### 4.4 Lo que hay que comprobar a mano (PLAN-theming §1.3 · §7.4)
- [ ] **Privado que no deriva de un público** — §3 lo marca; el privado debe leer el público o desaparecer.
- [ ] **Velo o acento en el nodo equivocado** (`archetype: 'item'` en un envoltorio, un `background` en shorthand que mata la capa de estado) — se mide desde el píxel hacia arriba.
- [ ] **Doble animación** al mover un sello a una superficie con animación propia — registro de `animationstart` /`animationend`.
- [ ] **Diff de computed = 0** en reposo · hover · abierto · disabled · foco, por talla, antes y después.
- [ ] **Centinela por token nuevo** : valor imposible en el root → el nodo lo sigue. Si no, el token miente.
## 5. Veredicto
<!-- veredicto:start -->
**Revisión 2026-08-20 — verificación previa a implementación (Opus).**
**Análisis (§1–
mismo hallazgo de prefijo que sus hermanos de familia: el «privado 0» es
falso de nombre — la receta declara y consume `--_ntp-*` (`band-block`,
`sky-night/dawn/gold/day/dusk` , `knob` , `ink` , `line` ), prefijo ABREVIADO que
viola la regla 5 de theming §6 («no abreviar el nombre del componente») y
deja al censo contándolos como `global` . **Paso previo: renombrar `--_ntp-*`
→ `--_natural-time-picker-*` ** (mecánico, `git ls-files` antes).
**Propuesta (§4.1): APTA EN SU SUBCONJUNTO PROPIO, con tres correcciones:**
1. **Las filas `panel-*` que alias-an públicos de `popover`**
(`panel-width = var(--popover-min-width-md)`, paddings, radius) **no se
acuñan**: son el préstamo-con-prefijo que la nota de §4 prohíbe. Si el
panel se monta dentro de un Popover compuesto, su cromo se tema en la
ficha de popover; si el autor quiere ejes propios del panel, el valor es
el VERBATIM de hoy, nunca el alias del token ajeno. Decisión del autor.
2. **La talla vive SÓLO en el panel** (`[data-natural-time-picker-panel]
[data-size]`), que además viaja por portal: coordenadas por talla en
`root` (como propone la tabla) ** + nombre resuelto con
`parts: ['panel']` ** y default `host` (tsc.md §multi-part) — sin `parts` ,
las declarations por talla no alcanzan nunca el panel.
3. **El cielo es LA decisión de diseño de este componente** : la banda es un
gradiente de 5 paradas (`--_ntp-sky-*`). O (a) los cielos son
físicamente fijos (la válvula que recipe-contract §3 nombra literalmente:
«the natural clock's skies») → anotarlos y excepción R-5; o (b) son
temables → promover las 5 paradas a públicos
(`sky-night/dawn/gold/day/dusk`) y el gradiente las lee. Las dos son
coherentes; la elige el autor. La fila `band-bg` con el gradiente entero
como valor NO — un tema no debe re-escribir la rampa para mover un cielo.
**Lo acuñable tal cual** (patrón Sidebar, valores verbatim): `band-height/
radius/width`, `knob-width/height/radius/bg/fg` (leyendo los privados
renombrados o promoviéndolos), `display-gap` , `time-font-*` ,
`meridiem-*` , `period-*` , `stepper-group-*` — partes limpias
(`panel`, `band` , `trigger` , `stepper-group` , `periods` , `meridiem` , `time` ).
Los 7 literales: anotar o tokenizar uno a uno. Sonda §7.2: abrir el panel
ANTES de medir (portal + pantalla oculta congela rAF).
**Bloqueos de firma**: cielos fijos vs temables (punto 3) · panel propio vs
cromo de popover (punto 1) · D-TH.4 (familia tiempo, B7).
uix(natural-time-picker): el cromo de la banda se puede temar, y el cielo sigue siendo el cielo
Tercero del eje theme-reach. La receta ataba todo a primitivos globales y
guardaba su geometría en privados con un prefijo abreviado, `--_ntp-*`, que ni
el censo veía ni el vocabulario permite: alcance 0 %. Ahora son 60 claves
públicas y el 61 % medido.
Dos de los tres bloqueos que la revisión había anotado no existían: la doctrina
ya estaba escrita y no la había leído. El guard de recetas ya lista este
componente en la excepción de TONO FIJO — un cielo no cambia con el tema, y sus
literales ya llevaban su válvula línea a línea, así que los cielos, la tinta del
sol/luna y la línea de posición se quedan privados y anotados, sin decisión que
pedir. Y el panel sigue leyendo `--popover-*` porque su propia cabecera dice que
esa superficie ES el flotante canónico: duplicarla con prefijo propio habría
sido el vocabulario paralelo que el contrato prohíbe. De ahí que el 39 % restante
no sea deuda sino préstamo deliberado.
Lo que sí es suyo pasa a contrato: banda y knob por talla con `parts: ['panel']`
—conservando su derivación de la altura de control, así que la expresión sigue
siendo el knob y mover la talla arrastra ambos—, la línea indicadora, los ticks,
el readout (hora, meridiem, periodo), los steppers, los chips y el trigger. Más
el `panel-gap`, que sí es del panel y no del popover.
Las 37 referencias `--_ntp-*` mueren: el prefijo de un privado es el nombre
completo del componente (theming §6 regla 5). El rename alcanza receta, wrapper,
README y el propio guard que las citaba.
Verificación: diff de computed vacío sobre 6.438 valores en ocho estados.
Centinela 40/62 automático, y cada uno de los marcados muertos verificado a
mano: banda, knob, gap del panel, línea, radio de la línea e inset de los ticks
alcanzan; los `trigger-*` NO, porque `[data-popover-trigger]` gana la cascada y
viste el trigger — ya eran inertes antes de tokenizarlos, y ahora está dicho en
el README en vez de fingir que el token pinta.
Guards: component:audit PASS · eidos-lint 0 invalid · suite eidos sin rojos
nuevos · rtl:check 0 · docs:check 0 · el guard del bundle obligó a apuntar
`tick-font-size` a la coordenada `--size-xxs-font-size`.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
---
**EJECUTADO 2026-08-20.** Alcance **0 % → 61 %** · contrato **0 → 60 claves
públicas**. Los dos «bloqueos» de arriba resultaron NO serlo: la doctrina ya
estaba escrita y no la había leído al revisar.
1. **Los cielos no había que decidirlos** : el guard `recipe-css-contract` ya
lista `natural-time-picker` en `FIXED_TONE_COMPONENTS` — la excepción de tono
fijo (un cielo no cambia con el tema) — y la receta ya anota cada literal con
su válvula. Se quedan privados, como estaban.
2. **El panel sigue prestando `--popover-*`** : su cabecera dice que la superficie
ES el flotante canónico. Duplicarlo con prefijo propio sería el vocabulario
paralelo que el contrato prohíbe. Sólo se acuñó lo que sí es suyo: el
`panel-gap` por talla.
3. **Prefijo abreviado muerto** : 37 referencias `--_ntp-*` renombradas a
`--_natural-time-picker-*` (receta, wrapper, README y el propio guard).
Acuñado: banda y knob por talla con `parts: ['panel']` — conservando su
derivación `calc(--size-{k}-control-height * 1.7 + --space-2)` y `* 0.62` , así
que la expresión sigue siendo el knob —, línea indicadora, ticks, readout
(time / meridiem / period), steppers, chips y trigger.
Verificación: **diff de computed = 0** sobre 6.438 valores en 8 estados ·
centinela 40/62 automático, y los marcados como muertos verificados a mano:
`band-height-md` , `knob-size-md` , `panel-gap-md` , `line-width` , `line-radius` y
`ticks-inset-block-end` **alcanzan** ; los `trigger-*` **no** , porque
`[data-popover-trigger]:not([data-archetype='field-trigger'])` gana la cascada y
viste el trigger — inertes ya antes de tokenizarlos, ahora dicho en el README.
Guards: `component:audit` PASS · `eidos-lint` 0 invalid · suite sin rojos nuevos
· `rtl:check` 0 · `docs:check` 0 · el guard del bundle obligó a apuntar
`tick-font-size` a `--size-xxs-font-size` .
El 39 % que no alcanza son los préstamos de `popover` y el trío de superficie
(`--color-surface-overlay`, `--color-border-subtle` , `--shadow-overlay` ) que el
componente declara a mano en vez de estampar `data-depth='overlay'` : migrarlo es
otra decisión, anotada.
docs(theming): la auditoría de alcance de tema, componente a componente, con su propuesta
El censo medía el eje y no lo explicaba: 5.205 knobs en dos tablas del plan no
dicen QUÉ knob de QUÉ línea no alcanza un tema, ni qué token habría que crear.
Ahora `theming-census.ts --report` escribe la auditoría entera bajo
`docs/audit/theming/`: un README con la vista de conjunto y 170 fichas — 162
recetas con CSS + 8 componentes sin receta, el árbol completo de
`eidos/components/`.
Cada ficha de receta: knobs fuera de alcance con fichero:línea Y selector
(agrupados por clase), sistema transversal aparte, los privados con la columna
que decide («¿deriva de un público?»), y una PROPUESTA de corrección — el token
a declarar en `base.ts` con su valor VERBATIM y su scope TSC. La propuesta
deriva los nombres de recipe-contract §1 y theming §6.7; donde la doctrina no
decide, marca `⚠ decisión` en vez de inventar. Y no propone acuñar lo que la
doctrina prohíbe: lo que posee una capa compartida, el foco, la capa de estado,
un token prestado de otra receta, un shorthand o un eje físico.
Las 8 fichas sin receta dicen —medido, no supuesto— dónde vive su visual: el
componente que componen (icon-button → button), la capa que consumen (affix →
viewport-placement) o la receta ajena que pinta sus attrs (svg → badge/button).
Defectos del instrumento corregidos en el mismo pase, todos encontrados
mirando la salida: un `@import` pegado al primer selector se comía 2 knobs de
color-picker (el suelo del censo no puede moverse); `:not(:disabled)` se leía
como estado y producía `hover-disabled-*`; un knob que lee un privado se
proponía a sí mismo en vez de resolverse por talla; `--icon-size-sm` se
reportaba como préstamo del componente `icon` (ahora el préstamo se verifica
contra las claves del dueño en `base.ts`); y el default de talla salía sin
nombrar en vez de `-md`.
Verificación: censo global idéntico al suelo publicado (5205 · 1621/33% · 856 ·
1880 · 614 · 234) y COMPONENTE A COMPONENTE contra la tabla §9 del plan — 0
diferencias en 162 · regenerar dos veces da el árbol idéntico · el bloque de
veredicto escrito a mano sobrevive · docs:check 0 errores sobre 813 docs ·
prettier limpio (el árbol generado entra en .prettierignore junto a
eidos/generated).
Las 10 primeras fichas llevan ya su veredicto de revisión: análisis correcto en
las 10, propuesta apta en 2 (gradient-builder como piloto, combobox con cinco
correcciones — dos de ellas evitaban romper el default), y 5 que no se
tokenizan en solitario porque son alias de --calendar-*/--field-* y esperan la
decisión de familia. Cuatro destaparon privados con prefijo ajeno o abreviado
declarados en su propio CSS.
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
2 months ago
<!-- veredicto:end -->
