@besaitech/ng-design-system-mcp 0.0.5

package/data/docs.json

@@ -0,0 +1,4110 @@
+{
+  "schemaVersion": "1.0.0",
+  "libraryVersion": "0.0.29",
+  "packageName": "@besaitech/ng-design-system",
+  "devImport": "saitech-design-system",
+  "generatedAt": "2026-08-31T22:12:44.950Z",
+  "componentCount": 30,
+  "components": [
+    {
+      "className": "SdsAccordion",
+      "selector": "sds-accordion",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsAccordion, SdsAccordionPanel, SdsAccordionHeader, SdsAccordionContent",
+      "description": "Panneaux dépliables composables. <sds-accordion> coordonne ses <sds-accordion-panel> ; chaque panneau porte un [value] et contient un <sds-accordion-header> et un <sds-accordion-content>. Le panneau ouvert est la valeur [value] (liaison bidirectionnelle [(value)]). [multiple] autorise plusieurs panneaux ouverts (la valeur devient un tableau). Repli animé, navigation clavier (flèches, Début, Fin).",
+      "overviewDescription": "Panneaux dépliables : mode simple ou multiple, clavier.",
+      "jsdoc": "Root of an accordion. Compose with <sds-accordion-panel> children, each\nholding an <sds-accordion-header> and an <sds-accordion-content>. The open\npanel is the [value], matched against each panel's [value]; it is two-way\nbindable via [(value)]. With [multiple], several panels may be open at once\nand [value] is an array.",
+      "example": "<sds-accordion [(value)]=\"open\">\n  <sds-accordion-panel value=\"0\">\n    <sds-accordion-header>Section 1</sds-accordion-header>\n    <sds-accordion-content>…</sds-accordion-content>\n  </sds-accordion-panel>\n</sds-accordion>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "SdsAccordionActive",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Open panel value, or array of values in multiple mode (two-way)."
+        },
+        {
+          "name": "multiple",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Allow more than one panel open at a time."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "valueChange",
+          "type": "SdsAccordionActive",
+          "fromModel": true
+        }
+      ],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block divide-y divide-border overflow-hidden rounded-card border border-border bg-surface",
+        "(keydown)": "onKeydown($event)"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Mode simple : un seul panneau ouvert ; recliquer le replie.",
+          "code": "<sds-accordion value=\"0\">\n  <sds-accordion-panel value=\"0\">\n    <sds-accordion-header>Admission du patient</sds-accordion-header>\n    <sds-accordion-content>…</sds-accordion-content>\n  </sds-accordion-panel>\n  <sds-accordion-panel value=\"1\">\n    <sds-accordion-header>Dossier médical</sds-accordion-header>\n    <sds-accordion-content>…</sds-accordion-content>\n  </sds-accordion-panel>\n</sds-accordion>",
+          "runnableExample": "<sds-accordion value=\"0\">\n            <sds-accordion-panel value=\"0\">\n              <sds-accordion-header>Admission du patient</sds-accordion-header>\n              <sds-accordion-content>\n                Procédure d'enregistrement : identité, couverture mutuelle et\n                affectation au service compétent.\n              </sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"1\">\n              <sds-accordion-header>Dossier médical</sds-accordion-header>\n              <sds-accordion-content>\n                Antécédents, allergies et traitements en cours, consultables par\n                l'équipe soignante autorisée.\n              </sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"2\">\n              <sds-accordion-header>Sortie & suivi</sds-accordion-header>\n              <sds-accordion-content>\n                Compte rendu d'hospitalisation, ordonnances et planification du\n                suivi ambulatoire.\n              </sds-accordion-content>\n            </sds-accordion-panel>\n          </sds-accordion>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Multiple",
+          "sectionDescription": "[multiple] autorise plusieurs panneaux ouverts ; [value] est un tableau.",
+          "code": "<sds-accordion multiple [value]=\"['0', '1']\">\n  <sds-accordion-panel value=\"0\">\n    <sds-accordion-header>Cardiologie</sds-accordion-header>\n    <sds-accordion-content>…</sds-accordion-content>\n  </sds-accordion-panel>\n  <sds-accordion-panel value=\"1\">…</sds-accordion-panel>\n  <sds-accordion-panel value=\"2\">…</sds-accordion-panel>\n</sds-accordion>",
+          "runnableExample": "<sds-accordion multiple [value]=\"['0', '1']\">\n            <sds-accordion-panel value=\"0\">\n              <sds-accordion-header>Cardiologie</sds-accordion-header>\n              <sds-accordion-content>Unité de soins intensifs cardiologiques.</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"1\">\n              <sds-accordion-header>Pédiatrie</sds-accordion-header>\n              <sds-accordion-content>Hospitalisation et consultations pédiatriques.</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"2\">\n              <sds-accordion-header>Radiologie</sds-accordion-header>\n              <sds-accordion-content>Imagerie médicale : IRM, scanner et échographie.</sds-accordion-content>\n            </sds-accordion-panel>\n          </sds-accordion>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "En-têtes avec icônes",
+          "sectionDescription": "Projetez un <sds-icon> dans l'en-tête.",
+          "code": "<sds-accordion value=\"profile\">\n  <sds-accordion-panel value=\"profile\">\n    <sds-accordion-header><sds-icon name=\"circle-user\" [size]=\"18\" /> Profil</sds-accordion-header>\n    <sds-accordion-content>…</sds-accordion-content>\n  </sds-accordion-panel>\n  …\n</sds-accordion>",
+          "runnableExample": "<sds-accordion value=\"profile\">\n            <sds-accordion-panel value=\"profile\">\n              <sds-accordion-header><sds-icon name=\"circle-user\" [size]=\"18\" /> Profil</sds-accordion-header>\n              <sds-accordion-content>Nom, fonction et coordonnées du membre du personnel.</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"notifications\">\n              <sds-accordion-header><sds-icon name=\"bell\" [size]=\"18\" /> Notifications</sds-accordion-header>\n              <sds-accordion-content>Préférences d'alertes et de rappels.</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"security\">\n              <sds-accordion-header><sds-icon name=\"settings\" [size]=\"18\" /> Sécurité</sds-accordion-header>\n              <sds-accordion-content>Mot de passe, double authentification et sessions actives.</sds-accordion-content>\n            </sds-accordion-panel>\n          </sds-accordion>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Panneau désactivé",
+          "sectionDescription": null,
+          "code": "<sds-accordion value=\"0\">\n  <sds-accordion-panel value=\"0\">…</sds-accordion-panel>\n  <sds-accordion-panel value=\"1\" disabled>\n    <sds-accordion-header>Indisponible</sds-accordion-header>\n    <sds-accordion-content>…</sds-accordion-content>\n  </sds-accordion-panel>\n</sds-accordion>",
+          "runnableExample": "<sds-accordion value=\"0\">\n            <sds-accordion-panel value=\"0\">\n              <sds-accordion-header>Disponible</sds-accordion-header>\n              <sds-accordion-content>Ce panneau est accessible.</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"1\" disabled>\n              <sds-accordion-header>Indisponible</sds-accordion-header>\n              <sds-accordion-content>Ce contenu ne peut pas être ouvert.</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"2\">\n              <sds-accordion-header>Archives</sds-accordion-header>\n              <sds-accordion-content>Documents archivés du dossier.</sds-accordion-content>\n            </sds-accordion-panel>\n          </sds-accordion>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Contrôlé (two-way)",
+          "sectionDescription": "Liaison [(value)] vers un signal ; pilotable depuis l'extérieur.",
+          "code": "<sds-button (click)=\"open.set('a')\">Ouvrir A</sds-button>\n<sds-button (click)=\"open.set(null)\">Tout replier</sds-button>\n\n<sds-accordion [(value)]=\"open\">\n  <sds-accordion-panel value=\"a\">\n    <sds-accordion-header>Panneau A</sds-accordion-header>\n    <sds-accordion-content>Contenu A</sds-accordion-content>\n  </sds-accordion-panel>\n  …\n</sds-accordion>\n\n// open = signal<SdsAccordionActive>('a');",
+          "runnableExample": "<div class=\"flex flex-wrap items-center gap-2\">\n            <sds-button size=\"sm\" variant=\"secondary\" (click)=\"open.set('a')\">Ouvrir A</sds-button>\n            <sds-button size=\"sm\" variant=\"secondary\" (click)=\"open.set('c')\">Ouvrir C</sds-button>\n            <sds-button size=\"sm\" variant=\"ghost\" (click)=\"open.set(null)\">Tout replier</sds-button>\n            <span class=\"text-sm text-ink-soft\">\n              Ouvert : <span class=\"font-medium text-ink\">{{ open() ?? '—' }}</span>\n            </span>\n          </div>\n\n          <sds-accordion [(value)]=\"open\">\n            <sds-accordion-panel value=\"a\">\n              <sds-accordion-header>Panneau A</sds-accordion-header>\n              <sds-accordion-content>Contenu A</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"b\">\n              <sds-accordion-header>Panneau B</sds-accordion-header>\n              <sds-accordion-content>Contenu B</sds-accordion-content>\n            </sds-accordion-panel>\n            <sds-accordion-panel value=\"c\">\n              <sds-accordion-header>Panneau C</sds-accordion-header>\n              <sds-accordion-content>Contenu C</sds-accordion-content>\n            </sds-accordion-panel>\n          </sds-accordion>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Dynamique (FAQ)",
+          "sectionDescription": "Générez les panneaux avec @for.",
+          "code": "<sds-accordion multiple>\n  @for (f of faqs; track f.value) {\n    <sds-accordion-panel [value]=\"f.value\">\n      <sds-accordion-header>{{ f.question }}</sds-accordion-header>\n      <sds-accordion-content>{{ f.answer }}</sds-accordion-content>\n    </sds-accordion-panel>\n  }\n</sds-accordion>",
+          "runnableExample": "<sds-accordion multiple>\n            @for (f of faqs; track f.value) {\n              <sds-accordion-panel [value]=\"f.value\">\n                <sds-accordion-header>{{ f.question }}</sds-accordion-header>\n                <sds-accordion-content>{{ f.answer }}</sds-accordion-content>\n              </sds-accordion-panel>\n            }\n          </sds-accordion>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsAccordionContent",
+      "selector": "sds-accordion-content",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsAccordionContent",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Collapsible content region of an accordion panel. Animates open/closed with a\nCSS grid-rows transition; while closed it is `inert` (not focusable, hidden\nfrom assistive tech) but kept in the DOM, so its state persists.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsAccordionHeader",
+      "selector": "sds-accordion-header",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsAccordionHeader",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Clickable header of an accordion panel. Project the label text and,\noptionally, an <sds-icon>. Renders a chevron that rotates when open.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsAccordionPanel",
+      "selector": "sds-accordion-panel",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsAccordionPanel",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "One accordion section. Holds the [value] and optional [disabled] state shared\nwith its projected <sds-accordion-header> and <sds-accordion-content>.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "SdsAccordionValue",
+          "default": null,
+          "required": true,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsAvatar",
+      "selector": "sds-avatar",
+      "kind": "component",
+      "group": "primitive",
+      "importName": "SdsAvatar",
+      "description": "Avatar circulaire affichant une image ou des initiales, avec pastille de statut optionnelle.",
+      "overviewDescription": "Avatars avec initiales, image et indicateur de statut.",
+      "jsdoc": "Circular avatar showing an image or initials, with an optional status dot.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "name",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "initials",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "src",
+          "type": "string | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "number",
+          "default": "36",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "status",
+          "type": "SdsAvatarStatus | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "bgClass",
+          "type": "string",
+          "default": "'bg-brand-400'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Tailwind bg utility for the initials background."
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsAvatarStatus",
+          "kind": "union",
+          "body": "'online' | 'offline' | 'busy' | 'away'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "inline-block shrink-0 align-middle"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Initiales",
+          "sectionDescription": null,
+          "code": "<sds-avatar initials=\"AS\"></sds-avatar>\n<sds-avatar name=\"Marie Curie\"></sds-avatar>",
+          "runnableExample": "<sds-avatar initials=\"AS\"></sds-avatar>\n          <sds-avatar name=\"Marie Curie\"></sds-avatar>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-avatar name=\"Sophie Bernard\" [size]=\"28\"></sds-avatar>\n<sds-avatar name=\"Sophie Bernard\" [size]=\"36\"></sds-avatar>\n<sds-avatar name=\"Sophie Bernard\" [size]=\"48\"></sds-avatar>\n<sds-avatar name=\"Sophie Bernard\" [size]=\"64\"></sds-avatar>",
+          "runnableExample": "<sds-avatar name=\"Sophie Bernard\" [size]=\"28\"></sds-avatar>\n          <sds-avatar name=\"Sophie Bernard\" [size]=\"36\"></sds-avatar>\n          <sds-avatar name=\"Sophie Bernard\" [size]=\"48\"></sds-avatar>\n          <sds-avatar name=\"Sophie Bernard\" [size]=\"64\"></sds-avatar>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Statut",
+          "sectionDescription": null,
+          "code": "<sds-avatar name=\"Léa Dubois\" status=\"online\"></sds-avatar>\n<sds-avatar name=\"Léa Dubois\" status=\"busy\"></sds-avatar>\n<sds-avatar name=\"Léa Dubois\" status=\"away\"></sds-avatar>\n<sds-avatar name=\"Léa Dubois\" status=\"offline\"></sds-avatar>",
+          "runnableExample": "<sds-avatar name=\"Léa Dubois\" status=\"online\"></sds-avatar>\n          <sds-avatar name=\"Léa Dubois\" status=\"busy\"></sds-avatar>\n          <sds-avatar name=\"Léa Dubois\" status=\"away\"></sds-avatar>\n          <sds-avatar name=\"Léa Dubois\" status=\"offline\"></sds-avatar>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Couleur de fond",
+          "sectionDescription": null,
+          "code": "<sds-avatar name=\"Inès Moreau\" bgClass=\"bg-accent-indigo\"></sds-avatar>\n<sds-avatar name=\"Gaël Petit\" bgClass=\"bg-accent-green\"></sds-avatar>\n<sds-avatar name=\"Yann Roux\" bgClass=\"bg-accent-amber\"></sds-avatar>",
+          "runnableExample": "<sds-avatar name=\"Inès Moreau\" bgClass=\"bg-accent-indigo\"></sds-avatar>\n          <sds-avatar name=\"Gaël Petit\" bgClass=\"bg-accent-green\"></sds-avatar>\n          <sds-avatar name=\"Yann Roux\" bgClass=\"bg-accent-amber\"></sds-avatar>",
+          "stack": false,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsBadge",
+      "selector": "sds-badge",
+      "kind": "component",
+      "group": "primitive",
+      "importName": "SdsBadge",
+      "description": "Petite pastille d'état ou d'étiquette, avec variantes de couleur, deux tailles et un point indicateur optionnel.",
+      "overviewDescription": "Pastilles de statut et étiquettes.",
+      "jsdoc": "Small status/label pill. Used e.g. for the \"TEST V.1.0.0\" version chip.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "variant",
+          "type": "SdsBadgeVariant",
+          "default": "'neutral'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsBadgeSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "dot",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsBadgeVariant",
+          "kind": "union",
+          "body": "| 'neutral' | 'brand' | 'info' | 'success' | 'warning' | 'danger'"
+        },
+        {
+          "name": "SdsBadgeSize",
+          "kind": "union",
+          "body": "'sm' | 'md'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "inline-flex"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Variantes",
+          "sectionDescription": null,
+          "code": "<sds-badge variant=\"neutral\">Neutre</sds-badge>\n<sds-badge variant=\"brand\">Service</sds-badge>\n<sds-badge variant=\"info\">Information</sds-badge>\n<sds-badge variant=\"success\">Validé</sds-badge>\n<sds-badge variant=\"warning\">En attente</sds-badge>\n<sds-badge variant=\"danger\">Urgent</sds-badge>",
+          "runnableExample": "<sds-badge variant=\"neutral\">Neutre</sds-badge>\n          <sds-badge variant=\"brand\">Service</sds-badge>\n          <sds-badge variant=\"info\">Information</sds-badge>\n          <sds-badge variant=\"success\">Validé</sds-badge>\n          <sds-badge variant=\"warning\">En attente</sds-badge>\n          <sds-badge variant=\"danger\">Urgent</sds-badge>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec point",
+          "sectionDescription": null,
+          "code": "<sds-badge variant=\"success\" dot>Actif</sds-badge>\n<sds-badge variant=\"warning\" dot>Test V.1.0.0</sds-badge>\n<sds-badge variant=\"danger\" dot>Hors service</sds-badge>\n<sds-badge variant=\"info\" dot>En cours</sds-badge>",
+          "runnableExample": "<sds-badge variant=\"success\" dot>Actif</sds-badge>\n          <sds-badge variant=\"warning\" dot>Test V.1.0.0</sds-badge>\n          <sds-badge variant=\"danger\" dot>Hors service</sds-badge>\n          <sds-badge variant=\"info\" dot>En cours</sds-badge>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-badge variant=\"brand\" size=\"sm\">Petite</sds-badge>\n<sds-badge variant=\"brand\" size=\"md\">Moyenne</sds-badge>",
+          "runnableExample": "<sds-badge variant=\"brand\" size=\"sm\">Petite</sds-badge>\n          <sds-badge variant=\"brand\" size=\"md\">Moyenne</sds-badge>",
+          "stack": false,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsButton",
+      "selector": "sds-button",
+      "kind": "component",
+      "group": "primitive",
+      "importName": "SdsButton",
+      "description": "Bouton d'action avec variantes, tailles, états de chargement et icônes.",
+      "overviewDescription": "Boutons d'action : variantes, tailles, états et icônes.",
+      "jsdoc": "Brand button. Project an <sds-icon sdsIconLeading/> or <sds-icon sdsIconTrailing/>\nfor icons, or set [iconOnly]=\"true\" for a square icon button.",
+      "example": "<sds-button variant=\"primary\" (click)=\"save()\">Enregistrer</sds-button>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "variant",
+          "type": "SdsButtonVariant",
+          "default": "'primary'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsButtonSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "type",
+          "type": "'button' | 'submit' | 'reset'",
+          "default": "'button'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "block",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Full-width button."
+        },
+        {
+          "name": "iconOnly",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Square icon-only button (provide [ariaLabel] for accessibility)."
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsButtonVariant",
+          "kind": "union",
+          "body": "| 'primary' | 'secondary' | 'tertiary' | 'ghost' | 'danger'"
+        },
+        {
+          "name": "SdsButtonSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        }
+      ],
+      "projectionSlots": [
+        "[sdsIconLeading]",
+        "[sdsIconTrailing]"
+      ],
+      "hostBindings": {
+        "[class]": "hostClass()",
+        "[attr.aria-disabled]": "(disabled() || loading()) ? \"true\" : null",
+        "[style.pointer-events]": "(disabled() || loading()) ? \"none\" : null",
+        "(click)": "onHostClick($event)"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Variantes",
+          "sectionDescription": null,
+          "code": "<sds-button variant=\"primary\">Primary</sds-button>\n<sds-button variant=\"secondary\">Secondary</sds-button>\n<sds-button variant=\"tertiary\">Tertiary</sds-button>\n<sds-button variant=\"ghost\">Ghost</sds-button>\n<sds-button variant=\"danger\">Danger</sds-button>",
+          "runnableExample": "<sds-button variant=\"primary\">Primary</sds-button>\n          <sds-button variant=\"secondary\">Secondary</sds-button>\n          <sds-button variant=\"tertiary\">Tertiary</sds-button>\n          <sds-button variant=\"ghost\">Ghost</sds-button>\n          <sds-button variant=\"danger\">Danger</sds-button>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-button size=\"sm\">Small</sds-button>\n<sds-button size=\"md\">Medium</sds-button>\n<sds-button size=\"lg\">Large</sds-button>",
+          "runnableExample": "<sds-button size=\"sm\">Small</sds-button>\n          <sds-button size=\"md\">Medium</sds-button>\n          <sds-button size=\"lg\">Large</sds-button>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "États",
+          "sectionDescription": null,
+          "code": "<sds-button disabled>Désactivé</sds-button>\n<sds-button loading>Chargement</sds-button>",
+          "runnableExample": "<sds-button disabled>Désactivé</sds-button>\n          <sds-button loading>Chargement</sds-button>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec icônes",
+          "sectionDescription": null,
+          "code": "<sds-button variant=\"primary\">\n  <sds-icon sdsIconLeading name=\"user-plus\" [size]=\"18\" />\n  Créer un membre\n</sds-button>\n\n<sds-button variant=\"secondary\">\n  Suivant\n  <sds-icon sdsIconTrailing name=\"chevron-right\" [size]=\"18\" />\n</sds-button>",
+          "runnableExample": "<sds-button variant=\"primary\">\n            <sds-icon sdsIconLeading name=\"user-plus\" [size]=\"18\" />\n            Créer un membre\n          </sds-button>\n          <sds-button variant=\"secondary\">\n            Suivant\n            <sds-icon sdsIconTrailing name=\"chevron-right\" [size]=\"18\" />\n          </sds-button>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Bouton icône seul",
+          "sectionDescription": "Fournissez ariaLabel pour l'accessibilité.",
+          "code": "<sds-button iconOnly ariaLabel=\"Paramètres\" variant=\"secondary\">\n  <sds-icon sdsIconLeading name=\"settings\" [size]=\"18\" />\n</sds-button>",
+          "runnableExample": "<sds-button iconOnly ariaLabel=\"Paramètres\" variant=\"secondary\">\n            <sds-icon sdsIconLeading name=\"settings\" [size]=\"18\" />\n          </sds-button>\n          <sds-button iconOnly ariaLabel=\"Rechercher\" variant=\"ghost\">\n            <sds-icon sdsIconLeading name=\"search\" [size]=\"18\" />\n          </sds-button>",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Pleine largeur",
+          "sectionDescription": null,
+          "code": "<sds-button block variant=\"primary\">Enregistrer</sds-button>",
+          "runnableExample": "<sds-button block variant=\"primary\">Enregistrer</sds-button>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsCalendar",
+      "selector": "sds-calendar",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsCalendar",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Inline month calendar with day → month → year drill-down navigation,\nmin/max bounds and keyboard support. Used standalone (inline) or inside\n<sds-date-picker>.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "Date | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "min",
+          "type": "Date | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "max",
+          "type": "Date | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "firstDayOfWeek",
+          "type": "0 | 1",
+          "default": "1",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "0 = Sunday, 1 = Monday (default, European)."
+        },
+        {
+          "name": "locale",
+          "type": "string",
+          "default": "'fr-FR'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showActions",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [
+        {
+          "name": "valueChange",
+          "type": "Date | null",
+          "fromModel": true
+        },
+        {
+          "name": "dateSelect",
+          "type": "Date",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsCard",
+      "selector": "sds-card",
+      "kind": "component",
+      "group": "primitive",
+      "importName": "SdsCard",
+      "description": "Conteneur de surface générique avec variantes, padding configurable et affordance interactive au survol.",
+      "overviewDescription": "Conteneurs de surface : élevé, contour, subtil.",
+      "jsdoc": "Generic surface container. Set [interactive]=\"true\" for hover affordance\n(used by the dashboard action cards).",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "variant",
+          "type": "SdsCardVariant",
+          "default": "'elevated'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "padding",
+          "type": "string",
+          "default": "'p-5'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Inner padding utility (override with e.g. \"p-4\")."
+        },
+        {
+          "name": "interactive",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsCardVariant",
+          "kind": "union",
+          "body": "'elevated' | 'outlined' | 'subtle'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "[class]": "hostClass()"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Variantes",
+          "sectionDescription": null,
+          "code": "<sds-card variant=\"elevated\">\n  <div class=\"text-ink font-semibold\">Effectif du service</div>\n  <div class=\"text-sm text-ink-soft\">\n    24 soignants planifiés aujourd'hui sur l'unité de cardiologie.\n  </div>\n</sds-card>\n<sds-card variant=\"outlined\">\n  <div class=\"text-ink font-semibold\">Demandes de congés</div>\n  <div class=\"text-sm text-ink-soft\">\n    3 demandes en attente de validation par le cadre de santé.\n  </div>\n</sds-card>\n<sds-card variant=\"subtle\">\n  <div class=\"text-ink font-semibold\">Heures supplémentaires</div>\n  <div class=\"text-sm text-ink-soft\">\n    Total cumulé de 18 h sur la semaine pour l'équipe de nuit.\n  </div>\n</sds-card>",
+          "runnableExample": "<sds-card variant=\"elevated\">\n            <div class=\"text-ink font-semibold\">Effectif du service</div>\n            <div class=\"text-sm text-ink-soft\">\n              24 soignants planifiés aujourd'hui sur l'unité de cardiologie.\n            </div>\n          </sds-card>\n          <sds-card variant=\"outlined\">\n            <div class=\"text-ink font-semibold\">Demandes de congés</div>\n            <div class=\"text-sm text-ink-soft\">\n              3 demandes en attente de validation par le cadre de santé.\n            </div>\n          </sds-card>\n          <sds-card variant=\"subtle\">\n            <div class=\"text-ink font-semibold\">Heures supplémentaires</div>\n            <div class=\"text-sm text-ink-soft\">\n              Total cumulé de 18 h sur la semaine pour l'équipe de nuit.\n            </div>\n          </sds-card>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Interactif",
+          "sectionDescription": null,
+          "code": "<sds-card interactive>\n  <div class=\"text-ink font-semibold\">Planifier une garde</div>\n  <div class=\"text-sm text-ink-soft\">\n    Survolez cette carte pour afficher l'affordance de clic, puis ouvrez le planning du service.\n  </div>\n</sds-card>",
+          "runnableExample": "<sds-card interactive>\n            <div class=\"text-ink font-semibold\">Planifier une garde</div>\n            <div class=\"text-sm text-ink-soft\">\n              Survolez cette carte pour afficher l'affordance de clic, puis ouvrez le planning du service.\n            </div>\n          </sds-card>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Padding personnalisé",
+          "sectionDescription": null,
+          "code": "<sds-card variant=\"outlined\" padding=\"p-8\">\n  <div class=\"text-ink font-semibold\">Note du cadre de santé</div>\n  <div class=\"text-sm text-ink-soft\">\n    Espacement intérieur élargi (p-8) pour les contenus mis en avant.\n  </div>\n</sds-card>",
+          "runnableExample": "<sds-card variant=\"outlined\" padding=\"p-8\">\n            <div class=\"text-ink font-semibold\">Note du cadre de santé</div>\n            <div class=\"text-sm text-ink-soft\">\n              Espacement intérieur élargi (p-8) pour les contenus mis en avant.\n            </div>\n          </sds-card>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsCheckbox",
+      "selector": "sds-checkbox",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsCheckbox",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Boolean checkbox. Implements ControlValueAccessor — use with reactive forms\nor `[(ngModel)]`. Renders a styled box (brand-filled with a check when on)\nand an optional inline label.",
+      "example": "<sds-checkbox label=\"Fusion automatique\" [(ngModel)]=\"autoMerge\" />",
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name used when no visible [label] is provided."
+        },
+        {
+          "name": "size",
+          "type": "SdsCheckboxSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsCheckboxSize",
+          "kind": "union",
+          "body": "'sm' | 'md'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "inline-flex"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsDatePicker",
+      "selector": "sds-date-picker",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsDatePicker",
+      "description": "Sélecteur de date : champ avec calendrier en surimpression (navigation jour → mois → année), ou calendrier en ligne. Bornes min/max, effacement, et support clavier. Implémente ControlValueAccessor (valeur Date | null).",
+      "overviewDescription": "Sélecteur de date avec calendrier, bornes et mode inline.",
+      "jsdoc": "Date picker: a read-only field that opens a calendar overlay, or an inline\ncalendar. Implements ControlValueAccessor — use with reactive forms or\n[(ngModel)]; the value is a `Date | null`.",
+      "example": "<sds-date-picker label=\"Date de garde\" [(ngModel)]=\"date\" />",
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "'jj/mm/aaaa'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsDatePickerSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "min",
+          "type": "Date | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "max",
+          "type": "Date | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "firstDayOfWeek",
+          "type": "0 | 1",
+          "default": "1",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "locale",
+          "type": "string",
+          "default": "'fr-FR'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "inline",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showActions",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "format",
+          "type": "(d: Date) => string",
+          "default": "formatDdMmYyyy",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Custom display formatter (default dd/MM/yyyy)."
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsDatePickerSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block",
+        "(document:click)": "onDocumentClick($event)",
+        "(keydown.escape)": "close(true)"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": null,
+          "code": "<sds-date-picker label=\"Date de garde\" placeholder=\"jj/mm/aaaa\" />",
+          "runnableExample": "<sds-date-picker label=\"Date de garde\" placeholder=\"jj/mm/aaaa\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lié au formulaire (ngModel)",
+          "sectionDescription": "La valeur est un objet Date.",
+          "code": "<sds-date-picker label=\"Date de garde\" [(ngModel)]=\"date\" />\n<p>Sélection : {{ date ? display(date) : '—' }}</p>\n\n// date: Date | null = null;",
+          "runnableExample": "<sds-date-picker label=\"Date de garde\" [(ngModel)]=\"date\" />\n          <p class=\"text-sm text-ink-soft\">\n            Sélection : <span class=\"font-medium text-ink\">{{ date ? display(date) : '—' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Bornes (min / max)",
+          "sectionDescription": "Les dates hors de l'intervalle sont désactivées.",
+          "code": "<sds-date-picker label=\"Dans les 45 prochains jours\" [min]=\"min\" [max]=\"max\" />\n\n// min = new Date();                       // aujourd'hui\n// max = new Date(); max.setDate(max.getDate() + 45);",
+          "runnableExample": "<sds-date-picker label=\"Dans les 45 prochains jours\" [min]=\"min\" [max]=\"max\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Calendrier en ligne (inline)",
+          "sectionDescription": null,
+          "code": "<sds-date-picker inline [(ngModel)]=\"date2\" />",
+          "runnableExample": "<sds-date-picker inline [(ngModel)]=\"date2\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-date-picker label=\"Indisponible\" disabled />",
+          "runnableExample": "<sds-date-picker label=\"Indisponible\" disabled />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsIcon",
+      "selector": "sds-icon",
+      "kind": "component",
+      "group": "primitive",
+      "importName": "SdsIcon",
+      "description": "Icône SVG vectorielle issue d'un registre interne, avec taille et épaisseur de trait ajustables.",
+      "overviewDescription": "Bibliothèque d'icônes SVG intégrée.",
+      "jsdoc": "Inline SVG icon backed by a curated, dependency-free registry.",
+      "example": "<sds-icon name=\"search\" />\n<sds-icon name=\"home\" [size]=\"18\" />",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "name",
+          "type": "SdsIconName",
+          "default": null,
+          "required": true,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Icon identifier from the registry."
+        },
+        {
+          "name": "size",
+          "type": "number | string",
+          "default": "20",
+          "required": false,
+          "transform": "toIconPx",
+          "alias": null,
+          "jsdoc": "Square size: a pixel number, a numeric string, or a keyword (sm·md·lg·xl)."
+        },
+        {
+          "name": "strokeWidth",
+          "type": "number",
+          "default": "2",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Stroke width of the line icon."
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsIconSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg' | 'xl'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "sds-icon inline-flex shrink-0 items-center justify-center",
+        "[style.width.px]": "size()",
+        "[style.height.px]": "size()",
+        "[innerHTML]": "svg()",
+        "[attr.aria-hidden]": "\"true\""
+      },
+      "examples": [
+        {
+          "sectionTitle": "Usage",
+          "sectionDescription": null,
+          "code": "<sds-icon name=\"home\" />\n<sds-icon name=\"search\" />\n<sds-icon name=\"user-plus\" />\n<sds-icon name=\"bell\" />",
+          "runnableExample": "<sds-icon name=\"home\" />\n          <sds-icon name=\"search\" />\n          <sds-icon name=\"user-plus\" />\n          <sds-icon name=\"bell\" />",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-icon name=\"calendar\" [size]=\"16\" />\n<sds-icon name=\"calendar\" [size]=\"20\" />\n<sds-icon name=\"calendar\" [size]=\"24\" />\n<sds-icon name=\"calendar\" [size]=\"32\" />",
+          "runnableExample": "<sds-icon name=\"calendar\" [size]=\"16\" />\n          <sds-icon name=\"calendar\" [size]=\"20\" />\n          <sds-icon name=\"calendar\" [size]=\"24\" />\n          <sds-icon name=\"calendar\" [size]=\"32\" />",
+          "stack": false,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Épaisseur du trait",
+          "sectionDescription": null,
+          "code": "<sds-icon name=\"users\" [strokeWidth]=\"1\" />\n<sds-icon name=\"users\" [strokeWidth]=\"1.5\" />\n<sds-icon name=\"users\" [strokeWidth]=\"2\" />\n<sds-icon name=\"users\" [strokeWidth]=\"2.5\" />",
+          "runnableExample": "<sds-icon name=\"users\" [strokeWidth]=\"1\" />\n          <sds-icon name=\"users\" [strokeWidth]=\"1.5\" />\n          <sds-icon name=\"users\" [strokeWidth]=\"2\" />\n          <sds-icon name=\"users\" [strokeWidth]=\"2.5\" />",
+          "stack": false,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsInput",
+      "selector": "sds-input",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsInput",
+      "description": "Champ de saisie avec label, aide, erreur, tailles, icônes et bouton d'effacement. Implémente ControlValueAccessor.",
+      "overviewDescription": "Champs de saisie avec label, aide, erreur et icônes.",
+      "jsdoc": "Text input with label, hint/error, optional leading/trailing icons and a\nclear button. Implements ControlValueAccessor — use with reactive forms or\n[(ngModel)]. The `on-brand` appearance is tuned for dark surfaces (e.g. the\nsidebar search field).",
+      "example": null,
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name used when no visible [label] is provided."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "type",
+          "type": "SdsInputType",
+          "default": "'text'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`search` is the semantically right type for a search field, and the template strips the WebKit\nsearch decorations that come with it. Without that, a `search` field with {@link clearable} draws\nTWO clear buttons — the component's and the browser's own, which no stylesheet can reach and which\nsits outside the field's own padding."
+        },
+        {
+          "name": "size",
+          "type": "SdsInputSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "appearance",
+          "type": "SdsInputAppearance",
+          "default": "'default'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`filled` is a borderless field on a muted ground, for a search box that has to sit inside a page\nrather than announce itself as a form control — a storefront's search pill above all.\n`on-brand` is the same field tuned for a dark surface."
+        },
+        {
+          "name": "shape",
+          "type": "SdsInputShape",
+          "default": "'control'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`pill` fully rounds the field. Separate from {@link appearance} on purpose: a bordered pill and a\nfilled box are both real designs, and folding the two axes into one enum would forbid half of them."
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearLabel",
+          "type": "string",
+          "default": "'Effacer'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name for the clear button. French default so existing consumers are unchanged, but an\napp serving more than one language MUST translate it — it is an icon-only control, so this string\nis its only name."
+        },
+        {
+          "name": "leadingIcon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "trailingIcon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "trailingAction",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "A CLICKABLE trailing icon, for the affordances that belong to the field itself — password reveal\nabove all. Distinct from {@link trailingIcon}, which is decorative and explicitly\n`pointer-events-none`; a consumer who needed a working control previously had to abandon\n`sds-input` and rebuild the whole field, losing the label/error/aria wiring with it.\n\nAlways pair it with {@link trailingActionLabel} — an icon-only button with no accessible name is\nunusable by a screen reader. For a toggle, also bind {@link trailingActionPressed}."
+        },
+        {
+          "name": "trailingActionLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name for {@link trailingAction}. Translate it in the consuming app."
+        },
+        {
+          "name": "trailingActionPressed",
+          "type": "boolean | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`aria-pressed` for a toggling action (e.g. show/hide password). Null renders no attribute."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "trailingActionClick",
+          "type": "void",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [
+        {
+          "name": "SdsInputSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsInputAppearance",
+          "kind": "union",
+          "body": "'default' | 'filled' | 'on-brand'"
+        },
+        {
+          "name": "SdsInputShape",
+          "kind": "union",
+          "body": "'control' | 'pill'"
+        },
+        {
+          "name": "SdsInputType",
+          "kind": "union",
+          "body": "| 'text' | 'email' | 'password' | 'number' | 'tel' | 'search' | 'url'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": null,
+          "code": "<sds-input label=\"Nom du soignant\" placeholder=\"Ex. Marie Dupont\" />",
+          "runnableExample": "<sds-input label=\"Nom du soignant\" placeholder=\"Ex. Marie Dupont\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec aide",
+          "sectionDescription": null,
+          "code": "<sds-input\n  label=\"Matricule\"\n  placeholder=\"Ex. STK-04821\"\n  hint=\"Identifiant interne figurant sur le badge.\"\n/>",
+          "runnableExample": "<sds-input\n            label=\"Matricule\"\n            placeholder=\"Ex. STK-04821\"\n            hint=\"Identifiant interne figurant sur le badge.\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Erreur",
+          "sectionDescription": null,
+          "code": "<sds-input\n  label=\"Adresse email\"\n  type=\"email\"\n  placeholder=\"prenom.nom@chu.fr\"\n  [error]=\"'Adresse email requise.'\"\n/>",
+          "runnableExample": "<sds-input\n            label=\"Adresse email\"\n            type=\"email\"\n            placeholder=\"prenom.nom@chu.fr\"\n            [error]=\"'Adresse email requise.'\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Icônes",
+          "sectionDescription": null,
+          "code": "<sds-input\n  label=\"Rechercher un agent\"\n  placeholder=\"Nom, service, matricule…\"\n  leadingIcon=\"search\"\n/>\n<sds-input\n  label=\"Date de garde\"\n  placeholder=\"JJ/MM/AAAA\"\n  trailingIcon=\"calendar\"\n/>\n<sds-input\n  label=\"Filtrer le planning\"\n  placeholder=\"Filtrer…\"\n  clearable\n  [(ngModel)]=\"query\"\n/>",
+          "runnableExample": "<sds-input\n            label=\"Rechercher un agent\"\n            placeholder=\"Nom, service, matricule…\"\n            leadingIcon=\"search\"\n          />\n          <sds-input\n            label=\"Date de garde\"\n            placeholder=\"JJ/MM/AAAA\"\n            trailingIcon=\"calendar\"\n          />\n          <sds-input\n            label=\"Filtrer le planning\"\n            placeholder=\"Filtrer…\"\n            clearable\n            [(ngModel)]=\"query\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-input size=\"sm\" label=\"Petit (sm)\" placeholder=\"Service\" />\n<sds-input size=\"md\" label=\"Moyen (md)\" placeholder=\"Service\" />\n<sds-input size=\"lg\" label=\"Grand (lg)\" placeholder=\"Service\" />",
+          "runnableExample": "<sds-input size=\"sm\" label=\"Petit (sm)\" placeholder=\"Service\" />\n          <sds-input size=\"md\" label=\"Moyen (md)\" placeholder=\"Service\" />\n          <sds-input size=\"lg\" label=\"Grand (lg)\" placeholder=\"Service\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-input\n  label=\"Établissement\"\n  placeholder=\"CHU de Lille\"\n  disabled\n/>",
+          "runnableExample": "<sds-input\n            label=\"Établissement\"\n            placeholder=\"CHU de Lille\"\n            disabled\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Sur fond foncé (on-brand)",
+          "sectionDescription": null,
+          "code": "<sds-input\n  appearance=\"on-brand\"\n  ariaLabel=\"Rechercher dans WebApp\"\n  placeholder=\"Rechercher…\"\n  trailingIcon=\"search\"\n/>\n<sds-input\n  appearance=\"on-brand\"\n  label=\"Code d'accès\"\n  placeholder=\"••••••\"\n/>",
+          "runnableExample": "<sds-input\n            appearance=\"on-brand\"\n            ariaLabel=\"Rechercher dans WebApp\"\n            placeholder=\"Rechercher…\"\n            trailingIcon=\"search\"\n          />\n          <sds-input\n            appearance=\"on-brand\"\n            label=\"Code d'accès\"\n            placeholder=\"••••••\"\n          />",
+          "stack": true,
+          "dark": true
+        }
+      ]
+    },
+    {
+      "className": "SdsMultiSelect",
+      "selector": "sds-multi-select",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsMultiSelect",
+      "description": "Liste déroulante à sélection multiple (la valeur est un tableau). Cases à cocher par option, « Tout sélectionner », affichage en puces ou en texte, filtre, effacement et navigation clavier. Overlay attaché au <body>. Implémente ControlValueAccessor.",
+      "overviewDescription": "Sélection multiple : puces, « tout sélectionner » et filtre.",
+      "jsdoc": "Multi-select dropdown (value is an array). Options may be primitives or\nobjects (configure via [optionLabel]/[optionValue]/[optionDisabled]). The\noverlay is appended to <body>. Supports a \"select all\" toggle, per-option\ncheckboxes, chip or comma display, filtering, clearing and keyboard nav.\nImplements ControlValueAccessor — use with reactive forms or [(ngModel)].\n\nFor object options, set [optionValue] or [dataKey] so written values match by\nkey; otherwise matching falls back to reference equality.",
+      "example": "<sds-multi-select [options]=\"services\" optionLabel=\"name\" optionValue=\"code\"\n                 display=\"chip\" filter [(ngModel)]=\"codes\" />",
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "options",
+          "type": "readonly unknown[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "optionLabel",
+          "type": "string",
+          "default": "'label'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "optionValue",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "optionDisabled",
+          "type": "string",
+          "default": "'disabled'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "dataKey",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "'Sélectionner…'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsMultiSelectSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "display",
+          "type": "SdsMultiSelectDisplay",
+          "default": "'comma'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "maxSelectedLabels",
+          "type": "number",
+          "default": "3",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "In comma mode, show a count label once more than this many are selected."
+        },
+        {
+          "name": "selectedItemsLabel",
+          "type": "string",
+          "default": "'{0} éléments sélectionnés'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showToggleAll",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "filter",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "filterPlaceholder",
+          "type": "string",
+          "default": "'Rechercher…'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "default": "'Aucun résultat'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsMultiSelectSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsMultiSelectDisplay",
+          "kind": "union",
+          "body": "'comma' | 'chip'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block",
+        "(document:click)": "onDocumentClick($event)"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Affichage des libellés séparés par des virgules.",
+          "code": "<sds-multi-select [options]=\"roles\" placeholder=\"Choisir des rôles\" />\n\n// roles = ['Médecin', 'Infirmier', 'Aide-soignant', 'Cadre de santé'];",
+          "runnableExample": "<sds-multi-select [options]=\"roles\" placeholder=\"Choisir des rôles\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Affichage en puces (chip)",
+          "sectionDescription": null,
+          "code": "<sds-multi-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  display=\"chip\"\n  placeholder=\"Choisir des services\"\n/>",
+          "runnableExample": "<sds-multi-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            display=\"chip\"\n            placeholder=\"Choisir des services\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Filtre + Tout sélectionner",
+          "sectionDescription": null,
+          "code": "<sds-multi-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  filter\n  placeholder=\"Choisir des services\"\n/>",
+          "runnableExample": "<sds-multi-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            filter\n            placeholder=\"Choisir des services\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Effaçable + lié (ngModel)",
+          "sectionDescription": null,
+          "code": "<sds-multi-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  display=\"chip\"\n  filter\n  clearable\n  [(ngModel)]=\"codes\"\n/>\n<p>Codes : {{ codes.length ? codes.join(', ') : '—' }}</p>\n\n// codes: string[] = [];",
+          "runnableExample": "<sds-multi-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            display=\"chip\"\n            filter\n            clearable\n            [(ngModel)]=\"codes\"\n          />\n          <p class=\"text-sm text-ink-soft\">\n            Codes : <span class=\"font-medium text-ink\">{{ codes.length ? codes.join(', ') : '—' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Étiquette de comptage",
+          "sectionDescription": "Au-delà de [maxSelectedLabels], un libellé de comptage remplace la liste.",
+          "code": "<sds-multi-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  [maxSelectedLabels]=\"2\"\n  placeholder=\"Choisir des services\"\n/>",
+          "runnableExample": "<sds-multi-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            [maxSelectedLabels]=\"2\"\n            placeholder=\"Choisir des services\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-multi-select [options]=\"roles\" placeholder=\"Indisponible\" disabled />",
+          "runnableExample": "<sds-multi-select [options]=\"roles\" placeholder=\"Indisponible\" disabled />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsNavGroup",
+      "selector": "sds-nav-group",
+      "kind": "component",
+      "group": "layout",
+      "importName": "SdsNavGroup",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Groups nav items under an optional uppercase section label.\n\nTwo modes:\n- **Section** (default) — a static label over its items. The label is replaced by a divider when\n  the rail is collapsed.\n- **Collapsible** (`[collapsible]`) — the label becomes a button that expands and collapses the\n  group. Set `[basePath]` and the group opens itself whenever the active route is inside it, so a\n  deep link or a browser Back lands with the right section already open instead of the person\n  having to find and re-open it.\n\nCollapsible mode exists because a flat rail stops scaling somewhere around a dozen destinations,\nand the alternative — showing every child of every section at once — buries the ones in use.\n\nOn the collapsed desktop rail there is nowhere to put a header, so a collapsible group renders\nexactly like a section: divider, children visible. Hiding them there would leave the rail with\nunreachable destinations and no affordance to reveal them.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "collapsible",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Turn the label into an expand/collapse control."
+        },
+        {
+          "name": "icon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Icon for a collapsible header, so it reads at the same weight as the items it sits among."
+        },
+        {
+          "name": "basePath",
+          "type": "string | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "URL prefix owned by this group, e.g. `/payments`. While the active route starts with it the\ngroup counts as active and opens itself — unless the person has explicitly toggled it since."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "expandedChange",
+          "type": "boolean",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsNavItem",
+      "selector": "sds-nav-item",
+      "kind": "component",
+      "group": "layout",
+      "importName": "SdsNavItem",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "A single sidebar navigation entry. Renders an anchor when [link] is set\n(with automatic active state via routerLinkActive) or a button otherwise.\n\nRequires the host application to provide the Angular Router (`provideRouter`),\nas it depends on RouterLink/RouterLinkActive even when used as a button.",
+      "example": "<sds-nav-item icon=\"home\" label=\"Accueil\" link=\"/\" [exact]=\"true\" />",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "icon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "link",
+          "type": "string | unknown[] | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Router link target; when null, the item behaves as a button."
+        },
+        {
+          "name": "exact",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "active",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Manual active state (combined with routerLinkActive when a link is set)."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "select",
+          "type": "void",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsPaginator",
+      "selector": "sds-paginator",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsPaginator",
+      "description": "Pagination avec fenêtre glissante de pages, navigation première / précédente / suivante / dernière, choix du nombre de lignes par page, rapport de page courante et saisie directe. État exposé via [(first)] et [(rows)] ; l'événement (pageChange) fournit l'état complet.",
+      "overviewDescription": "Pagination : fenêtre de pages, lignes par page et rapport.",
+      "jsdoc": "Pagination control (mirrors PrimeNG's paginator). Drives a sliding window of\npage links with first/prev/next/last navigation, an optional rows-per-page\ndropdown (reuses <sds-select>), a current-page report and a jump-to-page input.\n\nState is exposed as two-way models: [first] (zero-based index of the first\nrecord on the page) and [rows] (page size). A combined (pageChange) event\ncarries the full {@link SdsPaginatorState} on every change.",
+      "example": "<sds-paginator\n  [totalRecords]=\"120\"\n  [(first)]=\"first\"\n  [(rows)]=\"rows\"\n  [rowsPerPageOptions]=\"[10, 20, 50]\"\n  showCurrentPageReport\n  (pageChange)=\"load($event)\"\n/>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "totalRecords",
+          "type": "number",
+          "default": "0",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "Total number of records to paginate."
+        },
+        {
+          "name": "first",
+          "type": "number",
+          "default": "0",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Zero-based index of the first record on the current page (two-way)."
+        },
+        {
+          "name": "rows",
+          "type": "number",
+          "default": "10",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Rows displayed per page (two-way)."
+        },
+        {
+          "name": "rowsPerPageOptions",
+          "type": "number[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "When non-empty, renders a rows-per-page dropdown with these choices."
+        },
+        {
+          "name": "pageLinkSize",
+          "type": "number",
+          "default": "5",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "Maximum count of numbered page links shown in the sliding window."
+        },
+        {
+          "name": "showFirstLastIcon",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showPageLinks",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showCurrentPageReport",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "currentPageReportTemplate",
+          "type": "string",
+          "default": "'{first} – {last} sur {totalRecords}'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Tokens: {first} {last} {totalRecords} {currentPage} {totalPages} {rows}."
+        },
+        {
+          "name": "showJumpToPageInput",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "rowsPerPageLabel",
+          "type": "string",
+          "default": "'Lignes par page'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "jumpToPageLabel",
+          "type": "string",
+          "default": "'Aller à'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsPaginatorSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [
+        {
+          "name": "firstChange",
+          "type": "number",
+          "fromModel": true
+        },
+        {
+          "name": "rowsChange",
+          "type": "number",
+          "fromModel": true
+        },
+        {
+          "name": "pageChange",
+          "type": "SdsPaginatorState",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [
+        {
+          "name": "SdsPaginatorSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsPaginatorState",
+          "kind": "interface",
+          "body": "interface SdsPaginatorState { /** Zero-based index of the current page. */ page: number; /** Zero-based index of the first record on the current page. */ first: number; /** Rows displayed per page. */ rows: number; /** Total number of pages. */ pageCount: number; /** Total number of records. */ totalRecords: number; }"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "[class]": "hostClass()"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "120 enregistrements, 10 par page.",
+          "code": "<sds-paginator [totalRecords]=\"120\" />",
+          "runnableExample": "<sds-paginator [totalRecords]=\"120\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lignes par page",
+          "sectionDescription": "Fournissez rowsPerPageOptions pour afficher la liste déroulante (réutilise sds-select).",
+          "code": "<sds-paginator [totalRecords]=\"120\" [rowsPerPageOptions]=\"[10, 20, 50]\" />",
+          "runnableExample": "<sds-paginator [totalRecords]=\"120\" [rowsPerPageOptions]=\"[10, 20, 50]\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Rapport de page courante",
+          "sectionDescription": "currentPageReportTemplate accepte {first} {last} {totalRecords} {currentPage} {totalPages} {rows}.",
+          "code": "<sds-paginator\n  [totalRecords]=\"248\"\n  [rowsPerPageOptions]=\"[10, 25, 50]\"\n  showCurrentPageReport\n  currentPageReportTemplate=\"{first} – {last} sur {totalRecords}\"\n/>",
+          "runnableExample": "<sds-paginator\n            [totalRecords]=\"248\"\n            [rowsPerPageOptions]=\"[10, 25, 50]\"\n            showCurrentPageReport\n            currentPageReportTemplate=\"{first} – {last} sur {totalRecords}\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Saisie de page",
+          "sectionDescription": "Saisie directe du numéro de page.",
+          "code": "<sds-paginator [totalRecords]=\"300\" showJumpToPageInput />",
+          "runnableExample": "<sds-paginator [totalRecords]=\"300\" showJumpToPageInput />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lié au modèle (pageChange)",
+          "sectionDescription": "Liaison bidirectionnelle [(first)] / [(rows)] et événement combiné.",
+          "code": "<sds-paginator\n  [totalRecords]=\"people.length\"\n  [(first)]=\"first\"\n  [(rows)]=\"rows\"\n  [rowsPerPageOptions]=\"[5, 10, 20]\"\n  showCurrentPageReport\n  (pageChange)=\"onPage($event)\"\n/>\n\n// first = signal(0); rows = signal(5);\n// visiblePeople = () => people.slice(first(), first() + rows());",
+          "runnableExample": "<sds-paginator\n            [totalRecords]=\"people.length\"\n            [(first)]=\"first\"\n            [(rows)]=\"rows\"\n            [rowsPerPageOptions]=\"[5, 10, 20]\"\n            showCurrentPageReport\n            (pageChange)=\"onPage($event)\"\n          />\n\n          <ul class=\"divide-y divide-border overflow-hidden rounded-card border border-border bg-surface\">\n            @for (p of visiblePeople(); track p) {\n              <li class=\"px-4 py-2.5 text-sm text-ink\">{{ p }}</li>\n            }\n          </ul>\n\n          <p class=\"text-sm text-ink-soft\">\n            Page <span class=\"font-medium text-ink\">{{ lastState()?.page ?? 0 }}</span> ·\n            first <span class=\"font-medium text-ink\">{{ first() }}</span> ·\n            rows <span class=\"font-medium text-ink\">{{ rows() }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": "size : sm · md (défaut) · lg.",
+          "code": "<sds-paginator [totalRecords]=\"80\" size=\"sm\" />\n<sds-paginator [totalRecords]=\"80\" size=\"md\" />\n<sds-paginator [totalRecords]=\"80\" size=\"lg\" />",
+          "runnableExample": "<sds-paginator [totalRecords]=\"80\" size=\"sm\" />\n          <sds-paginator [totalRecords]=\"80\" size=\"md\" />\n          <sds-paginator [totalRecords]=\"80\" size=\"lg\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-paginator [totalRecords]=\"120\" [rowsPerPageOptions]=\"[10, 20]\" disabled />",
+          "runnableExample": "<sds-paginator [totalRecords]=\"120\" [rowsPerPageOptions]=\"[10, 20]\" disabled />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsPhoneInput",
+      "selector": "sds-phone-input",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsPhoneInput",
+      "description": "Saisie de numéro de téléphone international : sélecteur de pays (code ISO + indicatif) avec liste déroulante recherchable, et champ national formaté automatiquement selon le pays. La valeur liée est au format E.164 (« +32470123456 ») ; la longueur nationale est validée par pays (Validator + ControlValueAccessor).",
+      "overviewDescription": "Numéro international : sélecteur de pays, format et validation.",
+      "jsdoc": "International phone number input: a country selector (ISO chip + dial code)\nwith a searchable, body-appended dropdown, plus a formatted national-number\nfield. Implements ControlValueAccessor (value is an E.164 string such as\n'+32470123456') and Validator (national length is checked per country).",
+      "example": "<sds-phone-input label=\"Téléphone\" defaultCountry=\"BE\"\n                [preferredCountries]=\"['BE','FR','LU']\"\n                [(ngModel)]=\"phone\" required />",
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "External error message; overrides the built-in validation message."
+        },
+        {
+          "name": "size",
+          "type": "SdsPhoneInputSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "defaultCountry",
+          "type": "string",
+          "default": "'BE'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Initial country (ISO2) when no value is written."
+        },
+        {
+          "name": "preferredCountries",
+          "type": "string[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "ISO2 codes shown first in the list."
+        },
+        {
+          "name": "onlyCountries",
+          "type": "string[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Restrict the list to these ISO2 codes (empty = all)."
+        },
+        {
+          "name": "showExampleHint",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Show an example number as a hint when no [hint] is provided."
+        },
+        {
+          "name": "requiredMessage",
+          "type": "string",
+          "default": "'Numéro de téléphone requis'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [
+        {
+          "name": "phoneChange",
+          "type": "SdsPhoneValue",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [
+        {
+          "name": "SdsPhoneInputSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsPhoneValue",
+          "kind": "interface",
+          "body": "interface SdsPhoneValue { /** E.164 string, e.g. '+32470123456' (empty when no number is entered). */ e164: string; /** Selected country ISO2 code. */ country: string; /** Dial code without '+', e.g. '32'. */ dialCode: string; /** National-significant digits, e.g. '470123456'. */ national: string; /** Whether the national number matches an expected length for the country. */ valid: boolean; }"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block",
+        "(document:click)": "onDocumentClick($event)"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Pays par défaut : Belgique. Le champ se formate à la frappe.",
+          "code": "<sds-phone-input label=\"Téléphone\" [(ngModel)]=\"phone\" />\n\n// phone === '+32470123456' (E.164)",
+          "runnableExample": "<sds-phone-input label=\"Téléphone\" [(ngModel)]=\"phone\" />\n          <p class=\"text-sm text-ink-soft\">\n            Valeur (E.164) : <span class=\"font-medium text-ink\">{{ phone || '—' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Pays par défaut & pays préférés",
+          "sectionDescription": "defaultCountry définit la sélection initiale ; preferredCountries les place en tête de liste.",
+          "code": "<sds-phone-input\n  label=\"Mobile\"\n  defaultCountry=\"FR\"\n  [preferredCountries]=\"['BE', 'FR', 'LU', 'NL']\"\n/>",
+          "runnableExample": "<sds-phone-input\n            label=\"Mobile\"\n            defaultCountry=\"FR\"\n            [preferredCountries]=\"['BE', 'FR', 'LU', 'NL']\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Liste restreinte",
+          "sectionDescription": "onlyCountries limite les pays proposés.",
+          "code": "<sds-phone-input\n  label=\"Téléphone (zone Benelux)\"\n  defaultCountry=\"BE\"\n  [onlyCountries]=\"['BE', 'NL', 'LU']\"\n/>",
+          "runnableExample": "<sds-phone-input\n            label=\"Téléphone (zone Benelux)\"\n            defaultCountry=\"BE\"\n            [onlyCountries]=\"['BE', 'NL', 'LU']\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Validation (longueur par pays)",
+          "sectionDescription": "required + validation de longueur. L'erreur s'affiche après le premier blur.",
+          "code": "<sds-phone-input\n  label=\"Téléphone professionnel\"\n  defaultCountry=\"BE\"\n  required\n  clearable\n  (phoneChange)=\"onChange($event)\"\n/>\n\n// $event: { e164, country, dialCode, national, valid }\n// Validator: { phoneInvalid: { expectedLengths, actualLength } } | { required }",
+          "runnableExample": "<sds-phone-input\n            label=\"Téléphone professionnel\"\n            defaultCountry=\"BE\"\n            required\n            clearable\n            (phoneChange)=\"last.set($event)\"\n          />\n          @if (last(); as v) {\n            <div class=\"rounded-control bg-muted px-3 py-2 text-sm text-ink-soft\">\n              <div>E.164 : <span class=\"font-medium text-ink\">{{ v.e164 || '—' }}</span></div>\n              <div>Pays : <span class=\"font-medium text-ink\">{{ v.country }}</span> · National : {{ v.national || '—' }}</div>\n              <div>\n                Valide :\n                <span class=\"font-medium\" [class]=\"v.valid ? 'text-success' : 'text-danger'\">\n                  {{ v.valid ? 'oui' : 'non' }}\n                </span>\n              </div>\n            </div>\n          }",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-phone-input size=\"sm\" defaultCountry=\"BE\" label=\"Small\" />\n<sds-phone-input size=\"md\" defaultCountry=\"BE\" label=\"Medium\" />\n<sds-phone-input size=\"lg\" defaultCountry=\"BE\" label=\"Large\" />",
+          "runnableExample": "<sds-phone-input size=\"sm\" defaultCountry=\"BE\" label=\"Small\" />\n          <sds-phone-input size=\"md\" defaultCountry=\"BE\" label=\"Medium\" />\n          <sds-phone-input size=\"lg\" defaultCountry=\"BE\" label=\"Large\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-phone-input label=\"Téléphone\" [ngModel]=\"'+32470123456'\" disabled />",
+          "runnableExample": "<sds-phone-input label=\"Téléphone\" defaultCountry=\"BE\" [ngModel]=\"'+32470123456'\" disabled />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsSelect",
+      "selector": "sds-select",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsSelect",
+      "description": "Liste déroulante à sélection unique. Options primitives ou objets (via optionLabel / optionValue / optionDisabled). Overlay attaché au <body>, filtre, effacement et navigation clavier complète. Implémente ControlValueAccessor.",
+      "overviewDescription": "Liste déroulante avec filtre, effacement et navigation clavier.",
+      "jsdoc": "Single-select dropdown. Options may be primitives or objects (configure via\n[optionLabel]/[optionValue]/[optionDisabled]). The overlay is appended to\n<body>. Supports filtering, clearing, and full keyboard navigation.\nImplements ControlValueAccessor — use with reactive forms or [(ngModel)].\n\nFor object options, set [optionValue] or [dataKey] so written values match by\nkey; otherwise selection matching falls back to reference equality (a written\ncopy of an option will not match).",
+      "example": "<sds-select [options]=\"services\" optionLabel=\"name\" optionValue=\"id\"\n           placeholder=\"Choisir un service\" [(ngModel)]=\"serviceId\" filter clearable />",
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "options",
+          "type": "readonly unknown[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "optionLabel",
+          "type": "string",
+          "default": "'label'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "optionValue",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "optionDisabled",
+          "type": "string",
+          "default": "'disabled'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "dataKey",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Key used to compare object values for selection equality."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "'Sélectionner…'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsSelectSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "clearable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "filter",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "filterPlaceholder",
+          "type": "string",
+          "default": "'Rechercher…'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "default": "'Aucun résultat'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsSelectSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block",
+        "(document:click)": "onDocumentClick($event)"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Options sous forme de chaînes simples.",
+          "code": "<sds-select [options]=\"roles\" placeholder=\"Choisir un rôle\" />\n\n// roles = ['Médecin', 'Infirmier', 'Aide-soignant', 'Cadre de santé'];",
+          "runnableExample": "<sds-select [options]=\"roles\" placeholder=\"Choisir un rôle\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Objets (optionLabel / optionValue)",
+          "sectionDescription": "La valeur liée est le code ; l'étiquette affichée est le nom.",
+          "code": "<sds-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  placeholder=\"Choisir un service\"\n/>\n\n// services = [{ name: 'Cardiologie', code: 'CARD' }, …];",
+          "runnableExample": "<sds-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            placeholder=\"Choisir un service\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec filtre",
+          "sectionDescription": null,
+          "code": "<sds-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  placeholder=\"Choisir un service\"\n  filter\n/>",
+          "runnableExample": "<sds-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            placeholder=\"Choisir un service\"\n            filter\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Effaçable",
+          "sectionDescription": "Affiche un bouton d'effacement quand une valeur est sélectionnée.",
+          "code": "<sds-select\n  [options]=\"roles\"\n  placeholder=\"Choisir un rôle\"\n  clearable\n  [(ngModel)]=\"role\"\n/>",
+          "runnableExample": "<sds-select\n            [options]=\"roles\"\n            placeholder=\"Choisir un rôle\"\n            clearable\n            [(ngModel)]=\"role\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lié au formulaire (ngModel)",
+          "sectionDescription": null,
+          "code": "<sds-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  placeholder=\"Choisir un service\"\n  filter\n  clearable\n  [(ngModel)]=\"serviceCode\"\n/>\n<p>Code sélectionné : {{ serviceCode || '—' }}</p>",
+          "runnableExample": "<sds-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            placeholder=\"Choisir un service\"\n            filter\n            clearable\n            [(ngModel)]=\"serviceCode\"\n          />\n          <p class=\"text-sm text-ink-soft\">\n            Code sélectionné : <span class=\"font-medium text-ink\">{{ serviceCode || '—' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Option désactivée",
+          "sectionDescription": "« Maternité » est désactivée (optionDisabled).",
+          "code": "<sds-select\n  [options]=\"services\"\n  optionLabel=\"name\"\n  optionValue=\"code\"\n  optionDisabled=\"disabled\"\n  placeholder=\"Choisir un service\"\n/>\n\n// { name: 'Maternité', code: 'MAT', disabled: true }",
+          "runnableExample": "<sds-select\n            [options]=\"services\"\n            optionLabel=\"name\"\n            optionValue=\"code\"\n            optionDisabled=\"disabled\"\n            placeholder=\"Choisir un service\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-select [options]=\"roles\" placeholder=\"Indisponible\" disabled />",
+          "runnableExample": "<sds-select [options]=\"roles\" placeholder=\"Indisponible\" disabled />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsShell",
+      "selector": "sds-shell",
+      "kind": "component",
+      "group": "layout",
+      "importName": "SdsShell",
+      "description": "Disposition globale de l'application : une colonne pleine hauteur avec la barre supérieure en haut, puis une rangée contenant la sidebar et le contenu défilant. Vous le voyez à l'œuvre tout autour de cette page.",
+      "overviewDescription": "Disposition globale : barre + sidebar + contenu.",
+      "jsdoc": "App layout shell: a full-height column with the top bar across the top and a\nrow below holding the sidebar and the scrollable main content.",
+      "example": "<sds-shell>\n  <sds-topbar sdsTopbar … />\n  <sds-sidebar sdsSidebar> … </sds-sidebar>\n  <!-- routed page content -->\n  <router-outlet />\n</sds-shell>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [
+        "[sdsTopbar]",
+        "[sdsSidebar]"
+      ],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Structure",
+          "sectionDescription": "Projetez la barre via [sdsTopbar], la sidebar via [sdsSidebar], et le contenu (souvent un <router-outlet />) dans l'emplacement par défaut.",
+          "code": "<sds-shell>\n  <sds-topbar sdsTopbar appName=\"WebApp\" />\n\n  <sds-sidebar sdsSidebar>\n    <sds-nav-group label=\"Membres\">\n      <sds-nav-item icon=\"user-plus\" label=\"Créer un membre\" link=\"/membres/creer\" />\n    </sds-nav-group>\n  </sds-sidebar>\n\n  <router-outlet />\n</sds-shell>",
+          "runnableExample": "<div class=\"w-full overflow-hidden rounded-card border border-border\">\n            <div class=\"flex h-8 items-center bg-linear-to-r from-brand-800 via-brand-700 to-brand-600 px-3 text-xs font-semibold text-white\">\n              sdsTopbar\n            </div>\n            <div class=\"flex h-52\">\n              <div class=\"flex w-32 items-start justify-center bg-brand-900 p-3 text-xs font-medium text-white/70\">\n                sdsSidebar\n              </div>\n              <div class=\"flex flex-1 items-center justify-center bg-canvas text-xs text-ink-faint\">\n                &lt;router-outlet /&gt;\n              </div>\n            </div>\n          </div>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsSidebar",
+      "selector": "sds-sidebar",
+      "kind": "component",
+      "group": "layout",
+      "importName": "SdsSidebar, SdsNavGroup, SdsNavItem, SidebarStore",
+      "description": "Rail de navigation repliable. Projetez des <sds-nav-group> / <sds-nav-item> et un pied de page via [sdsFooter]. L'état replié est partagé par SidebarStore. Utilisez le bouton en haut du rail pour replier.",
+      "overviewDescription": "Navigation latérale repliable et groupée.",
+      "jsdoc": "Collapsible navigation rail. Project <sds-nav-group>/<sds-nav-item> as the\ndefault content, and pin a footer (e.g. search + version badge) via the\n[sdsFooter] slot. Collapse state is shared through SidebarStore.",
+      "example": "<sds-sidebar>\n  <sds-nav-group label=\"Membres\">\n    <sds-nav-item icon=\"user-plus\" label=\"Créer un membre\" link=\"/membres/new\" />\n  </sds-nav-group>\n  <div sdsFooter>…</div>\n</sds-sidebar>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "collapseLabel",
+          "type": "string",
+          "default": "'Replier le menu'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible names for the rail's three icon-only controls. French defaults keep existing consumers\nunchanged; a multilingual app must pass translated values, since an icon-only button's aria-label\nis its only name."
+        },
+        {
+          "name": "expandLabel",
+          "type": "string",
+          "default": "'Déplier le menu'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "closeLabel",
+          "type": "string",
+          "default": "'Fermer le menu'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [
+        "[sdsFooter]"
+      ],
+      "hostBindings": {
+        "class": "block h-full"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Navigation",
+          "sectionDescription": "Les items acceptent [link] (routerLink avec état actif automatique) ; ici active est défini manuellement pour la démo.",
+          "code": "<sds-sidebar>\n  <sds-nav-group>\n    <sds-nav-item icon=\"home\" label=\"Accueil\" link=\"/\" exact />\n  </sds-nav-group>\n\n  <sds-nav-group label=\"Membres\">\n    <sds-nav-item icon=\"user-plus\" label=\"Créer un membre\" link=\"/membres/creer\" />\n    <sds-nav-item icon=\"building-2\" label=\"Recherche Occupants\" link=\"/membres/occupants\" />\n  </sds-nav-group>\n\n  <div sdsFooter>\n    <sds-badge variant=\"warning\" dot>TEST V.1.0.0</sds-badge>\n  </div>\n</sds-sidebar>",
+          "runnableExample": "<div class=\"h-[460px] w-fit overflow-hidden rounded-card border border-border\">\n            <sds-sidebar>\n              <sds-nav-group>\n                <sds-nav-item icon=\"home\" label=\"Accueil\" active />\n              </sds-nav-group>\n\n              <sds-nav-group label=\"Membres\">\n                <sds-nav-item icon=\"user-plus\" label=\"Créer un membre\" />\n                <sds-nav-item icon=\"building-2\" label=\"Recherche Occupants\" />\n              </sds-nav-group>\n\n              <sds-nav-group label=\"Dotations\">\n                <sds-nav-item icon=\"package-plus\" label=\"Créer une dotation\" />\n                <sds-nav-item icon=\"rotate-ccw\" label=\"Retour de dotation\" />\n              </sds-nav-group>\n\n              <div sdsFooter>\n                <sds-badge variant=\"warning\" dot>TEST V.1.0.0</sds-badge>\n              </div>\n            </sds-sidebar>\n          </div>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsTab",
+      "selector": "sds-tab",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsTab",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "A single tab header (role=\"tab\"). Project the label and, optionally, an\n<sds-icon> for an icon + text header. Set [disabled] to make it unselectable.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "SdsTabValue",
+          "default": null,
+          "required": true,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "contents"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsTable",
+      "selector": "sds-table",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsTable, SdsTableCell",
+      "description": "Tableau de données côté client : tri, pagination (réutilise sds-paginator), recherche globale, sélection simple/multiple, modèles de cellules personnalisés, états de chargement/vide et variantes visuelles. Activez « lazy » pour déléguer tri/filtre/pagination au parent via (lazyLoad).",
+      "overviewDescription": "Tableau : tri, pagination, filtre, sélection, cellules.",
+      "jsdoc": "Client-side data table mirroring PrimeNG's table, scoped to a strong local\nfeature set: sorting, pagination (reuses {@link SdsPaginator}), global filter,\nsingle/multiple selection, custom cell templates (via {@link SdsTableCell}),\nloading/empty states and visual variants. Set `lazy` to delegate\nsort/filter/paging to the host through `(lazyLoad)`.",
+      "example": "<sds-table [value]=\"staff\" [columns]=\"cols\" dataKey=\"id\"\n          sortable paginator [rows]=\"10\" globalFilter\n          selectionMode=\"multiple\" [(selection)]=\"selected\">\n  <ng-template sdsCell=\"statut\" let-value let-row=\"row\">\n    <sds-badge [variant]=\"row.actif ? 'success' : 'neutral'\">{{ value }}</sds-badge>\n  </ng-template>\n</sds-table>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "readonly any[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "columns",
+          "type": "SdsTableColumn[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "dataKey",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsTableSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "striped",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "gridlines",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hoverable",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "sortable",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Master sort switch; per-column `sortable` is still required."
+        },
+        {
+          "name": "paginator",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "rows",
+          "type": "number",
+          "default": "10",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "rowsPerPageOptions",
+          "type": "number[]",
+          "default": "[10, 20, 50]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "showCurrentPageReport",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "globalFilter",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "globalFilterPlaceholder",
+          "type": "string",
+          "default": "'Rechercher…'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "globalFilterAriaLabel",
+          "type": "string",
+          "default": "'Rechercher dans le tableau'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name for the global-filter input."
+        },
+        {
+          "name": "globalFilterFields",
+          "type": "string[]",
+          "default": "[]",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Fields searched by the global filter. Empty = every column field."
+        },
+        {
+          "name": "selectionMode",
+          "type": "SdsSelectionMode",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "selection",
+          "type": "any",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Two-way: a single row (single mode) or an array of rows (multiple)."
+        },
+        {
+          "name": "loading",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "default": "'Aucune donnée'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "caption",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "'Tableau de données'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Fallback accessible name for the `<table>` when no `caption` is set."
+        },
+        {
+          "name": "scrollHeight",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "When set, the body scrolls vertically with a sticky header, e.g. `'320px'`."
+        },
+        {
+          "name": "lazy",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "When true: skip internal sort/filter/slice; emit (lazyLoad) instead."
+        },
+        {
+          "name": "totalRecords",
+          "type": "number",
+          "default": "0",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "Total records for the paginator when `lazy`."
+        },
+        {
+          "name": "expandable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Adds a leading expander column; details come from `<ng-template sdsRowExpansion>`."
+        },
+        {
+          "name": "resizableColumns",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Drag the right edge of a column header to resize it."
+        },
+        {
+          "name": "reorderableColumns",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Drag a column header to reorder columns."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "selectionChange",
+          "type": "any",
+          "fromModel": true
+        },
+        {
+          "name": "sortChange",
+          "type": "SdsTableSortEvent",
+          "fromModel": false
+        },
+        {
+          "name": "pageChange",
+          "type": "SdsPaginatorState",
+          "fromModel": false
+        },
+        {
+          "name": "rowSelect",
+          "type": "any",
+          "fromModel": false
+        },
+        {
+          "name": "rowUnselect",
+          "type": "any",
+          "fromModel": false
+        },
+        {
+          "name": "lazyLoad",
+          "type": "SdsTableLazyEvent",
+          "fromModel": false
+        },
+        {
+          "name": "rowClick",
+          "type": "any",
+          "fromModel": false
+        },
+        {
+          "name": "rowExpand",
+          "type": "any",
+          "fromModel": false
+        },
+        {
+          "name": "rowCollapse",
+          "type": "any",
+          "fromModel": false
+        },
+        {
+          "name": "colReorder",
+          "type": "{ field: string; fromIndex: number; toIndex: number }",
+          "fromModel": false
+        }
+      ],
+      "exportedTypes": [
+        {
+          "name": "SdsTableSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsSortOrder",
+          "kind": "union",
+          "body": "1 | -1 | 0"
+        },
+        {
+          "name": "SdsTableColumn",
+          "kind": "interface",
+          "body": "interface SdsTableColumn { /** Row field rendered in this column. Supports dot-paths. */ field: string; /** Header label. */ header: string; /** Allow sorting on this column (also requires the table's `sortable`). */ sortable?: boolean; /** Text alignment for header + body cells. */ align?: 'left' | 'center' | 'right'; /** Fixed column width, e.g. `'120px'` or `'20%'`. */ width?: string; }"
+        },
+        {
+          "name": "SdsTableSortEvent",
+          "kind": "interface",
+          "body": "interface SdsTableSortEvent { field: string; order: SdsSortOrder; }"
+        },
+        {
+          "name": "SdsTableLazyEvent",
+          "kind": "interface",
+          "body": "interface SdsTableLazyEvent { first: number; rows: number; sortField: string | null; sortOrder: SdsSortOrder; globalFilter: string; }"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Données (value) et configuration des colonnes (columns).",
+          "code": "<sds-table [value]=\"staff\" [columns]=\"columns\" />\n\n// columns = [\n//   { field: 'nom', header: 'Nom' },\n//   { field: 'service', header: 'Service' },\n//   { field: 'role', header: 'Rôle' },\n//   { field: 'statut', header: 'Statut' },\n// ];",
+          "runnableExample": "<sds-table [value]=\"staff\" [columns]=\"columns\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tri",
+          "sectionDescription": "Colonnes triables : clic pour cycler croissant → décroissant → aucun.",
+          "code": "<sds-table [value]=\"staff\" [columns]=\"sortableColumns\" sortable />\n\n// { field: 'nom', header: 'Nom', sortable: true }, …",
+          "runnableExample": "<sds-table [value]=\"staff\" [columns]=\"sortableColumns\" sortable />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Pagination",
+          "sectionDescription": "paginator + rows + rowsPerPageOptions + showCurrentPageReport.",
+          "code": "<sds-table\n  [value]=\"staff\"\n  [columns]=\"columns\"\n  paginator\n  [rows]=\"5\"\n  [rowsPerPageOptions]=\"[5, 10, 20]\"\n  showCurrentPageReport\n/>",
+          "runnableExample": "<sds-table\n            [value]=\"staff\"\n            [columns]=\"columns\"\n            paginator\n            [rows]=\"5\"\n            [rowsPerPageOptions]=\"[5, 10, 20]\"\n            showCurrentPageReport\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Recherche globale",
+          "sectionDescription": "Filtre toutes les colonnes (ou globalFilterFields).",
+          "code": "<sds-table\n  [value]=\"staff\"\n  [columns]=\"sortableColumns\"\n  sortable\n  globalFilter\n  paginator\n  [rows]=\"5\"\n  globalFilterPlaceholder=\"Rechercher un membre…\"\n/>",
+          "runnableExample": "<sds-table\n            [value]=\"staff\"\n            [columns]=\"sortableColumns\"\n            sortable\n            globalFilter\n            paginator\n            [rows]=\"5\"\n            globalFilterPlaceholder=\"Rechercher un membre…\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Sélection multiple",
+          "sectionDescription": "selectionMode='multiple', dataKey='id', [(selection)].",
+          "code": "<sds-table\n  [value]=\"staff\"\n  [columns]=\"columns\"\n  dataKey=\"id\"\n  selectionMode=\"multiple\"\n  [(selection)]=\"selected\"\n  paginator\n  [rows]=\"5\"\n/>\n<p>Sélection : {{ selected.length }} ligne(s)</p>",
+          "runnableExample": "<sds-table\n            [value]=\"staff\"\n            [columns]=\"columns\"\n            dataKey=\"id\"\n            selectionMode=\"multiple\"\n            [(selection)]=\"selected\"\n            paginator\n            [rows]=\"5\"\n          />\n          <p class=\"text-sm text-ink-soft\">\n            Sélection :\n            <span class=\"font-medium text-ink\">{{ selected.length }}</span> ligne(s)\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Cellules personnalisées",
+          "sectionDescription": "Modèles via <ng-template sdsCell=…> : un badge de statut et une colonne d'actions.",
+          "code": "<sds-table [value]=\"staff\" [columns]=\"templateColumns\" dataKey=\"id\">\n  <ng-template sdsCell=\"statut\" let-value let-row=\"row\">\n    <sds-badge [variant]=\"statutVariant(row.statut)\">{{ value }}</sds-badge>\n  </ng-template>\n\n  <ng-template sdsCell=\"dispo\" let-value>\n    @if (value) {\n      <span class=\"inline-flex items-center gap-1 text-success\">\n        <sds-icon name=\"check\" [size]=\"16\" /> Disponible\n      </span>\n    } @else {\n      <span class=\"inline-flex items-center gap-1 text-ink-faint\">\n        <sds-icon name=\"x\" [size]=\"16\" /> Non\n      </span>\n    }\n  </ng-template>\n\n  <ng-template sdsCell=\"actions\" let-row=\"row\">\n    <div class=\"flex justify-end gap-2\">\n      <sds-button size=\"sm\" variant=\"secondary\" (click)=\"edit(row)\">Modifier</sds-button>\n      <sds-button size=\"sm\" variant=\"ghost\" (click)=\"remove(row)\">Supprimer</sds-button>\n    </div>\n  </ng-template>\n</sds-table>\n\n// templateColumns inclut { field: 'actions', header: '', align: 'right' }",
+          "runnableExample": "<sds-table [value]=\"staff\" [columns]=\"templateColumns\" dataKey=\"id\">\n            <ng-template sdsCell=\"statut\" let-value let-row=\"row\">\n              <sds-badge [variant]=\"statutVariant(row.statut)\">{{ value }}</sds-badge>\n            </ng-template>\n\n            <ng-template sdsCell=\"dispo\" let-value>\n              @if (value) {\n                <span class=\"inline-flex items-center gap-1 text-success\">\n                  <sds-icon name=\"check\" [size]=\"16\" /> Disponible\n                </span>\n              } @else {\n                <span class=\"inline-flex items-center gap-1 text-ink-faint\">\n                  <sds-icon name=\"x\" [size]=\"16\" /> Non\n                </span>\n              }\n            </ng-template>\n\n            <ng-template sdsCell=\"actions\" let-row=\"row\">\n              <div class=\"flex justify-end gap-2\">\n                <sds-button size=\"sm\" variant=\"secondary\" (click)=\"edit(row)\">Modifier</sds-button>\n                <sds-button size=\"sm\" variant=\"ghost\" (click)=\"remove(row)\">Supprimer</sds-button>\n              </div>\n            </ng-template>\n          </sds-table>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Variantes",
+          "sectionDescription": "striped, gridlines et tailles (sm / md / lg).",
+          "code": "<sds-table\n  [value]=\"staff\"\n  [columns]=\"columns\"\n  striped\n  gridlines\n  size=\"sm\"\n/>",
+          "runnableExample": "<sds-table [value]=\"staff.slice(0, 5)\" [columns]=\"columns\" striped gridlines size=\"sm\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "États",
+          "sectionDescription": "Chargement (overlay) et tableau vide.",
+          "code": "<!-- Chargement -->\n<sds-table [value]=\"staff\" [columns]=\"columns\" [loading]=\"loading()\" />\n\n<!-- Vide -->\n<sds-table [value]=\"[]\" [columns]=\"columns\" emptyMessage=\"Aucun membre du personnel\" />",
+          "runnableExample": "<div class=\"flex items-center gap-3\">\n            <sds-button size=\"sm\" variant=\"secondary\" (click)=\"toggleLoading()\">\n              {{ loading() ? 'Arrêter' : 'Simuler le chargement' }}\n            </sds-button>\n          </div>\n          <sds-table [value]=\"staff.slice(0, 5)\" [columns]=\"columns\" [loading]=\"loading()\" />\n\n          <p class=\"text-sm font-medium text-ink-soft\">Tableau vide :</p>\n          <sds-table [value]=\"[]\" [columns]=\"columns\" emptyMessage=\"Aucun membre du personnel\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lignes extensibles",
+          "sectionDescription": "expandable + <ng-template sdsRowExpansion> : cliquez le chevron pour afficher le détail d'un membre.",
+          "code": "<sds-table [value]=\"staff\" [columns]=\"columns\" dataKey=\"id\" expandable>\n  <ng-template sdsRowExpansion let-row>\n    <div class=\"flex items-center gap-6 text-sm text-ink-soft\">\n      <span>\n        <sds-icon name=\"calendar\" [size]=\"16\" /> Embauché le {{ row.embauche }}\n      </span>\n      <sds-badge [variant]=\"statutVariant(row.statut)\">{{ row.statut }}</sds-badge>\n    </div>\n  </ng-template>\n</sds-table>\n\n// (rowExpand)/(rowCollapse) émettent la ligne concernée.",
+          "runnableExample": "<sds-table [value]=\"staff.slice(0, 6)\" [columns]=\"columns\" dataKey=\"id\" expandable>\n            <ng-template sdsRowExpansion let-row>\n              <div class=\"flex flex-wrap items-center gap-x-6 gap-y-2 text-sm text-ink-soft\">\n                <span class=\"inline-flex items-center gap-1.5\">\n                  <sds-icon name=\"calendar\" [size]=\"16\" class=\"text-ink-faint\" />\n                  Embauché le <span class=\"font-medium text-ink\">{{ row.embauche }}</span>\n                </span>\n                <span class=\"inline-flex items-center gap-1.5\">\n                  <sds-icon name=\"building-2\" [size]=\"16\" class=\"text-ink-faint\" />\n                  <span class=\"font-medium text-ink\">{{ row.service }}</span>\n                </span>\n                <sds-badge [variant]=\"statutVariant(row.statut)\">{{ row.statut }}</sds-badge>\n                @if (row.dispo) {\n                  <sds-badge variant=\"success\">Disponible</sds-badge>\n                } @else {\n                  <sds-badge variant=\"neutral\">Indisponible</sds-badge>\n                }\n              </div>\n            </ng-template>\n          </sds-table>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Colonnes redimensionnables",
+          "sectionDescription": "resizableColumns : glissez le bord droit d'un en-tête pour ajuster sa largeur.",
+          "code": "<sds-table\n  [value]=\"staff\"\n  [columns]=\"sortableColumns\"\n  sortable\n  resizableColumns\n/>\n\n<!-- Glissez le bord droit d'un en-tête pour le redimensionner. -->",
+          "runnableExample": "<sds-table [value]=\"staff.slice(0, 6)\" [columns]=\"sortableColumns\" sortable resizableColumns />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Colonnes réordonnables",
+          "sectionDescription": "reorderableColumns : glissez un en-tête de colonne pour le déplacer.",
+          "code": "<sds-table\n  [value]=\"staff\"\n  [columns]=\"sortableColumns\"\n  sortable\n  reorderableColumns\n  (colReorder)=\"onReorder($event)\"\n/>\n\n<!-- Glissez un en-tête de colonne pour le déplacer. -->",
+          "runnableExample": "<sds-table\n            [value]=\"staff.slice(0, 6)\"\n            [columns]=\"sortableColumns\"\n            sortable\n            reorderableColumns\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Données serveur (lazy)",
+          "sectionDescription": "lazy + totalRecords + loading : tri/filtre/pagination délégués au parent via (lazyLoad). Ici un faux backend (setTimeout) sur les mêmes données.",
+          "code": "<sds-table\n  [value]=\"lazyRows()\"\n  [columns]=\"sortableColumns\"\n  lazy\n  [totalRecords]=\"lazyTotal()\"\n  [loading]=\"lazyLoading()\"\n  paginator\n  [rows]=\"5\"\n  [rowsPerPageOptions]=\"[5, 10]\"\n  sortable\n  globalFilter\n  (lazyLoad)=\"onLazyLoad($event)\"\n/>\n\n// loadLazy(e) { setTimeout(() => { /* filtre -> tri -> slice */ }, 600); }",
+          "runnableExample": "<sds-table\n            [value]=\"lazyRows()\"\n            [columns]=\"sortableColumns\"\n            lazy\n            [totalRecords]=\"lazyTotal()\"\n            [loading]=\"lazyLoading()\"\n            paginator\n            [rows]=\"5\"\n            [rowsPerPageOptions]=\"[5, 10]\"\n            sortable\n            globalFilter\n            globalFilterPlaceholder=\"Rechercher (côté serveur)…\"\n            (lazyLoad)=\"onLazyLoad($event)\"\n          />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsTabList",
+      "selector": "sds-tab-list",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsTabList",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Container (role=\"tablist\") for the <sds-tab> headers. Renders the bottom rule\nand handles roving-focus keyboard navigation (Arrow keys, Home, End) with\nautomatic activation.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "role": "tablist",
+        "[class]": "listClass()",
+        "(keydown)": "onKeydown($event)"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsTabPanel",
+      "selector": "sds-tab-panel",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsTabPanel",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Content for one tab (role=\"tabpanel\"); shown only while its [value] matches\nthe active tab. Inactive panels are not rendered (their content is created\non activation), so panel state does not persist across switches.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "SdsTabValue",
+          "default": null,
+          "required": true,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsTabPanels",
+      "selector": "sds-tab-panels",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsTabPanels",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Wrapper for the <sds-tab-panel> content blocks of a tab set.",
+      "example": null,
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [],
+      "outputs": [],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": []
+    },
+    {
+      "className": "SdsTabs",
+      "selector": "sds-tabs",
+      "kind": "component",
+      "group": "data",
+      "importName": "SdsTabs, SdsTabList, SdsTab, SdsTabPanels, SdsTabPanel",
+      "description": "Onglets composables. <sds-tabs> coordonne <sds-tab-list> (en-têtes) et <sds-tab-panels> (contenus) ; l'onglet actif est la valeur [value], appariée par [value] sur chaque <sds-tab> / <sds-tab-panel>. Liaison bidirectionnelle [(value)], en-têtes avec icônes, défilement horizontal et navigation clavier (flèches, Début, Fin).",
+      "overviewDescription": "Onglets composables : icônes, défilement et navigation clavier.",
+      "jsdoc": "Root of a tab set. Compose with <sds-tab-list> (headers) and <sds-tab-panels>\n(content). The active tab is the [value], matched against each <sds-tab> /\n<sds-tab-panel> [value]; it is two-way bindable via [(value)]. When omitted,\nthe first registered tab is selected.",
+      "example": "<sds-tabs [(value)]=\"active\">\n  <sds-tab-list>\n    <sds-tab value=\"0\">Détails</sds-tab>\n    <sds-tab value=\"1\">Historique</sds-tab>\n  </sds-tab-list>\n  <sds-tab-panels>\n    <sds-tab-panel value=\"0\">…</sds-tab-panel>\n    <sds-tab-panel value=\"1\">…</sds-tab-panel>\n  </sds-tab-panels>\n</sds-tabs>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "value",
+          "type": "SdsTabValue",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Value of the active tab (two-way)."
+        },
+        {
+          "name": "scrollable",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Let the tab list scroll horizontally instead of overflowing."
+        }
+      ],
+      "outputs": [
+        {
+          "name": "valueChange",
+          "type": "SdsTabValue",
+          "fromModel": true
+        }
+      ],
+      "exportedTypes": [],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Le premier onglet est sélectionné par défaut.",
+          "code": "<sds-tabs value=\"0\">\n  <sds-tab-list>\n    <sds-tab value=\"0\">Détails</sds-tab>\n    <sds-tab value=\"1\">Historique</sds-tab>\n    <sds-tab value=\"2\">Documents</sds-tab>\n  </sds-tab-list>\n  <sds-tab-panels>\n    <sds-tab-panel value=\"0\">…</sds-tab-panel>\n    <sds-tab-panel value=\"1\">…</sds-tab-panel>\n    <sds-tab-panel value=\"2\">…</sds-tab-panel>\n  </sds-tab-panels>\n</sds-tabs>",
+          "runnableExample": "<sds-tabs value=\"0\">\n            <sds-tab-list>\n              <sds-tab value=\"0\">Détails</sds-tab>\n              <sds-tab value=\"1\">Historique</sds-tab>\n              <sds-tab value=\"2\">Documents</sds-tab>\n            </sds-tab-list>\n            <sds-tab-panels>\n              <sds-tab-panel value=\"0\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">\n                  Informations générales du dossier patient : identité, service et\n                  médecin référent.\n                </p>\n              </sds-tab-panel>\n              <sds-tab-panel value=\"1\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">\n                  Historique des admissions, consultations et actes réalisés.\n                </p>\n              </sds-tab-panel>\n              <sds-tab-panel value=\"2\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">\n                  Comptes rendus, ordonnances et résultats d'examens téléversés.\n                </p>\n              </sds-tab-panel>\n            </sds-tab-panels>\n          </sds-tabs>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "En-têtes avec icônes",
+          "sectionDescription": "Projetez un <sds-icon> dans l'en-tête.",
+          "code": "<sds-tabs value=\"overview\">\n  <sds-tab-list>\n    <sds-tab value=\"overview\"><sds-icon name=\"book-open\" [size]=\"16\" /> Vue d'ensemble</sds-tab>\n    <sds-tab value=\"team\"><sds-icon name=\"users\" [size]=\"16\" /> Équipe</sds-tab>\n    <sds-tab value=\"settings\"><sds-icon name=\"settings\" [size]=\"16\" /> Paramètres</sds-tab>\n  </sds-tab-list>\n  <sds-tab-panels>…</sds-tab-panels>\n</sds-tabs>",
+          "runnableExample": "<sds-tabs value=\"overview\">\n            <sds-tab-list>\n              <sds-tab value=\"overview\"><sds-icon name=\"book-open\" [size]=\"16\" /> Vue d'ensemble</sds-tab>\n              <sds-tab value=\"team\"><sds-icon name=\"users\" [size]=\"16\" /> Équipe</sds-tab>\n              <sds-tab value=\"settings\"><sds-icon name=\"settings\" [size]=\"16\" /> Paramètres</sds-tab>\n            </sds-tab-list>\n            <sds-tab-panels>\n              <sds-tab-panel value=\"overview\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">Synthèse de l'unité de soins.</p>\n              </sds-tab-panel>\n              <sds-tab-panel value=\"team\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">Membres de l'équipe et plannings.</p>\n              </sds-tab-panel>\n              <sds-tab-panel value=\"settings\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">Préférences et droits d'accès.</p>\n              </sds-tab-panel>\n            </sds-tab-panels>\n          </sds-tabs>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Onglet désactivé",
+          "sectionDescription": null,
+          "code": "<sds-tabs value=\"0\">\n  <sds-tab-list>\n    <sds-tab value=\"0\">Actif</sds-tab>\n    <sds-tab value=\"1\" disabled>Indisponible</sds-tab>\n    <sds-tab value=\"2\">Archives</sds-tab>\n  </sds-tab-list>\n  <sds-tab-panels>…</sds-tab-panels>\n</sds-tabs>",
+          "runnableExample": "<sds-tabs value=\"0\">\n            <sds-tab-list>\n              <sds-tab value=\"0\">Actif</sds-tab>\n              <sds-tab value=\"1\" disabled>Indisponible</sds-tab>\n              <sds-tab value=\"2\">Archives</sds-tab>\n            </sds-tab-list>\n            <sds-tab-panels>\n              <sds-tab-panel value=\"0\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">Contenu de l'onglet actif.</p>\n              </sds-tab-panel>\n              <sds-tab-panel value=\"2\">\n                <p class=\"text-sm leading-relaxed text-ink-soft\">Contenu des archives.</p>\n              </sds-tab-panel>\n            </sds-tab-panels>\n          </sds-tabs>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Défilement",
+          "sectionDescription": "scrollable garde les en-têtes sur une seule ligne avec défilement horizontal.",
+          "code": "<sds-tabs value=\"s1\" scrollable>\n  <sds-tab-list>\n    @for (s of services; track s) {\n      <sds-tab [value]=\"s.value\">{{ s.title }}</sds-tab>\n    }\n  </sds-tab-list>\n  <sds-tab-panels>\n    @for (s of services; track s) {\n      <sds-tab-panel [value]=\"s.value\">…</sds-tab-panel>\n    }\n  </sds-tab-panels>\n</sds-tabs>",
+          "runnableExample": "<sds-tabs value=\"s1\" scrollable>\n            <sds-tab-list>\n              @for (s of services; track s) {\n                <sds-tab [value]=\"s.value\">{{ s.title }}</sds-tab>\n              }\n            </sds-tab-list>\n            <sds-tab-panels>\n              @for (s of services; track s) {\n                <sds-tab-panel [value]=\"s.value\">\n                  <p class=\"text-sm leading-relaxed text-ink-soft\">Service : {{ s.title }}</p>\n                </sds-tab-panel>\n              }\n            </sds-tab-panels>\n          </sds-tabs>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Contrôlé (two-way)",
+          "sectionDescription": "Liaison [(value)] vers un signal ; pilotable depuis l'extérieur.",
+          "code": "<sds-button (click)=\"active.set('a')\">Aller à A</sds-button>\n<sds-button (click)=\"active.set('c')\">Aller à C</sds-button>\n\n<sds-tabs [(value)]=\"active\">\n  <sds-tab-list>\n    <sds-tab value=\"a\">Onglet A</sds-tab>\n    <sds-tab value=\"b\">Onglet B</sds-tab>\n    <sds-tab value=\"c\">Onglet C</sds-tab>\n  </sds-tab-list>\n  <sds-tab-panels>…</sds-tab-panels>\n</sds-tabs>\n\n// active = signal<SdsTabValue>('a');",
+          "runnableExample": "<div class=\"flex flex-wrap items-center gap-2\">\n            <sds-button size=\"sm\" variant=\"secondary\" (click)=\"active.set('a')\">Aller à A</sds-button>\n            <sds-button size=\"sm\" variant=\"secondary\" (click)=\"active.set('c')\">Aller à C</sds-button>\n            <span class=\"text-sm text-ink-soft\">\n              Onglet actif : <span class=\"font-medium text-ink\">{{ active() }}</span>\n            </span>\n          </div>\n\n          <sds-tabs [(value)]=\"active\">\n            <sds-tab-list>\n              <sds-tab value=\"a\">Onglet A</sds-tab>\n              <sds-tab value=\"b\">Onglet B</sds-tab>\n              <sds-tab value=\"c\">Onglet C</sds-tab>\n            </sds-tab-list>\n            <sds-tab-panels>\n              <sds-tab-panel value=\"a\"><p class=\"text-sm text-ink-soft\">Panneau A</p></sds-tab-panel>\n              <sds-tab-panel value=\"b\"><p class=\"text-sm text-ink-soft\">Panneau B</p></sds-tab-panel>\n              <sds-tab-panel value=\"c\"><p class=\"text-sm text-ink-soft\">Panneau C</p></sds-tab-panel>\n            </sds-tab-panels>\n          </sds-tabs>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Onglets dynamiques",
+          "sectionDescription": "Générez en-têtes et panneaux avec @for.",
+          "code": "<sds-tabs [value]=\"dynamicTabs[0].value\">\n  <sds-tab-list>\n    @for (t of dynamicTabs; track t.value) {\n      <sds-tab [value]=\"t.value\">{{ t.title }}</sds-tab>\n    }\n  </sds-tab-list>\n  <sds-tab-panels>\n    @for (t of dynamicTabs; track t.value) {\n      <sds-tab-panel [value]=\"t.value\">{{ t.body }}</sds-tab-panel>\n    }\n  </sds-tab-panels>\n</sds-tabs>",
+          "runnableExample": "<sds-tabs [value]=\"dynamicTabs[0].value\">\n            <sds-tab-list>\n              @for (t of dynamicTabs; track t.value) {\n                <sds-tab [value]=\"t.value\">{{ t.title }}</sds-tab>\n              }\n            </sds-tab-list>\n            <sds-tab-panels>\n              @for (t of dynamicTabs; track t.value) {\n                <sds-tab-panel [value]=\"t.value\">\n                  <p class=\"text-sm leading-relaxed text-ink-soft\">{{ t.body }}</p>\n                </sds-tab-panel>\n              }\n            </sds-tab-panels>\n          </sds-tabs>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsTextarea",
+      "selector": "sds-textarea",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsTextarea",
+      "description": "Champ de saisie multiligne avec label, aide, erreur, tailles, redimensionnement automatique et compteur de caractères. Implémente ControlValueAccessor — utilisable avec les formulaires réactifs ou [(ngModel)].",
+      "overviewDescription": "Saisie multiligne : auto-redimensionnement et compteur.",
+      "jsdoc": "Multi-line text field with label, hint/error, character counter and optional\nauto-resize. Implements ControlValueAccessor — use with reactive forms or\n[(ngModel)].",
+      "example": null,
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name used when no visible [label] is provided."
+        },
+        {
+          "name": "placeholder",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "size",
+          "type": "SdsTextareaSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "readonly",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "rows",
+          "type": "number",
+          "default": "3",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "Minimum visible rows."
+        },
+        {
+          "name": "autoResize",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Grow the field to fit its content as the user types."
+        },
+        {
+          "name": "maxLength",
+          "type": "number",
+          "default": "0",
+          "required": false,
+          "transform": "numberAttribute",
+          "alias": null,
+          "jsdoc": "Hard character cap; 0 means no limit."
+        },
+        {
+          "name": "showCount",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Show a character counter row."
+        },
+        {
+          "name": "resize",
+          "type": "SdsTextareaResize",
+          "default": "'vertical'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsTextareaSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        },
+        {
+          "name": "SdsTextareaResize",
+          "kind": "union",
+          "body": "'none' | 'vertical' | 'both'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": null,
+          "code": "<sds-textarea\n  label=\"Motif d'admission\"\n  placeholder=\"Décrivez le motif de l'admission du patient…\"\n/>",
+          "runnableExample": "<sds-textarea\n            label=\"Motif d'admission\"\n            placeholder=\"Décrivez le motif de l'admission du patient…\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec aide",
+          "sectionDescription": null,
+          "code": "<sds-textarea\n  label=\"Consignes de soins\"\n  placeholder=\"Ex. surveillance tensionnelle toutes les 4 h…\"\n  hint=\"Visible par l'ensemble de l'équipe soignante du service.\"\n/>",
+          "runnableExample": "<sds-textarea\n            label=\"Consignes de soins\"\n            placeholder=\"Ex. surveillance tensionnelle toutes les 4 h…\"\n            hint=\"Visible par l'ensemble de l'équipe soignante du service.\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lignes (rows)",
+          "sectionDescription": "Définit le nombre minimal de lignes visibles.",
+          "code": "<sds-textarea\n  label=\"Compte rendu d'intervention\"\n  placeholder=\"Saisissez le compte rendu complet…\"\n  [rows]=\"6\"\n/>",
+          "runnableExample": "<sds-textarea\n            label=\"Compte rendu d'intervention\"\n            placeholder=\"Saisissez le compte rendu complet…\"\n            [rows]=\"6\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Redimensionnement auto",
+          "sectionDescription": "Le champ s'agrandit automatiquement au fil de la saisie.",
+          "code": "<sds-textarea\n  label=\"Transmissions infirmières\"\n  placeholder=\"Ajoutez vos transmissions…\"\n  autoResize\n  [rows]=\"2\"\n/>",
+          "runnableExample": "<sds-textarea\n            label=\"Transmissions infirmières\"\n            placeholder=\"Ajoutez vos transmissions…\"\n            autoResize\n            [rows]=\"2\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Compteur de caractères",
+          "sectionDescription": "Affiche le nombre de caractères saisis, avec une limite optionnelle.",
+          "code": "<sds-textarea\n  label=\"Note de synthèse\"\n  placeholder=\"280 caractères maximum…\"\n  [maxLength]=\"280\"\n  showCount\n  [(ngModel)]=\"summary\"\n/>\n<p>Longueur : {{ summary.length }} caractère(s)</p>",
+          "runnableExample": "<sds-textarea\n            label=\"Note de synthèse\"\n            placeholder=\"280 caractères maximum…\"\n            [maxLength]=\"280\"\n            showCount\n            [(ngModel)]=\"summary\"\n          />\n          <p class=\"text-sm text-ink-soft\">\n            Longueur : <span class=\"font-medium text-ink\">{{ summary.length }}</span>\n            caractère(s)\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Erreur / requis",
+          "sectionDescription": null,
+          "code": "<sds-textarea\n  label=\"Allergies connues\"\n  placeholder=\"Listez les allergies du patient…\"\n  required\n  [error]=\"'Ce champ est obligatoire avant validation du dossier.'\"\n/>",
+          "runnableExample": "<sds-textarea\n            label=\"Allergies connues\"\n            placeholder=\"Listez les allergies du patient…\"\n            required\n            [error]=\"'Ce champ est obligatoire avant validation du dossier.'\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-textarea\n  label=\"Antécédents (verrouillés)\"\n  placeholder=\"Renseignés par le médecin référent.\"\n  disabled\n/>",
+          "runnableExample": "<sds-textarea\n            label=\"Antécédents (verrouillés)\"\n            placeholder=\"Renseignés par le médecin référent.\"\n            disabled\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-textarea size=\"sm\" label=\"Petit (sm)\" placeholder=\"Observation courte…\" />\n<sds-textarea size=\"md\" label=\"Moyen (md)\" placeholder=\"Observation…\" />\n<sds-textarea size=\"lg\" label=\"Grand (lg)\" placeholder=\"Observation détaillée…\" />",
+          "runnableExample": "<sds-textarea size=\"sm\" label=\"Petit (sm)\" placeholder=\"Observation courte…\" />\n          <sds-textarea size=\"md\" label=\"Moyen (md)\" placeholder=\"Observation…\" />\n          <sds-textarea size=\"lg\" label=\"Grand (lg)\" placeholder=\"Observation détaillée…\" />",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsToggleSwitch",
+      "selector": "sds-toggle-switch",
+      "kind": "component",
+      "group": "form",
+      "importName": "SdsToggleSwitch",
+      "description": "Interrupteur on/off avec label optionnel, tailles, icônes sur le bouton, valeurs personnalisées, aide et erreur. Implémente ControlValueAccessor — utilisable avec les formulaires réactifs ou [(ngModel)].",
+      "overviewDescription": "Interrupteur on/off : tailles, icônes et valeurs.",
+      "jsdoc": "On/off switch styled as a sliding toggle. Implements ControlValueAccessor —\nuse with reactive forms or [(ngModel)]. Supports an optional visible label,\ncustom `trueValue`/`falseValue`, and optional knob icons for the on/off\nstates.",
+      "example": null,
+      "cva": true,
+      "usesNgModel": true,
+      "inputs": [
+        {
+          "name": "label",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "ariaLabel",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name used when no visible [label] is provided."
+        },
+        {
+          "name": "size",
+          "type": "SdsToggleSwitchSize",
+          "default": "'md'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "disabled",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "required",
+          "type": "boolean",
+          "default": "false",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "trueValue",
+          "type": "unknown",
+          "default": "true",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Value emitted/stored when the switch is on."
+        },
+        {
+          "name": "falseValue",
+          "type": "unknown",
+          "default": "false",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Value emitted/stored when the switch is off."
+        },
+        {
+          "name": "onIcon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Icon shown on the knob when checked."
+        },
+        {
+          "name": "offIcon",
+          "type": "SdsIconName | null",
+          "default": "null",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Icon shown on the knob when unchecked."
+        },
+        {
+          "name": "hint",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "error",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsToggleSwitchSize",
+          "kind": "union",
+          "body": "'sm' | 'md' | 'lg'"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Basique",
+          "sectionDescription": "Un interrupteur sans label visible (fournir un ariaLabel pour l'accessibilité).",
+          "code": "<sds-toggle-switch ariaLabel=\"Activer les notifications\" />",
+          "runnableExample": "<sds-toggle-switch ariaLabel=\"Activer les notifications\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec label",
+          "sectionDescription": "Le label est cliquable et bascule l'interrupteur.",
+          "code": "<sds-toggle-switch label=\"Recevoir les alertes de garde\" />",
+          "runnableExample": "<sds-toggle-switch label=\"Recevoir les alertes de garde\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Tailles",
+          "sectionDescription": null,
+          "code": "<sds-toggle-switch size=\"sm\" label=\"Petit (sm)\" />\n<sds-toggle-switch size=\"md\" label=\"Moyen (md)\" />\n<sds-toggle-switch size=\"lg\" label=\"Grand (lg)\" />",
+          "runnableExample": "<sds-toggle-switch size=\"sm\" label=\"Petit (sm)\" />\n          <sds-toggle-switch size=\"md\" label=\"Moyen (md)\" />\n          <sds-toggle-switch size=\"lg\" label=\"Grand (lg)\" />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Avec icônes",
+          "sectionDescription": "Affiche une icône sur le bouton selon l'état (onIcon / offIcon).",
+          "code": "<sds-toggle-switch\n  label=\"Disponibilité de l'agent\"\n  onIcon=\"check\"\n  offIcon=\"x\"\n  [(ngModel)]=\"available\"\n/>",
+          "runnableExample": "<sds-toggle-switch\n            label=\"Disponibilité de l'agent\"\n            onIcon=\"check\"\n            offIcon=\"x\"\n            [(ngModel)]=\"available\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Valeurs personnalisées",
+          "sectionDescription": "trueValue / falseValue stockent une valeur autre que les booléens.",
+          "code": "<sds-toggle-switch\n  label=\"Statut du lit\"\n  [trueValue]=\"'actif'\"\n  [falseValue]=\"'inactif'\"\n  [(ngModel)]=\"bedStatus\"\n/>\n<p>Statut : {{ bedStatus }}</p>\n\n// bedStatus = 'actif';",
+          "runnableExample": "<sds-toggle-switch\n            label=\"Statut du lit\"\n            [trueValue]=\"'actif'\"\n            [falseValue]=\"'inactif'\"\n            [(ngModel)]=\"bedStatus\"\n          />\n          <p class=\"text-sm text-ink-soft\">\n            Statut : <span class=\"font-medium text-ink\">{{ bedStatus }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Désactivé",
+          "sectionDescription": null,
+          "code": "<sds-toggle-switch label=\"Mode maintenance\" disabled />\n<sds-toggle-switch\n  label=\"Synchronisation automatique\"\n  disabled\n  [ngModel]=\"true\"\n/>",
+          "runnableExample": "<sds-toggle-switch label=\"Mode maintenance\" disabled />\n          <sds-toggle-switch\n            label=\"Synchronisation automatique\"\n            disabled\n            [ngModel]=\"true\"\n          />",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Lié au modèle (ngModel)",
+          "sectionDescription": null,
+          "code": "<sds-toggle-switch\n  label=\"Afficher les agents en congé\"\n  hint=\"Inclut les soignants absents dans le planning.\"\n  [(ngModel)]=\"showOnLeave\"\n/>\n<p>Valeur : {{ showOnLeave ? 'true' : 'false' }}</p>",
+          "runnableExample": "<sds-toggle-switch\n            label=\"Afficher les agents en congé\"\n            hint=\"Inclut les soignants absents dans le planning.\"\n            [(ngModel)]=\"showOnLeave\"\n          />\n          <p class=\"text-sm text-ink-soft\">\n            Valeur :\n            <span class=\"font-medium text-ink\">{{ showOnLeave ? 'true' : 'false' }}</span>\n          </p>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    },
+    {
+      "className": "SdsTopbar",
+      "selector": "sds-topbar",
+      "kind": "component",
+      "group": "layout",
+      "importName": "SdsTopbar",
+      "description": "Barre supérieure de l'application : dégradé de marque avec vague décorative, emplacement logo, nom de l'application et emplacement [sdsActions] libre à droite.",
+      "overviewDescription": "Barre supérieure de l'application avec marque et utilisateur.",
+      "jsdoc": "Application top bar: a logo slot, the app name, and three slots the app fills.\n\nTwo appearances. `brand` is the gradient-and-wave bar an internal tool wants. `surface` is white on\na hairline border, for a bar that has to sit under a customer-facing page without dominating it —\na storefront header is a bar, but it is not a banner. The slots and the layout are identical in\nboth; only the paint differs, so a consumer app gets the same structure without the brand fill.\n\nIt deliberately owns NO account UI. It used to render the signed-in user and a logout button, which\nforced every consumer into one shape — no dropdown, no email, no menu, no busy state, and an\nicon-only button whose accessible name the library had to guess a language for. What an app needs\nbeside its own brand bar differs per app, so the bar supplies the surface and the app supplies the\ncontents: project them into `[sdsActions]`.\n\nSlots, left to right: `[sdsLogo]`, `[sdsLead]` (beside the name — a location or workspace picker),\n`[sdsCenter]` (the flexible middle — a search field), `[sdsActions]` (the right edge).",
+      "example": "<sds-topbar appName=\"WebApp\">\n  <img sdsLogo src=\"logo.svg\" alt=\"\" />\n  <my-address-picker sdsLead />\n  <my-search sdsCenter />\n  <my-account-menu sdsActions />\n</sds-topbar>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "appName",
+          "type": "string",
+          "default": "''",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": null
+        },
+        {
+          "name": "contentWidth",
+          "type": "string",
+          "default": "'w-full'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Width of the bar's CONTENTS, as Tailwind width utilities — e.g. `\"w-full max-w-7xl\"`.\n\nThe coloured band always spans the viewport; this constrains only what sits on it, so the logo and\nthe actions line up with a page whose own content is centred at the same width. Default is empty,\ni.e. contents run edge to edge, which is right for a full-bleed dashboard shell.\n\nA class string rather than an enum on purpose: apps already state their content width as a Tailwind\nutility, and this way the bar is given the SAME string rather than a name that has to be kept in\nsync with it."
+        },
+        {
+          "name": "menuButton",
+          "type": "boolean",
+          "default": "true",
+          "required": false,
+          "transform": "booleanAttribute",
+          "alias": null,
+          "jsdoc": "Show the mobile hamburger that toggles the sidebar drawer (< lg)."
+        },
+        {
+          "name": "menuLabel",
+          "type": "string",
+          "default": "'Ouvrir le menu'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "Accessible name for the hamburger. Defaults to French so nothing changes for existing consumers,\nbut any app serving more than one language MUST pass a translated value — an icon-only control's\naria-label is its only name, and a hardcoded one is simply wrong in every other locale."
+        },
+        {
+          "name": "appearance",
+          "type": "SdsTopbarAppearance",
+          "default": "'brand'",
+          "required": false,
+          "transform": null,
+          "alias": null,
+          "jsdoc": "`brand` (default) paints the gradient and the wave; `surface` is white on a hairline border."
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsTopbarAppearance",
+          "kind": "union",
+          "body": "'brand' | 'surface'"
+        }
+      ],
+      "projectionSlots": [
+        "[sdsLogo]",
+        "[sdsLead]",
+        "[sdsCenter]",
+        "[sdsActions]"
+      ],
+      "hostBindings": {
+        "class": "block"
+      },
+      "examples": [
+        {
+          "sectionTitle": "Complète",
+          "sectionDescription": "Logo ([sdsLogo]), nom d'application, et contenu libre à droite ([sdsActions]). La barre ne fournit aucune UI de compte : chaque application projette la sienne.",
+          "code": "<sds-topbar appName=\"WebApp\">\n  <img sdsLogo src=\"showcase-logo.svg\" alt=\"Saitech\" class=\"h-11 w-auto\" />\n\n  <!-- Anything the app wants on the right: menu, avatar, notifications, language… -->\n  <div sdsActions class=\"flex items-center gap-3\">\n    <sds-avatar name=\"AIT SAID Souhail\" initials=\"AS\" [size]=\"38\" bgClass=\"bg-white/15\" />\n  </div>\n</sds-topbar>",
+          "runnableExample": "<div class=\"w-full overflow-hidden rounded-card border border-border\">\n            <sds-topbar appName=\"WebApp\">\n              <img sdsLogo src=\"showcase-logo.svg\" alt=\"Saitech\" class=\"h-11 w-auto\" />\n              <div sdsActions class=\"flex items-center gap-3\">\n                <span class=\"hidden text-sm font-medium sm:block\">{{ user.name }}</span>\n                <sds-avatar [name]=\"user.name\" [initials]=\"user.initials\" [size]=\"38\" bgClass=\"bg-white/15\" />\n                <button\n                  type=\"button\"\n                  class=\"inline-flex h-9 w-9 items-center justify-center rounded-control text-white/85 hover:bg-white/10 hover:text-white\"\n                  aria-label=\"Se déconnecter\"\n                >\n                  <sds-icon name=\"log-out\" [size]=\"20\" />\n                </button>\n              </div>\n            </sds-topbar>\n          </div>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Largeur du contenu",
+          "sectionDescription": "[contentWidth] contraint le contenu de la barre (le bandeau reste pleine largeur), pour l'aligner sur une page centrée.",
+          "code": "<!-- Le bandeau reste pleine largeur ; seul son contenu est contraint. -->\n<sds-topbar appName=\"WebApp\" contentWidth=\"w-full max-w-3xl\">\n  <img sdsLogo src=\"showcase-logo.svg\" alt=\"Saitech\" class=\"h-11 w-auto\" />\n</sds-topbar>",
+          "runnableExample": "<div class=\"w-full overflow-hidden rounded-card border border-border\">\n            <sds-topbar appName=\"WebApp\" contentWidth=\"w-full max-w-3xl\">\n              <img sdsLogo src=\"showcase-logo.svg\" alt=\"Saitech\" class=\"h-11 w-auto\" />\n              <div sdsActions class=\"flex items-center gap-3\">\n                <sds-avatar [name]=\"user.name\" [initials]=\"user.initials\" [size]=\"38\" bgClass=\"bg-white/15\" />\n              </div>\n            </sds-topbar>\n          </div>",
+          "stack": true,
+          "dark": false
+        },
+        {
+          "sectionTitle": "Nom seul",
+          "sectionDescription": "Sans contenu projeté.",
+          "code": "<sds-topbar appName=\"WebApp\" />",
+          "runnableExample": "<div class=\"w-full overflow-hidden rounded-card border border-border\">\n            <sds-topbar appName=\"WebApp\" />\n          </div>",
+          "stack": true,
+          "dark": false
+        }
+      ]
+    }
+  ],
+  "directives": [
+    {
+      "className": "SdsTableCell",
+      "selector": "ng-template[sdsCell]",
+      "kind": "directive",
+      "group": "data",
+      "importName": "SdsTableCell",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Supplies a custom cell template for a single table column, matched by its\nfield key. Use as a structural template inside `<sds-table>`:",
+      "example": "<sds-table [value]=\"rows\" [columns]=\"cols\">\n  <ng-template sdsCell=\"statut\" let-value let-row=\"row\">\n    <sds-badge [variant]=\"row.actif ? 'success' : 'neutral'\">{{ value }}</sds-badge>\n  </ng-template>\n</sds-table>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [
+        {
+          "name": "sdsCell",
+          "type": "string",
+          "default": null,
+          "required": true,
+          "transform": null,
+          "alias": "sdsCell",
+          "jsdoc": "The column `field` this template renders."
+        }
+      ],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsTableCellContext",
+          "kind": "interface",
+          "body": "interface SdsTableCellContext { /** Same as {@link value} — enables the `let-value` (implicit) binding. */ $implicit: unknown; /** Resolved cell value for this column (via the table's getValue). */ value: unknown; /** The full row object. */ row: any; /** The column definition the cell belongs to. */ column: SdsTableColumn; /** Zero-based index of the row within the currently displayed page. */ index: number; }"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {},
+      "examples": []
+    },
+    {
+      "className": "SdsTableRowExpansion",
+      "selector": "ng-template[sdsRowExpansion]",
+      "kind": "directive",
+      "group": "data",
+      "importName": "SdsTableRowExpansion",
+      "description": null,
+      "overviewDescription": null,
+      "jsdoc": "Supplies the detail template rendered beneath an expanded row when the host\n`<sds-table>` has `expandable`. Use as a structural template inside the table:",
+      "example": "<sds-table [value]=\"rows\" [columns]=\"cols\" expandable>\n  <ng-template sdsRowExpansion let-row>\n    <div>Détails de {{ row.nom }}</div>\n  </ng-template>\n</sds-table>",
+      "cva": false,
+      "usesNgModel": false,
+      "inputs": [],
+      "outputs": [],
+      "exportedTypes": [
+        {
+          "name": "SdsTableRowExpansionContext",
+          "kind": "interface",
+          "body": "interface SdsTableRowExpansionContext { /** Same as {@link row} — enables the `let-row` (implicit) binding. */ $implicit: any; /** The full row object whose details are being shown. */ row: any; /** Zero-based index of the row within the currently displayed page. */ index: number; }"
+        }
+      ],
+      "projectionSlots": [],
+      "hostBindings": {},
+      "examples": []
+    }
+  ],
+  "services": [
+    {
+      "className": "SdsAccordionStore",
+      "providedIn": "component",
+      "exports": [
+        "id",
+        "multiple",
+        "connect()",
+        "isOpen()",
+        "toggle()",
+        "headerId()",
+        "contentId()"
+      ],
+      "jsdoc": "Coordinates a single <sds-accordion>: holds the open value(s) (shared from the\nhost's two-way model), the multiple-open flag, and generates the ARIA ids that\nlink each header to its content region.\n\nProvided at the <sds-accordion> component level so every accordion is isolated."
+    },
+    {
+      "className": "SdsTabsStore",
+      "providedIn": "component",
+      "exports": [
+        "id",
+        "scrollable",
+        "connect()",
+        "activeValue()",
+        "isActive()",
+        "select()",
+        "registerTab()",
+        "unregisterTab()",
+        "tabId()",
+        "panelId()"
+      ],
+      "jsdoc": "Coordinates a single <sds-tabs> instance: holds the active value (shared from\nthe host's two-way model), tracks registered tabs for default selection and\ngenerates the ARIA ids that link each tab to its panel.\n\nProvided at the <sds-tabs> component level so every tab set is isolated."
+    },
+    {
+      "className": "SidebarStore",
+      "providedIn": "root",
+      "exports": [
+        "collapsed",
+        "mobileOpen",
+        "toggle()",
+        "setCollapsed()",
+        "openMobile()",
+        "closeMobile()",
+        "toggleMobile()"
+      ],
+      "jsdoc": "Shared collapse state for the sidebar and its nav items.\n\nProvided in root so the sidebar, projected nav groups/items and any layout\ncode observe a single source of truth without prop-drilling. For apps with\nmultiple independent sidebars, provide it at a component level instead."
+    }
+  ],
+  "icons": {
+    "names": [
+      "alert-circle",
+      "align-left",
+      "arrow-down",
+      "arrow-right",
+      "arrow-up",
+      "arrows-clockwise",
+      "bar-chart-3",
+      "bell",
+      "bike",
+      "book-open",
+      "building-2",
+      "calendar",
+      "chart-column",
+      "check",
+      "check-circle",
+      "chevron-down",
+      "chevron-left",
+      "chevron-right",
+      "chevrons-left",
+      "chevrons-right",
+      "chevrons-up-down",
+      "circle-user",
+      "clipboard-list",
+      "copy",
+      "credit-card",
+      "external-link",
+      "eye",
+      "eye-off",
+      "file-text",
+      "filter",
+      "hand",
+      "hash",
+      "home",
+      "inbox",
+      "info",
+      "languages",
+      "layout-grid",
+      "loader-circle",
+      "log-out",
+      "map-pin",
+      "megaphone",
+      "menu",
+      "monitor",
+      "package",
+      "package-open",
+      "package-plus",
+      "palette",
+      "panel-left",
+      "panel-left-close",
+      "panel-left-open",
+      "panel-top",
+      "panels-top-left",
+      "phone",
+      "refresh-cw",
+      "rotate-ccw",
+      "rows-3",
+      "search",
+      "settings",
+      "square",
+      "store",
+      "table",
+      "tag",
+      "toggle-left",
+      "type",
+      "user",
+      "user-plus",
+      "user-round",
+      "users",
+      "x"
+    ],
+    "outliers": [
+      "hand"
+    ]
+  },
+  "tokens": [
+    {
+      "token": "color-canvas",
+      "family": "surface",
+      "tailwindUtility": "bg-canvas",
+      "cssVar": "var(--color-canvas)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-surface",
+      "family": "surface",
+      "tailwindUtility": "bg-surface",
+      "cssVar": "var(--color-surface)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-muted",
+      "family": "surface",
+      "tailwindUtility": "bg-muted",
+      "cssVar": "var(--color-muted)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-border",
+      "family": "surface",
+      "tailwindUtility": "border-border",
+      "cssVar": "var(--color-border)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-ink",
+      "family": "ink",
+      "tailwindUtility": "text-ink",
+      "cssVar": "var(--color-ink)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-ink-soft",
+      "family": "ink",
+      "tailwindUtility": "text-ink-soft",
+      "cssVar": "var(--color-ink-soft)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-ink-faint",
+      "family": "ink",
+      "tailwindUtility": "text-ink-faint",
+      "cssVar": "var(--color-ink-faint)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-blue",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-blue",
+      "cssVar": "var(--color-accent-blue)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-blue-soft",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-blue-soft",
+      "cssVar": "var(--color-accent-blue-soft)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-green",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-green",
+      "cssVar": "var(--color-accent-green)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-green-soft",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-green-soft",
+      "cssVar": "var(--color-accent-green-soft)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-amber",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-amber",
+      "cssVar": "var(--color-accent-amber)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-amber-soft",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-amber-soft",
+      "cssVar": "var(--color-accent-amber-soft)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-red",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-red",
+      "cssVar": "var(--color-accent-red)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-red-soft",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-red-soft",
+      "cssVar": "var(--color-accent-red-soft)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-indigo",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-indigo",
+      "cssVar": "var(--color-accent-indigo)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-accent-indigo-soft",
+      "family": "accent",
+      "tailwindUtility": "bg-accent-indigo-soft",
+      "cssVar": "var(--color-accent-indigo-soft)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-success",
+      "family": "status",
+      "tailwindUtility": "text-success",
+      "cssVar": "var(--color-success)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-warning",
+      "family": "status",
+      "tailwindUtility": "text-warning",
+      "cssVar": "var(--color-warning)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-danger",
+      "family": "status",
+      "tailwindUtility": "text-danger",
+      "cssVar": "var(--color-danger)",
+      "semanticNote": null
+    },
+    {
+      "token": "radius-control",
+      "family": "radius",
+      "tailwindUtility": "rounded-control",
+      "cssVar": "var(--radius-control)",
+      "semanticNote": null
+    },
+    {
+      "token": "radius-card",
+      "family": "radius",
+      "tailwindUtility": "rounded-card",
+      "cssVar": "var(--radius-card)",
+      "semanticNote": null
+    },
+    {
+      "token": "font-sans",
+      "family": "font",
+      "tailwindUtility": "font-sans",
+      "cssVar": "var(--font-sans)",
+      "semanticNote": null
+    },
+    {
+      "token": "sds-topbar-h",
+      "family": "layout",
+      "tailwindUtility": null,
+      "cssVar": "var(--sds-topbar-h)",
+      "semanticNote": null
+    },
+    {
+      "token": "sds-sidebar-w",
+      "family": "layout",
+      "tailwindUtility": null,
+      "cssVar": "var(--sds-sidebar-w)",
+      "semanticNote": null
+    },
+    {
+      "token": "sds-sidebar-w-collapsed",
+      "family": "layout",
+      "tailwindUtility": null,
+      "cssVar": "var(--sds-sidebar-w-collapsed)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-50",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-50",
+      "cssVar": "var(--color-brand-50)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-100",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-100",
+      "cssVar": "var(--color-brand-100)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-200",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-200",
+      "cssVar": "var(--color-brand-200)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-300",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-300",
+      "cssVar": "var(--color-brand-300)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-400",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-400",
+      "cssVar": "var(--color-brand-400)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-500",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-500",
+      "cssVar": "var(--color-brand-500)",
+      "semanticNote": "active nav highlight"
+    },
+    {
+      "token": "color-brand-600",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-600",
+      "cssVar": "var(--color-brand-600)",
+      "semanticNote": "primary button"
+    },
+    {
+      "token": "color-brand-700",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-700",
+      "cssVar": "var(--color-brand-700)",
+      "semanticNote": "top bar base"
+    },
+    {
+      "token": "color-brand-800",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-800",
+      "cssVar": "var(--color-brand-800)",
+      "semanticNote": null
+    },
+    {
+      "token": "color-brand-900",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-900",
+      "cssVar": "var(--color-brand-900)",
+      "semanticNote": "sidebar background"
+    },
+    {
+      "token": "color-brand-950",
+      "family": "brand",
+      "tailwindUtility": "bg-brand-950",
+      "cssVar": "var(--color-brand-950)",
+      "semanticNote": null
+    }
+  ],
+  "install": {
+    "installCommand": "npm install @besaitech/ng-design-system",
+    "tailwindImport": "@import \"tailwindcss\";",
+    "sourceDirective": "@source \"../node_modules/@besaitech/ng-design-system\"; /* lets Tailwind v4 scan the library templates (it ignores node_modules by default) */",
+    "themeBlock": "@import \"@besaitech/ng-design-system/themes/base.css\";   /* surfaces, ink, accents, status, radius */\n@import \"@besaitech/ng-design-system/themes/saitech.css\"; /* brand ramp — or themes/belvigo.css */",
+    "peerDeps": [
+      "@angular/common ^20.3.0 || ^21.0.0 || ^22.0.0",
+      "@angular/core ^20.3.0 || ^21.0.0 || ^22.0.0",
+      "@angular/forms ^20.3.0 || ^21.0.0 || ^22.0.0",
+      "@angular/platform-browser ^20.3.0 || ^21.0.0 || ^22.0.0",
+      "@angular/router ^20.3.0 || ^21.0.0 || ^22.0.0",
+      "tailwindcss ^4 (required in the consuming app — the package ships NO compiled CSS)"
+    ],
+    "standaloneNote": "All components are standalone — import the class directly into a component's `imports` array (no NgModule). Form controls implement ControlValueAccessor: bind their value with [(ngModel)] (FormsModule) or formControlName (ReactiveFormsModule), never [value]. CRITICAL: the library is styled with Tailwind utilities baked into its templates, so the consuming app must run Tailwind v4 with @import \"tailwindcss\", the @source directive above, and a brand theme preset (@import \"@besaitech/ng-design-system/themes/saitech.css\" or themes/belvigo.css) plus the surface/ink tokens — otherwise components render unstyled. The preset must be imported AFTER @import \"tailwindcss\"."
+  }
+}