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(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
- **Medido**: 2026-08-22 · **Alcance** : **67%** — 51 de 76 knobs por token público
- **Knobs de apariencia**: 77 — público 51 · privado 5 · global 14 · literal 6 · sistema 1 _(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(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
### 1.2 A través de un privado (5)
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 |
| ---: | --- | --- | --- | --- |
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
| 1 | `natural-time-picker.css:129` | `[data-natural-time-picker-band]` | `background` | `linear-gradient( 90deg, var(--_natural-time-picker-sky-night) 0%, var(--_natural-time-picker-sky-night) 18%, var(--_natural-time-picker-sky-dawn) 25%, var(--_natural-time-picker-sky-gold) 33%, var(--_natural-time-picker-sky-day) 50%, var(--_natural-time-picker-sky-gold) 67%, var(--_natural-time-picker-sky-dusk) 76%, var(--_natural-time-picker-sky-night) 83%, var(--_natural-time-picker-sky-night) 100% )` |
| 2 | `natural-time-picker.css:175` | `[data-natural-time-picker-band] [data-slider-thumb]` | `background` | `var(--_natural-time-picker-line)` |
| 3 | `natural-time-picker.css:195` | `[data-natural-time-picker-knob]` | `background` | `var(--_natural-time-picker-ink)` |
| 4 | `natural-time-picker.css:196` | `[data-natural-time-picker-knob]` | `color` | `var(--_natural-time-picker-sky-night)` |
| 5 | `natural-time-picker.css:225` | `[data-natural-time-picker-tick]` | `color` | `var(--_natural-time-picker-tick)` |
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
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? |
| --- | ---: | --- | --- | :-: |
| `--_natural-time-picker-sky-night` | 1 | `#1a1d2e` | literal | no |
| `--_natural-time-picker-sky-dawn` | 1 | `#3a4a7a` | literal | no |
| `--_natural-time-picker-sky-gold` | 1 | `#f0b85a` | literal | no |
| `--_natural-time-picker-sky-day` | 1 | `#7fc8e8` | literal | no |
| `--_natural-time-picker-sky-dusk` | 1 | `#c4623a` | literal | no |
| `--_natural-time-picker-ink` | 1 | `#ffffff` | literal | no |
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
| `--_natural-time-picker-line` | 1 | `rgb(255 255 255 / 0.9)` | literal | no |
| `--_natural-time-picker-tick` | 1 | `rgb(255 255 255 / 0.88)` | literal | no |
| `--_natural-time-picker-tick-shadow` | 1 | `rgb(0 0 0 / 0.5)` | literal | 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(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
### 4.1 Tokens a declarar en `lib/recipes/base.ts` (17)
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 |
| --- | --- | --- | ---: |
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
| `band-bg` | `root` | ⚠ `#1a1d2e` / `rgb(255 255 255 / 0.9)` | 2 |
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
| `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
| `knob-bg` | `root` | `#ffffff` | 1 |
| `knob-fg` | `root` | `#1a1d2e` | 1 |
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
| `tick-fg` | `root` | `rgb(255 255 255 / 0.88)` | 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` .
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
### 4.3 Avisos sobre los tokens propuestos (4)
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(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
- **el privado `--_natural-time-picker-sky-night` debe pasar a leer este público (o desaparecer)** — `--natural-time-picker-band-bg` , `--natural-time-picker-knob-fg`
- **el privado `--_natural-time-picker-line` debe pasar a leer este público (o desaparecer)** — `--natural-time-picker-band-bg`
- **el privado `--_natural-time-picker-ink` debe pasar a leer este público (o desaparecer)** — `--natural-time-picker-knob-bg`
- **el privado `--_natural-time-picker-tick` debe pasar a leer este público (o desaparecer)** — `--natural-time-picker-tick-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
### 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 -->
