Showcase des primitives de formulaire

<div class="docs-demo-stack">
  <h3>Défaut</h3>
  <Input label="Project title" placeholder="Sent Tech Forge" />
  <h3>Désactivé</h3>
  <Input label="Project title" placeholder="Read-only" disabled />
  <h3>Erreur</h3>
  <Input
    label="Contact email"
    placeholder="user@domain"
    invalid
    errorText="Invalid email address"
  />
  <h3>Valide</h3>
  <Input
    label="Workspace slug"
    value="forge-playground"
    helperText="Aucun etat/prop \"valid\" dedie dans l'API courante; l'absence d'erreur reste l'etat valide."
  />
</div>

<div class="docs-demo-stack">
  <h3>Variantes</h3>
  <Input label="Small" size="sm" placeholder="sm" />
  <Input label="Medium" size="md" placeholder="md" />
  <Input label="Large" size="lg" placeholder="lg" />
</div>

<div class="docs-demo-stack">
  <h3>Défaut</h3>
  <Textarea label="Description" placeholder="Short operational context" />
  <h3>Désactivé</h3>
  <Textarea label="Archived description" placeholder="Read only note" disabled />
  <h3>Erreur</h3>
  <Textarea
    label="Feedback"
    rows={4}
    invalid
    errorText="Feedback is required before submission"
  />
  <h3>Valide</h3>
  <Textarea
    label="Summary"
    value="Resolved within bounds."
    helperText="Aucun etat/prop \"valid\" dedie dans l'API courante; l'absence d'erreur reste l'etat valide."
  />
</div>

<div class="docs-demo-stack">
  <h3>Défaut</h3>
  <Select
    label="Tenant"
    options={[{"value":"","label":"Select a tenant"},{"value":"forge","label":"Forge"},{"value":"entropic","label":"Entropic"},{"value":"graphify","label":"Graphify"}]}
  />
  <h3>Désactivé</h3>
  <Select
    label="Tenant"
    disabled
    options={[{"value":"","label":"Select a tenant"},{"value":"forge","label":"Forge"},{"value":"entropic","label":"Entropic"},{"value":"graphify","label":"Graphify"}]}
  />
  <h3>Erreur</h3>
  <Select
    label="Tenant"
    invalid
    errorText="Tenant is required"
    options={[{"value":"","label":"Select a tenant"},{"value":"forge","label":"Forge"},{"value":"entropic","label":"Entropic"},{"value":"graphify","label":"Graphify"}]}
  />
  <h3>Valide</h3>
  <Select
    label="Tenant"
    options={[{"value":"forge","label":"Forge"},{"value":"entropic","label":"Entropic"}]}
  />
</div>

<div class="docs-demo-stack">
  <h3>Variantes</h3>
  <Select label="Small" size="sm" options={[{"value":"sm","label":"sm"}]} />
  <Select label="Medium" size="md" options={[{"value":"md","label":"md"}]} />
  <Select label="Large" size="lg" options={[{"value":"lg","label":"lg"}]} />
</div>

<div class="docs-demo-stack">
  <h3>Défaut</h3>
  <Checkbox label="Enable workspace templates" helperText="Default state" />
  <h3>Désactivé</h3>
  <Checkbox
    label="Enable workspace templates"
    disabled
    helperText="Disabled checkbox"
  />
  <h3>Erreur</h3>
  <Checkbox
    label="Enable workspace templates"
    invalid
    helperText="Conflicts with policy"
  />
  <h3>Valide</h3>
  <Checkbox
    label="Enable workspace templates"
    checked
    helperText="Aucun etat/prop \"valid\" dedie dans l'API courante; l'absence d'erreur reste l'etat valide."
  />
</div>

<div class="docs-demo-stack">
  <h3>Défaut</h3>
  <Radio label="Primary runtime" name="runtime-default" checked />
  <Radio label="Secondary runtime" name="runtime-default" />
  <h3>Désactivé</h3>
  <Radio label="Primary runtime" name="runtime-disabled" disabled />
  <Radio label="Secondary runtime" name="runtime-disabled" disabled />
  <h3>Erreur</h3>
  <Radio label="Primary runtime" name="runtime-error" invalid />
  <Radio label="Secondary runtime" name="runtime-error" />
  <h3>Valide</h3>
  <Radio
    label="Primary runtime"
    name="runtime-valid"
    checked
    helperText="Aucun etat/prop \"valid\" dedie dans l'API courante; l'absence d'erreur reste l'etat valide."
  />
</div>

<div class="docs-demo-stack">
  <h3>Défaut</h3>
  <Switch label="Notifications" helperText="Default state" />
  <h3>Désactivé</h3>
  <Switch label="Notifications" disabled helperText="Disabled switch" />
  <h3>Valide</h3>
  <Switch
    label="Notifications"
    checked
    helperText="Aucun etat/prop \"valid\" dedie dans l'API courante; l'absence d'erreur reste l'etat valide."
  />
</div>

<div class="docs-demo-stack">
  <Alert title="Info" message="Default alert state." />
  <Alert tone="success" title="Success" message="Valide" />
  <Alert
    tone="warning"
    title="Warning"
    message="Warning state for confirmation flows."
  />
  <Alert tone="error" title="Error" message="Erreur" />
</div>