9 Commits (e522e04e65eaa3d8fb303442aed87ab0f64a9c62)

Author	SHA1	Message	Date
dev	e522e04e65	docs(theming): los 21 de la mañana recuperan su README y su pestaña Tokens ... La revisión de hoy (`REVIEW-theming-2026-08-23.md`, punto P4) destapó que NINGUNO de los commits de tokenización de la mañana del 23 hizo los pasos 8 y 9 del protocolo: `git show --stat` de los diecisiete sólo tocaba CSS, base.ts, el ledger y las fichas. Veintidós componentes tokenizados sin la tabla de tokens en su README y veintiuno sin la pestaña que la enseña viva. QUÉ ENTRA - **README «Talla y tema»** en 22 (los 21 con demo + `surface`, que no tiene ruta). La tabla NO está escrita a mano: se DERIVA de `lib/recipes/base.ts` y de `theming-sentinel-exceptions.ts`, así que lo que el lector ve es lo que el contrato dice. Hasta 30 claves va la tabla completa clave → valor por defecto; por encima, agrupada por parte (con la paleta en su propio grupo, que si no se come la tabla: button tiene 70 claves de tono de 106). Debajo, lo que el guard da por silencioso con su razón medida, y la excepción POR PATRÓN cuando la razón es la cascada de paleta. - **Pestaña `Tokens`** en los 21 con demo, con el conteo real de claves. VERIFICADO EN EL NAVEGADOR, LOS 21 Cada pestaña abre y lista exactamente sus claves: menubar 35 · field 68 · onion-menu 19 · button 106 · callout 34 · empty-state 26 · dropdown-menu 28 · context-menu 28 · checkbox 47 · image 23 · anchor-nav 12 · banner 53 · date-range-field 7 · time-range-field 7 · tooltip 23 · section 4 · sticky 1 · button-group 1 · qr-code 10 · toggle-group 1 · split-button 1. ⚠ Y el verificador mintió DOS veces antes de acertar: primero buscaba el rótulo de la cabecera del panel en `innerText` (no lo encontraba aunque la tabla estaba ahí), y después clicaba con `element.click()` tras `waitUntil: 'load'` — la página aún NO ha hidratado, así que el `onclick` de Svelte no está enganchado y el clic no hace nada. Con `networkidle` + el clic de Playwright (que espera a que el nodo sea accionable), los 21 en verde. Es la ley de siempre: el instrumento miente primero. `audio-player` queda fuera: no tiene README propio — hueco aparte, anotado. Verificación: `npm run check` sin errores nuevos en las 21 demos (los 72 globales son ajenos y preexistentes) · `docs:check` 0 · cada README conserva su estructura de encabezados y **ninguno gana un hunk de prettier** (mi sección se formateó dentro de su propio recorte, sin tocar lo ajeno). Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>	2 months ago
dev	6f42eebfe8	feat(morfo,sema,eidos): todo evento dice de que familia es, y el cruce por fin se ve ... El framework llamaba a la misma cosa de dos maneras: `open` pelado en ocho componentes y `emerge-open` en tres. No era estetica — un preset de movimiento engancha el nombre con `^=`, asi que el dialecto pelado no casaba con ninguna firma y simplemente no animaba, sin romper una sola prueba. Los 40 nombres sin prefijo pasan a `{familia}-{verbo}[-{matiz}]`: 256 eventos, 256 con prefijo, 0 ambiguos. El plan decia 36 y decia `handle-drag-start`; eran 40, y el canon (c25) dice que esos verbos son `pick` y `drop` — `handle-pick` y `handle-drop` ya existian en 10 y 4 componentes. `validateMorfo` cierra la puerta: un `events[].name` que no empiece por su familia ahora lanza. Visto fallar antes con un nombre pelado inyectado. Lo que el renombrado destapo, y va aqui tambien: - La receta del splitter enganchaba `commit-resize`, muerto desde `bd2e40366`. No casaba desde mayo y nadie chillo. Reescrita por FAMILIA, como slider y knob, y `eidos-lint` valida ahora el VALOR de `data-event*` contra el catalogo de morfos — el guard que lo habria cazado en su dia. - La familia `shift` era muda en el canal visual, contra su propia doctrina (c27: el cruce debe percibirse; c34 tipifica el «shift invisible»). Su mapa ya describia la firma que le faltaba y su sonido por defecto es `slide`. Ahora tiene firma direccional: sexto atributo del sello (`data-event-direction`, `forward`|`backward`, por emision) y deslizamiento de 320ms RTL-safe por `:dir()`. Medido: LTR -30px/+30px, RTL los invierte. - El sello de `shift-navigate` pasa del BOTON al `grid` en los cuatro calendarios. Medido: el boton recibia `contact-activate` y 8,5 ms despues —media trama— el `shift-navigate` pisaba la misma ranura y el `press-squeeze` moria sin pintar un fotograma. Una superficie, una ranura (A-36). - 101 contradicciones docs<->morfo adjudicadas con evidencia (git log, docs de decision, el componente vivo). Las docs desfasadas, corregidas; los nueve DEFECTOS de codigo obsoleto quedan abiertos y sin tocar. - `SoundDirection` -> `SoundContour`: era un contorno de tono, no un sentido, y habia tres cosas distintas deletreadas «direction». check en su linea base con 0 errores nuevos por diferencia de conjuntos · docs:check 0/0 · eidos-lint invalid 0 · el censo y las escenas de navegador medidas con raton real y rAF vivo. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>	2 months ago
dev	92a616b0fa	fix(demos): `<input type=color>` custom vía action, no `value` reactivo (root cause real) ... El fix anterior (`value={customColor || '#000000'}`) NO servía: el warning "specified value '' does not conform to #rrggbb" NO viene del valor, sino de que Svelte pone `""` en el input MOMENTÁNEAMENTE durante la HIDRATACIÓN cuando hay un `value=`/`bind:value` reactivo (el navegador lo rechaza y resetea el input a #000000). Diagnóstico ya documentado en `web/routes/temas/color/+page.svelte`. Fix correcto: action `colorValue` (nueva en `lib/harness.svelte.ts`) que setea el valor imperativamente (`node.value = hex || '#000000'`), sin atributo `value` gestionado por Svelte → no hay `""` en hidratación. Los 21 demos con picker custom pasan de `value={...}` a `use:colorValue={customColor}`. Verificado tras reiniciar el dev server (el HMR de Vite servía código viejo): el input conserva #8e4ec6, sin reset a #000000, sin warning. check: 76 (0 en tocados). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	3 months ago
dev	0886bfe538	fix(demos): `<input type=color>` de los pickers custom con fallback válido ... El input de color custom de los demos usaba `value={customColor}` y `customColor` arranca vacío (''), que NO es un valor válido para `<input type="color">` (exige `#rrggbb`) → warning en consola: "The specified value "" does not conform to the required format". Fix uniforme en los 21 demos con picker custom: `value={customColor || '#000000'}`. PalettePicker.svelte ya estaba bien (input sin `value`, no controlado). Verificado en el demo de toggle: el warning desaparece. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	3 months ago
dev	149c0fef6b	uix(color): abre `color` al sistema completo (role·intent·paleta·valor) en la familia interactiva + rail segmentado de radio-group ... Motor (Fase 0): tipo abierto `ComponentColorProp`, helper `resolveComponentColor`, derivación custom compartida `[data-color-custom]` (color-mix desde `--color-custom`) + forward extendido a `[data-{c}][data-color-custom]`; guard recipe-css-contract actualizado. Eidos-wrapper (14): radio-group, checkbox, stepper, toggle-group, select, badge, editable, file-upload, tag-group, tags-input, surface, avatar, card. Patrón: tipo -> ComponentColorProp, wrapper -> resolveComponentColor (estampa data-color/data-color-custom/style), demo con picker + input custom. Incluye el fix del bug de escalas de card (una escala caía al path custom y pintaba el CSS named color en vez de la escala de paleta). Soma-routed (button/switch/toggle): patrón morfo+soma limpio — el provider omite data-color y emite data-color-custom para el valor crudo, con el intent evaluativo ganando y suprimiendo el custom. Ensancha los tipos de color de la capa soma. Arreglados 2 bugs del runtime del framework: - html-presence con `v.literal('')` (valor vacío = falsy) nunca emitía el attr -> `v.propRef('colorCustom')` (como data-disabled). - el custom pisaba al intent evaluativo -> el prop `colorCustom` se anula con intent no-neutral. Bundle: incluye el rail segmentado de radio-group (variant=segmented, indicador deslizante compartido soma-mide/eidos-pinta: measured-indicator + sliding-indicator) de la misma sesión, intercalado en los ficheros de radio-group. Handoff para continuar: docs/process/open-color-cage-2026-07.md (Fase 3/4/5 pendientes). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	3 months ago
dev	05f0031cad	feat(theming+soma): media-player Batch-4 (SOM-4) + THM-2 shared-palette rollout to 14 surfaces ... media-player Batch-4 (closes SOM-4): the 10 sub-parts migrate to renderProps() (35 attr-dup hits -> 0). Register the sources the morfo reads (label propRef, on stateRef, direction/type) so renderProps emits type/role/aria-*/data-state; keep only contract-only soma-owned attrs. Pin the soma-attr-audit ceiling to 0. THM-2 rollout - collapse each per-component palette cascade into the shared per-instance layer (size win, behavior-preserving for roles, adds the 33 scales): - Rename palette tokens to canonical _palette-{slot} + route via the presence-guarded forward: tags-input, stepper, badge, card, select (parts-aware trigger+content), file-upload, editable, tag-group. - Extend the shared vocabulary with alpha surface(a2)/surface-hover(a3) slots (soft variant of variant-aware recipes) and hover(4) - the latter also fixes Toggle's latent scale-hover. - tag-group: variant-aware migration (solid/outline -> canonical, soft -> alpha surface; merge outline-fg into text, prune orphans). - toggle-group: replace the 4-role cross-recipe composition with a hand-authored presence-scoped route to the shared layer (the composition DSL can't presence-scope); covers roles + 33 scales. - Widen color to ComponentColor (roles + 33 scales) where arbitrary color is meaningful: badge, tag-group, tags-input, toggle-group, and add the scale picker to their demos. Semantic controls stay restricted. Verified end-to-end with the REAL components (drive the demo color control -> the component emits data-color -> the shared layer resolves the exact scale). Gates: recipe-css-contract/config/contracts/ soma-attr-audit/media-player suites green; 0 orphan tokens. avatar remains for a focused pass: its variant-resolved matrix and badge sub-part don't fit a mechanical migration. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>	3 months ago
dev	53b6f629f2	feat(audit): component re-audit + fixes P0–P5 (P4 complete, P5 in progress) ... Re-audit of the whole component catalog at pilot depth (91 fichas + the checkpoint verdicts in docs/audit/components/) and the executed fix packages. - P0–P3: doctrine (sema participation, CANON §3 intent, component-guide §5 + API naming, §32 outline), guards (morfo-vocabulary-check S10/S11d, component-audit A-3.1/A-1.4/S9, eidos-lint classHooks), morfo contracts (role=application removed ×4, aria-selected off the Day, drp translationRef, field data-state prune, pin-input commit-set, media-player renames), 13 new sema packs + 12 morfos family-default → pack. - P4 (N1–N10) COMPLETE: selectionMode (select/combobox/toggle-group/calendar); onValueCommit terminal-callback norm (pin-input/search/password/textarea + date/time/color-field add); typed validation reason + onInvalid (tags-input, css-field); index/onIndexChange (carousel); deselectable; openDelay/ groupSkipDelay; allowCustomValue; defaultValue prune. - P5 (in progress): S1 class-hooks codemod (22 hooks → data-attrs across cropper/button/image-picker/toggle/image-adjustments); S5 outline remnant in field.css; depth pass (data-depth=overlay on tooltip/toast/float-panel); touch-rows (--touch-target token, decoupled ::before hit-slop, area-not-visual, 44 AAA). S6 (Field composition) + S8 (calendar-surface) pending. Verification: errors-outside-(alpha|words|palabras|chronos) == 59 (baseline); morfo-vocabulary-check exit 0; eidos-lint class-hooks/invalid 0 on touched components; per-component vitest suites green. Handoff + remaining plan: docs/process/continue-audit-fixes-2026-07.md Excluded (broken by the N1 rename, left broken per user decision, not staged): words/**, palabras/**, chronos, web/routes/alpha/**. Reconciliation pending: the touch-rows ::before for checkbox/switch reverses changelog §37's earlier pseudo-element rejection (WCAG-overlap) that had routed markers to a labeled-row/Field task — flagged for the user in the handoff. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>	3 months ago
dev	a804c39208	feat(eidos): Button + 9 demo rebuilds + picker recipe polish ... Build: - New <Button> compound (morfo + soma + sema + eidos): 6 variants (solid/soft/surface/outline/ghost/plain), 8 colors, 5 sizes, optional icon/endIcon snippets, loading state with built-in Spinner, asChild Slot pattern, intent-driven sema (commit-action with fromProp:intent). Demo rebuilds (canonical depth per DEMO_AUTHORING_GUIDE): - context-menu, dropdown-menu, pin-input, alert-dialog, toggle-group: full per-part Morfo contracts, reference-parity tables, ARIA contract tables, keyboard tables, composition controls. - color-field, time-field, time-picker, time-range-picker, color-picker, month-grid, year-grid: same canonical treatment; per-part data/aria/ keyboard iteration of raw morfo, reference parity vs react-aria/ ark-ui/Chakra/bits-ui/Mantine. Picker recipe polish: - PickerShell.Clear/Cancel/Close refactored to use <Button size="xs"> (affects 5 pickers — date / date-range / time / time-range / color). - TimePicker + TimeRangePicker: popover condensed (min-width 18rem -> 14 / 32 -> 28), per-channel accent (hour=primary, minute=secondary, second=neutral; end variant muted), ruler off by default, hour ruler cleaned to 0/6/12/18/23. - ColorPicker: typography token --_color-picker-trigger-font-size that scales with data-size (10/12/14px); autoFormat default true; Area recipe override for [data-x-channel='hue'] with rainbow gradient + saturation/brightness Y overlays. - ValueText eidos wrapper: fix children snippet bug that suppressed soma's displayValue fallback. - date-field.css: segment editing affordance (cursor + hover + active ring) via new --_date-field-accent-element token across 8 color cascades. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago
dev	61ffbade46	feat(toggle-group): port from soma to eidos (Tier 1 sprint, 1/5) ... First component in the soma→eidos porting sprint. Two-part compound (Provider + Item), modeled on radio-group's structure. Eidos surface: - variant: 'solid' | 'outline' | 'ghost' — mirrors <Toggle> - color: 7 tones, propagated to items via data-color cascade - size: xs/sm/md/lg/xl (responsive) - attached: boolean — segmented control affordance (shared borders, active item z-indexed above neighbors) - block: boolean — items grow to fill the inline-size - iconOnly: per-item flag — square aspect, sr-only label Items consume the Toggle palette token vocabulary (--toggle-*) so a standalone <Toggle> and a <ToggleGroup.Item> at the same variant × color × size are visually identical — single source of truth for the "toggle button" recipe. Morfo scope fix: ['soma'] → ['soma', 'sema', 'eidos']. Adds apg URL (WAI-ARIA Button pattern) so the audit's A-1.4 rule passes. The commit-toggle event's sound comes from the `commit` family base — no per-component cascade needed. Demo: canonical 6-tab template (Live / API / Morfo / Sema / Recipe / A11y) with every prop exposed as a chip/switch, soma + eidos snippets update live, sema "▶ play" button on the commit-toggle event. Reference comparison vs Radix Primitives / Bits UI / Ark UI / Chakra v3 / Mantine / Radix Themes / shadcn documented in README §Comparativa. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>	5 months ago