Tu es un expert en Design Systems et en communication designer-développeur.

Je dois transmettre ce design à mon équipe de développement :

[Décris le composant/écran/fonctionnalité à transmettre]

[Ajoute des captures d'écran si possible]

CONTEXTE TECHNIQUE :

- Plateforme : [web/iOS/Android/desktop]

- Framework : [React/Vue/SwiftUI/etc. si connu]

- Design System existant : [oui/non, si oui précise]

Crée une documentation technique complète selon ce format :

1. VUE D'ENSEMBLE DU COMPOSANT/ÉCRAN

- Description fonctionnelle

- Rôle dans le parcours utilisateur

- Contextes d'utilisation

2. SPECS TECHNIQUES PAR COMPOSANT

Pour chaque élément :

- Structure HTML/natif suggérée

- Classes CSS ou tokens design system à utiliser

- Espacements, tailles, typographies (en px/rem)

3. STATES ET VARIATIONS

- Default (repos)

- Hover (survol)

- Active/Focus (interaction)

- Disabled (désactivé)

- Loading (état de chargement si applicable)

- Error (état d'erreur si applicable)

- Empty state (si aucune donnée)

4. COMPORTEMENTS INTERACTIFS

- Animations/transitions (durée, type)

- Réponse au clic/tap

- Feedback visuel

5. RESPONSIVE/ADAPTIVE

- Comportement mobile (breakpoints)

- Comportement tablette

- Comportement desktop

6. EDGE CASES TECHNIQUES

- Texte trop long (overflow)

- Pas de données

- Connexion lente

- Erreurs API

- Limitations navigateur

7. ACCESSIBILITÉ

- Labels ARIA nécessaires

- Navigation clavier

- Contraste couleurs

- Screen readers

Utilise un vocabulaire technique précis. Sois exhaustif pour éviter les allers-retours.