Implémentation de `agtc-radio` et `agtc-radio-group`

---

Contexte

Le radio est le pendant exclusif de la checkbox. Trois questions ont guidé les décisions :

1. Forme — ronde (NN/g) vs carrée. Sans ambiguïté : ronde. 2. Groupement — comment garantir l'exclusivité entre Web Components ? 3. Clavier — comment reproduire le comportement radio natif (flèches) ?

---

Décisions

Décision 1 — Architecture en deux composants : agtc-radio-group + agtc-radio

Problème : des <input type="radio"> rendus dans des shadow DOM séparés ne forment pas un groupe natif — l'exclusivité par name ne traverse pas les frontières de shadow root.

Décision : un conteneur agtc-radio-group (role="radiogroup") est obligatoire. Il :

• collecte les agtc-radio enfants, applique la sélection unique via value
• gère le focus roving (un seul radio tabindex="0")
• gère le clavier (flèches sélectionnent, comme un radio natif)
• émet agtc-change { value, name }

Alternative rejetée : agtc-radio autonome coordonné par name via le document. Rejeté pour l'accessibilité plus faible (pas de role="radiogroup", pas de navigation flèches roving).

---

Décision 2 — Forme ronde

border-radius: 9999px. NN/g : le rond est la convention du radio ; le carré signale une checkbox. Pastille centrale fill (teal) animée par transform: scale.

---

Décision 3 — Pattern ARIA radiogroup complet

Le groupe implémente le pattern WAI-ARIA : role="radiogroup" + aria-label, enfants role="radio" + aria-checked, focus roving, ↓→ suivant / ↑← précédent (boucle, sélection), Espace sélectionne. Entrée est volontairement non géré (réservé à la soumission de formulaire, pattern WAI-ARIA radio strict). Cela reproduit fidèlement le comportement d'un groupe natif sans dépendre du groupement natif inopérant en shadow DOM.

---

Périmètre v1