svelte-kit-vice

History

dev f5d252443c uix(radio-group): temable — 77 % → 81 %, y su punto NUNCA ha pintado su escala Ocho claves acuñadas, diecisiete bloques `[data-size]` retirados y veinticuatro adjudicaciones medidas. El default no se mueve: diff de computed 0 sobre 25.263 valores en 47 estados (20 combinaciones de variante x estado x talla con su pasada de hover, más las 7 de la sonda estándar) y capturas 2x idénticas. Censo: 77 % → 81 % (knobs 75 → 59, público 56 → 46, global 7 → 1, privado 10 invariante, sistema 2). Contrato 61 → 69 claves. Global no baja (68 %). QUÉ ENTRA (8 claves) item-size · dot-size · font-size — los tres ejes RESUELTOS por talla en el TSC, con `scope: 'size:{k}'` sobre el proveedor, que es quien lleva `data-size`. Con ellos se van los DIECISIETE bloques `[data-size]` del CSS (§7.4-4: dejarlos vivos hace que el diff dé 0 por la ruta vieja) y el privado `--_radio-item-size`, que llevaba el nombre del componente ABREVIADO — theming §6 r5 lo prohíbe, es la clase de `--_mp-` y `--gp-` — y por eso el censo contaba el ancho y el alto del ítem como deuda. invalid-indicator-border · invalid-ring · invalid-ring-gap · invalid-item-label-fg — el tinte de validación leía `--color-threat-element` y `--color-threat-text` a pelo. El trío del anillo toma el vocabulario del gemelo `checkbox`, que ya lo tenía; el borde se llama `indicator-` porque en ESTE componente «indicator» es el círculo exterior y `dot-` el punto. segmented-segment-padding-block — el hermano que le faltaba a `-padding-inline`. UNA CLAVE ACUÑADA Y RETIRADA EN EL ACTO `row-min-height-touch: var(--touch-target)` para el suelo táctil de la fila. La suite `recipe-css-contract` la rechazó como referencia FANTASMA: nadie emite `--touch-target`, es una constante ergonómica escrita a mano en `archetypes.css` («a hard ergonomic constant — the fingertip, NOT a theme value»). Y recipe-contract §2 ya lista el touch-target entre los sistemas transversales que una receta CONSUME y nunca acuña, así que la lectura cruda es el contrato cumpliéndose. El censo la cuenta `global` sólo porque su lista `system` aún no conoce el token — el pendiente de firma «extender la clase system a las capas compartidas». POR QUÉ 81 % ES EL TECHO Los diez knobs que quedan fuera leen `--_radio-group-palette-`: el puente THM-2 que la capa compartida alimenta por instancia desde `[data-color]`. Un público encima dejaría que un tema lo fijara y matara el `color=` de cada instancia. No es deuda; es el componente cerrado en su número. TRES DECLARACIONES QUE NO PINTAN (medidas, y las tres mueven píxel → firma) 1. La escala del punto NUNCA ha pintado. `<SvgDot>` escribe `style="width: 1em; height: 1em"` y un inline gana a cualquier regla: el punto computa 13,3281px en las CINCO tallas mientras el token dice 5/6/7/9/11px, el valor centinela no lo mueve, y quitando el estilo inline el MISMO token pinta 1234px. Clase «canal de valor inline» del trío `carousel.item-gap`, pero con arreglo posible: la forma `!important` que recipe-contract §3 autoriza justo para saltarse un estilo inline. 2. `[data-radio-group-label][data-disabled]` no casa jamás. Con el grupo entero deshabilitado la etiqueta lleva `[id, data-radio-group-label, data-archetype]` y nada más: soma no estampa `data-disabled` en la parte `Label` (el morfo declara `data: []`). Forzado a mano el token alcanza, o sea que falta el ATRIBUTO, no la clave — decisión de MORFO. 3. El fondo de un radio marcado Y deshabilitado no llega: la regla de variante es (0,4,0) y `[data-radio-group-item][data-disabled][data-state= 'checked']` sólo (0,3,0). Medido con el centinela escrito: solid da el acento a plena intensidad, outline y segmented transparente, ghost la mezcla al 18 %. Quitar `data-variant` no ayuda: el gemelo `:not([data-variant])` también es (0,4,0). Y una cuarta, de escala del SISTEMA y por tanto fuera de este eje (D-TH.5): el `:hover` del círculo es (0,4,0) y el tinte inválido (0,3,0), así que pasar el ratón por encima TAPA el borde de error. Las cuatro, en next-features §13. EL INSTRUMENTO MEDÍA 27 DE 61 No veía el punto (es un `<svg data-svg='dot'>` sin atributo del componente), ni la variante `segmented` (doce claves), ni los estados disabled / invalid. El guard lleva ahora `extraNodes` para el punto, el barrido de `data-variant` y DOS URL más — `?perm.disabled=true` y `?perm.invalid=true`, que esta demo honra: once adjudicaciones sustituidas por medición real. CENTINELA 45/69, 24 adjudicadas: 6 del punto (estilo inline), 8 tonos por la cascada de paleta (mismo patrón que su gemelo checkbox, medido aquí: la clave no mueve nada, `--palette-solid` en el nodo repinta), 4 del par de transición congelado, 2 del anillo inválido (necesita `:focus-visible` con modalidad de teclado), `gap-horizontal` (el par de gap, sólo pinta la mitad en vigor), `segmented-pill-shadow` (la píldora sólo la renderiza el envoltorio bajo la variante real), `disabled-item-label-fg` y `checked-disabled-indicator-bg` (las dos declaraciones muertas de arriba). GUARDS censo --only radio-group 81 % · global 68 % (no baja) · component-audit PASS · eidos-lint 0 invalid (13 morfo-backed, 24 eidos-only) · vitest src/uix/eidos sin rojos nuevos (el único es `skin-media-player`, conocido) · rtl:check 0 · docs:check 0 · prettier OK sobre el contenido normalizado a LF · check sin errores en ficheros del componente. README con su sección «Talla y tema» y la demo con su pestaña Tokens (69 claves, verificada en navegador). Índice construido a mano desde HEAD sobre los seis ficheros compartidos (recipes/base.ts, generated/base.css, theming-sentinel.ts, theming-sentinel-exceptions.ts, PLAN-theming.md, next-features.md): otras cuatro sesiones los escriben a la vez. Fuera del commit, docs/audit/theming/ README.md — es un agregado global que mezcla trabajo en vuelo. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>	2 months ago
..
routes	uix(radio-group): temable — 77 % → 81 %, y su punto NUNCA ha pintado su escala	2 months ago

dev f5d252443c uix(radio-group): temable — 77 % → 81 %, y su punto NUNCA ha pintado su escala

Ocho claves acuñadas, diecisiete bloques `[data-size]` retirados y veinticuatro
adjudicaciones medidas. El default no se mueve: diff de computed 0 sobre 25.263
valores en 47 estados (20 combinaciones de variante x estado x talla con su
pasada de hover, más las 7 de la sonda estándar) y capturas 2x idénticas.

Censo: 77 % → 81 % (knobs 75 → 59, público 56 → 46, global 7 → 1, privado 10
invariante, sistema 2). Contrato 61 → 69 claves. Global no baja (68 %).

QUÉ ENTRA (8 claves)

  item-size · dot-size · font-size — los tres ejes RESUELTOS por talla en el
  TSC, con `scope: 'size:{k}'` sobre el proveedor, que es quien lleva
  `data-size`. Con ellos se van los DIECISIETE bloques `[data-size]` del CSS
  (§7.4-4: dejarlos vivos hace que el diff dé 0 por la ruta vieja) y el privado
  `--_radio-item-size`, que llevaba el nombre del componente ABREVIADO —
  theming §6 r5 lo prohíbe, es la clase de `--_mp-*` y `--gp-*` — y por eso el
  censo contaba el ancho y el alto del ítem como deuda.

  invalid-indicator-border · invalid-ring · invalid-ring-gap ·
  invalid-item-label-fg — el tinte de validación leía `--color-threat-element`
  y `--color-threat-text` a pelo. El trío del anillo toma el vocabulario del
  gemelo `checkbox`, que ya lo tenía; el borde se llama `indicator-*` porque en
  ESTE componente «indicator» es el círculo exterior y `dot-*` el punto.

  segmented-segment-padding-block — el hermano que le faltaba a
  `-padding-inline`.

UNA CLAVE ACUÑADA Y RETIRADA EN EL ACTO

  `row-min-height-touch: var(--touch-target)` para el suelo táctil de la fila.
  La suite `recipe-css-contract` la rechazó como referencia FANTASMA: nadie
  emite `--touch-target`, es una constante ergonómica escrita a mano en
  `archetypes.css` («a hard ergonomic constant — the fingertip, NOT a theme
  value»). Y recipe-contract §2 ya lista el touch-target entre los sistemas
  transversales que una receta CONSUME y nunca acuña, así que la lectura cruda
  es el contrato cumpliéndose. El censo la cuenta `global` sólo porque su lista
  `system` aún no conoce el token — el pendiente de firma «extender la clase
  system a las capas compartidas».

POR QUÉ 81 % ES EL TECHO

  Los diez knobs que quedan fuera leen `--_radio-group-palette-*`: el puente
  THM-2 que la capa compartida alimenta por instancia desde `[data-color]`. Un
  público encima dejaría que un tema lo fijara y matara el `color=` de cada
  instancia. No es deuda; es el componente cerrado en su número.

TRES DECLARACIONES QUE NO PINTAN (medidas, y las tres mueven píxel → firma)

  1. La escala del punto NUNCA ha pintado. `<SvgDot>` escribe
     `style="width: 1em; height: 1em"` y un inline gana a cualquier regla: el
     punto computa 13,3281px en las CINCO tallas mientras el token dice
     5/6/7/9/11px, el valor centinela no lo mueve, y quitando el estilo inline
     el MISMO token pinta 1234px. Clase «canal de valor inline» del trío
     `carousel.item-gap*`, pero con arreglo posible: la forma `!important` que
     recipe-contract §3 autoriza justo para saltarse un estilo inline.

  2. `[data-radio-group-label][data-disabled]` no casa jamás. Con el grupo
     entero deshabilitado la etiqueta lleva `[id, data-radio-group-label,
     data-archetype]` y nada más: soma no estampa `data-disabled` en la parte
     `Label` (el morfo declara `data: []`). Forzado a mano el token alcanza, o
     sea que falta el ATRIBUTO, no la clave — decisión de MORFO.

  3. El fondo de un radio marcado Y deshabilitado no llega: la regla de
     variante es (0,4,0) y `[data-radio-group-item][data-disabled][data-state=
     'checked']` sólo (0,3,0). Medido con el centinela escrito: solid da el
     acento a plena intensidad, outline y segmented transparente, ghost la
     mezcla al 18 %. Quitar `data-variant` no ayuda: el gemelo
     `:not([data-variant])` también es (0,4,0).

  Y una cuarta, de escala del SISTEMA y por tanto fuera de este eje (D-TH.5):
  el `:hover` del círculo es (0,4,0) y el tinte inválido (0,3,0), así que pasar
  el ratón por encima TAPA el borde de error. Las cuatro, en next-features §13.

EL INSTRUMENTO MEDÍA 27 DE 61

  No veía el punto (es un `<svg data-svg='dot'>` sin atributo del componente),
  ni la variante `segmented` (doce claves), ni los estados disabled / invalid.
  El guard lleva ahora `extraNodes` para el punto, el barrido de `data-variant`
  y DOS URL más — `?perm.disabled=true` y `?perm.invalid=true`, que esta demo
  honra: once adjudicaciones sustituidas por medición real.

CENTINELA 45/69, 24 adjudicadas: 6 del punto (estilo inline), 8 tonos por la
cascada de paleta (mismo patrón que su gemelo checkbox, medido aquí: la clave
no mueve nada, `--palette-solid` en el nodo repinta), 4 del par de transición
congelado, 2 del anillo inválido (necesita `:focus-visible` con modalidad de
teclado), `gap-horizontal` (el par de gap, sólo pinta la mitad en vigor),
`segmented-pill-shadow` (la píldora sólo la renderiza el envoltorio bajo la
variante real), `disabled-item-label-fg` y `checked-disabled-indicator-bg` (las
dos declaraciones muertas de arriba).

GUARDS

  censo --only radio-group 81 % · global 68 % (no baja) · component-audit PASS ·
  eidos-lint 0 invalid (13 morfo-backed, 24 eidos-only) · vitest src/uix/eidos
  sin rojos nuevos (el único es `skin-media-player`, conocido) · rtl:check 0 ·
  docs:check 0 · prettier OK sobre el contenido normalizado a LF · check sin
  errores en ficheros del componente.

  README con su sección «Talla y tema» y la demo con su pestaña Tokens (69
  claves, verificada en navegador).

Índice construido a mano desde HEAD sobre los seis ficheros compartidos
(recipes/base.ts, generated/base.css, theming-sentinel.ts,
theming-sentinel-exceptions.ts, PLAN-theming.md, next-features.md): otras
cuatro sesiones los escriben a la vez. Fuera del commit, docs/audit/theming/
README.md — es un agregado global que mezcla trabajo en vuelo.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

routes

uix(radio-group): temable — 77 % → 81 %, y su punto NUNCA ha pintado su escala