# Editable

Eidos `Editable` viste el primitive headless de Soma para edición inline. Air no
tenia equivalente directo en `src/uix/air/components`, pero la rama anterior si
tenia baseline en `src/uix/terra/editable`.

## Baseline

| Fuente | Superficie | Estado Eidos |
| --- | --- | --- |
| Air `glm-5` | No existe `src/uix/air/components/editable`. | Sin baseline Air directa. |
| Terra `glm-5` | `Root`, `Area`, `Preview`, `Input`, `EditTrigger`, `SubmitTrigger`, `CancelTrigger`; preview inline, input solo en modo edición y acciones auxiliares. | Baseline visual recuperada: `Editable` no debe parecer un `Field/Input` permanente. |
| Soma actual | `Provider`, `Area`, `Preview`, `Input`, `EditTrigger`, `SubmitTrigger`, `CancelTrigger`; activation/submit modes, draft, auto-resize, max length, disabled/readonly. | Cubierto por passthrough. Eidos anade `size`, `variant`, `color` y receta. |
| Chakra / Ark Editable | Root, Area, Preview, Input, Control, Edit/Submit/Cancel triggers, activation modes, selectOnFocus, textarea. | Cubierto salvo `Control` dedicado; `Area` agrupa preview/input y triggers son hermanos. |
| Radix Vue Editable | Root, Area, Preview, Input, Edit/Submit/Cancel triggers. | Cubierto. |
| React Aria TextField | Label/Input/TextArea accesibles, pero no inline-edit compuesto. | `Editable.Input` puede renderizar textarea via child snippet; label externo queda en `Field`. |

Referencias externas consultadas:

- Chakra UI Editable: https://chakra-ui.com/docs/components/editable
- Radix Vue Editable: https://www.radix-vue.com/components/editable
- Park UI / Ark Editable: https://park-ui.com/docs/components/editable
- React Aria TextField: https://react-aria.adobe.com/TextField

## API Eidos

```svelte
<Editable bind:value activationMode="click" submitMode="both" size="md" color="primary">
	<Editable.Area>
		<Editable.Preview />
		<Editable.Input />
	</Editable.Area>
	<Editable.Control>
		<Editable.EditTrigger>Edit</Editable.EditTrigger>
		<Editable.SubmitTrigger>Save</Editable.SubmitTrigger>
		<Editable.CancelTrigger>Cancel</Editable.CancelTrigger>
	</Editable.Control>
</Editable>
```

## Decisiones

- No se crea `Provider` publico: el root visual es `Editable`.
- No se anade API flat con snippets.
- `Editable.Control` agrupa acciones; Soma expone estado en el control y en
  los triggers, y Eidos decide la visibilidad visual de Edit frente a
  Save/Cancel.
- `size` es responsive y se resuelve con `ActiveEidos`.
- `variant` controla el tratamiento del preview/input, pero el preview se
  mantiene como contenido inline: si se quiere una caja permanente se debe usar
  `Field`/`Input`, no `Editable`.
- `color` usa paletas canonicas de Eidos para foco y submit.
- El soporte textarea se mantiene en Soma mediante `child`.

## Eventos

Morfo declara:

- `shift-enter-mode`: entrada en modo edición.
- `commit-save`: submit del draft.
- `commit-cancel`: cancelación/revert.

La escritura de estado queda en Soma; Sema sólo recibe señales agregadas y no
observa cada pulsación dentro del input.