@lab-anssi/ui-kit 1.55.2 → 1.57.0

package/dist/ui-kit-components.json

@@ -3,7 +3,7 @@
   "components": [
     {
       "tagName": "dsfr-accordion",
-      "title": "Composants/dsfr/Accordion",
+      "title": "Composants/DSFR/Accordion",
       "source": "src/lib/dsfr/DsfrAccordion.svelte",
       "props": [
         {
@@ -53,7 +53,7 @@
     },
     {
       "tagName": "dsfr-alert",
-      "title": "Composants/dsfr/Alert",
+      "title": "Composants/DSFR/Alert",
       "source": "src/lib/dsfr/DsfrAlert.svelte",
       "props": [
         {
@@ -155,7 +155,7 @@
     },
     {
       "tagName": "dsfr-badge",
-      "title": "Composants/dsfr/Badge",
+      "title": "Composants/DSFR/Badge",
       "source": "src/lib/dsfr/DsfrBadge.svelte",
       "props": [
         {
@@ -249,7 +249,7 @@
     },
     {
       "tagName": "dsfr-badges-group",
-      "title": "Composants/dsfr/Badges Group",
+      "title": "Composants/DSFR/Badges Group",
       "source": "src/lib/dsfr/DsfrBadgesGroup.svelte",
       "props": [
         {
@@ -288,7 +288,7 @@
     },
     {
       "tagName": "dsfr-breadcrumb",
-      "title": "Composants/dsfr/Breadcrumb",
+      "title": "Composants/DSFR/Breadcrumb",
       "source": "src/lib/dsfr/DsfrBreadcrumb.svelte",
       "props": [
         {
@@ -351,7 +351,7 @@
     },
     {
       "tagName": "dsfr-button",
-      "title": "Composants/dsfr/Button",
+      "title": "Composants/DSFR/Button",
       "source": "src/lib/dsfr/DsfrButton.svelte",
       "props": [
         {
@@ -373,7 +373,9 @@
             "tertiary",
             "tertiary-no-outline",
             "inverted-primary",
-            "inverted-secondary"
+            "inverted-secondary",
+            "inverted-tertiary",
+            "inverted-tertiary-no-outline"
           ]
         },
         {
@@ -503,7 +505,7 @@
     },
     {
       "tagName": "dsfr-buttons-group",
-      "title": "Composants/dsfr/Buttons Group",
+      "title": "Composants/DSFR/Buttons Group",
       "source": "src/lib/dsfr/DsfrButtonsGroup.svelte",
       "props": [
         {
@@ -602,7 +604,7 @@
     },
     {
       "tagName": "dsfr-callout",
-      "title": "Composants/dsfr/Callout",
+      "title": "Composants/DSFR/Callout",
       "source": "src/lib/dsfr/DsfrCallout.svelte",
       "props": [
         {
@@ -715,7 +717,7 @@
     },
     {
       "tagName": "dsfr-card",
-      "title": "Composants/dsfr/Card",
+      "title": "Composants/DSFR/Card",
       "source": "src/lib/dsfr/DsfrCard.svelte",
       "props": [
         {
@@ -1028,7 +1030,7 @@
     },
     {
       "tagName": "dsfr-checkbox",
-      "title": "Composants/dsfr/Checkbox",
+      "title": "Composants/DSFR/Checkbox",
       "source": "src/lib/dsfr/DsfrCheckbox.svelte",
       "props": [
         {
@@ -1155,7 +1157,7 @@
     },
     {
       "tagName": "dsfr-checkboxes-group",
-      "title": "Composants/dsfr/Checkboxes Group",
+      "title": "Composants/DSFR/Checkboxes Group",
       "source": "src/lib/dsfr/DsfrCheckboxesGroup.svelte",
       "props": [
         {
@@ -1305,7 +1307,7 @@
     },
     {
       "tagName": "dsfr-connect",
-      "title": "Composants/dsfr/Connect Button",
+      "title": "Composants/DSFR/Connect Button",
       "source": "src/lib/dsfr/DsfrConnect.svelte",
       "props": [
         {
@@ -1359,7 +1361,7 @@
     },
     {
       "tagName": "dsfr-container",
-      "title": "Composants/dsfr/Container",
+      "title": "Composants/DSFR/Container",
       "source": "src/lib/dsfr/DsfrContainer.svelte",
       "props": [
         {
@@ -1381,7 +1383,7 @@
     },
     {
       "tagName": "dsfr-content",
-      "title": "Composants/dsfr/Content Media",
+      "title": "Composants/DSFR/Content Media",
       "source": "src/lib/dsfr/DsfrContent.svelte",
       "props": [
         {
@@ -1506,7 +1508,7 @@
     },
     {
       "tagName": "dsfr-dropdown",
-      "title": "Composants/dsfr/Dropdown",
+      "title": "Composants/DSFR/Dropdown",
       "source": "src/lib/dsfr/DsfrDropdown.svelte",
       "props": [
         {
@@ -1637,7 +1639,7 @@
     },
     {
       "tagName": "dsfr-footer",
-      "title": "Composants/dsfr/Footer",
+      "title": "Composants/DSFR/Footer",
       "source": "src/lib/dsfr/DsfrFooter.svelte",
       "props": [
         {
@@ -1801,7 +1803,7 @@
     },
     {
       "tagName": "dsfr-header",
-      "title": "Composants/dsfr/Header",
+      "title": "Composants/DSFR/Header",
       "source": "src/lib/dsfr/DsfrHeader.svelte",
       "props": [
         {
@@ -2119,7 +2121,7 @@
     },
     {
       "tagName": "dsfr-highlight",
-      "title": "Composants/dsfr/Highlight",
+      "title": "Composants/DSFR/Highlight",
       "source": "src/lib/dsfr/DsfrHighlight.svelte",
       "props": [
         {
@@ -2191,7 +2193,7 @@
     },
     {
       "tagName": "dsfr-input",
-      "title": "Composants/dsfr/Input",
+      "title": "Composants/DSFR/Input",
       "source": "src/lib/dsfr/DsfrInput.svelte",
       "props": [
         {
@@ -2432,7 +2434,7 @@
     },
     {
       "tagName": "dsfr-label",
-      "title": "Composants/dsfr/Label",
+      "title": "Composants/DSFR/Label",
       "source": "src/lib/dsfr/DsfrLabel.svelte",
       "props": [
         {
@@ -2550,7 +2552,7 @@
     },
     {
       "tagName": "dsfr-link",
-      "title": "Composants/dsfr/Link",
+      "title": "Composants/DSFR/Link",
       "source": "src/lib/dsfr/DsfrLink.svelte",
       "props": [
         {
@@ -2674,7 +2676,7 @@
     },
     {
       "tagName": "dsfr-logo",
-      "title": "Composants/dsfr/Logo",
+      "title": "Composants/DSFR/Logo",
       "source": "src/lib/dsfr/DsfrLogo.svelte",
       "props": [
         {
@@ -2703,7 +2705,7 @@
     },
     {
       "tagName": "dsfr-messages-group",
-      "title": "Composants/dsfr/Messages Group",
+      "title": "Composants/DSFR/Messages Group",
       "source": "src/lib/dsfr/DsfrMessagesGroup.svelte",
       "props": [
         {
@@ -2778,9 +2780,96 @@
       "slots": [],
       "example": "<dsfr-messages-group\n    id={args.id}\n    status={args.status}\n    errorMessage={args.errorMessage}\n    validMessage={args.validMessage}\n    infoMessage={args.infoMessage}\n    warningMessage={args.warningMessage}\n    messages={args.messages}\n  ></dsfr-messages-group>"
     },
+    {
+      "tagName": "dsfr-modal",
+      "title": "Composants/DSFR/Modal",
+      "source": "src/lib/dsfr/DsfrModal.svelte",
+      "props": [
+        {
+          "name": "id",
+          "attribute": "id",
+          "type": "String",
+          "tsType": "string",
+          "description": "Identifiant unique de la modale"
+        },
+        {
+          "name": "title",
+          "attribute": "title",
+          "type": "String",
+          "tsType": "string",
+          "description": "Titre de la modale"
+        },
+        {
+          "name": "icon",
+          "attribute": "icon",
+          "type": "String",
+          "tsType": "string",
+          "description": "Nom de l'icône associée au titre"
+        },
+        {
+          "name": "size",
+          "attribute": "size",
+          "type": "String",
+          "tsType": "ModalSize",
+          "description": "Taille de la modale",
+          "options": [
+            "sm",
+            "md",
+            "lg"
+          ]
+        },
+        {
+          "name": "top",
+          "attribute": "top",
+          "type": "Boolean",
+          "tsType": "boolean",
+          "description": "Positionnement de la modale en haut en mobile"
+        },
+        {
+          "name": "concealingBackdrop",
+          "attribute": "concealing-backdrop",
+          "type": "Boolean",
+          "tsType": "boolean",
+          "description": "Fermeture au clic à l'exterieur de la modale"
+        },
+        {
+          "name": "opened",
+          "attribute": "opened",
+          "type": "Boolean",
+          "tsType": "boolean",
+          "description": "Ouverture de la modale"
+        },
+        {
+          "name": "footer",
+          "attribute": "has-footer",
+          "type": "Boolean",
+          "tsType": "boolean",
+          "description": "Modale avec footer"
+        }
+      ],
+      "events": [
+        {
+          "name": "open"
+        },
+        {
+          "name": "close"
+        }
+      ],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Contenu principal de la modale"
+        },
+        {
+          "name": "footerSlot",
+          "description": "Contenu du footer"
+        }
+      ],
+      "example": "<div class=\"story-container\">\n    <DsfrButton\n      class=\"fr-btn\"\n      onclick={() => (openModals[args.id] = true)}\n      label=\"Ouvrir la modale\"\n    />\n\n    <dsfr-modal\n      id={args.id}\n      title={args.title}\n      icon={args.icon}\n      size={args.size}\n      top={args.top || undefined}\n      concealing-backdrop={args.concealingBackdrop}\n      footer={args.footer || undefined}\n      opened={openModals[args.id] || undefined}\n      onclose={() => (openModals[args.id] = false)}\n    >\n      {@html body}\n\n      {#if args.footer}\n        <dsfr-buttons-group slot=\"footer\" {buttons} size=\"md\" inline=\"lg\" align=\"center\"\n        ></dsfr-buttons-group>\n      {/if}\n    </dsfr-modal>\n  </div>"
+    },
     {
       "tagName": "dsfr-navigation",
-      "title": "Composants/dsfr/Navigation",
+      "title": "Composants/DSFR/Navigation",
       "source": "src/lib/dsfr/DsfrNavigation.svelte",
       "props": [
         {
@@ -2811,7 +2900,7 @@
     },
     {
       "tagName": "dsfr-notice",
-      "title": "Composants/dsfr/Notice",
+      "title": "Composants/DSFR/Notice",
       "source": "src/lib/dsfr/DsfrNotice.svelte",
       "props": [
         {
@@ -2947,7 +3036,7 @@
     },
     {
       "tagName": "dsfr-pagination",
-      "title": "Composants/dsfr/Pagination",
+      "title": "Composants/DSFR/Pagination",
       "source": "src/lib/dsfr/DsfrPagination.svelte",
       "props": [
         {
@@ -3034,7 +3123,7 @@
     },
     {
       "tagName": "dsfr-quote",
-      "title": "Composants/dsfr/Quote",
+      "title": "Composants/DSFR/Quote",
       "source": "src/lib/dsfr/DsfrQuote.svelte",
       "props": [
         {
@@ -3146,7 +3235,7 @@
     },
     {
       "tagName": "dsfr-radio",
-      "title": "Composants/dsfr/Radio",
+      "title": "Composants/DSFR/Radio",
       "source": "src/lib/dsfr/DsfrRadio.svelte",
       "props": [
         {
@@ -3276,7 +3365,7 @@
     },
     {
       "tagName": "dsfr-radios-group",
-      "title": "Composants/dsfr/Radios Group",
+      "title": "Composants/DSFR/Radios Group",
       "source": "src/lib/dsfr/DsfrRadiosGroup.svelte",
       "props": [
         {
@@ -3426,7 +3515,7 @@
     },
     {
       "tagName": "dsfr-range",
-      "title": "Composants/dsfr/Range",
+      "title": "Composants/DSFR/Range",
       "source": "src/lib/dsfr/DsfrRange.svelte",
       "props": [
         {
@@ -3639,7 +3728,7 @@
     },
     {
       "tagName": "dsfr-search",
-      "title": "Composants/dsfr/Search",
+      "title": "Composants/DSFR/Search",
       "source": "src/lib/dsfr/DsfrSearch.svelte",
       "props": [
         {
@@ -3806,7 +3895,7 @@
     },
     {
       "tagName": "dsfr-segmented",
-      "title": "Composants/dsfr/Segmented",
+      "title": "Composants/DSFR/Segmented",
       "source": "src/lib/dsfr/DsfrSegmented.svelte",
       "props": [
         {
@@ -3881,7 +3970,7 @@
     },
     {
       "tagName": "dsfr-select",
-      "title": "Composants/dsfr/Select",
+      "title": "Composants/DSFR/Select",
       "source": "src/lib/dsfr/DsfrSelect.svelte",
       "props": [
         {
@@ -4057,11 +4146,11 @@
           "description": "Options `<option>` personnalisées (remplace les options générées par la prop `options`)"
         }
       ],
-      "example": "<dsfr-select\n    id={args.id}\n    label={args.label}\n    value={args.value}\n    grouped-options={args.groupedOptions || undefined}\n    options={args.options}\n    option-groups={args.optionGroups}\n    hint={args.hint}\n    placeholder={args.placeholder}\n    placeholder-disabled={args.placeholderDisabled || undefined}\n    disabled={args.disabled || undefined}\n    status={args.status}\n    error-message={args.errorMessage}\n    valid-message={args.validMessage}\n    info-message={args.infoMessage}\n    form={args.form}\n    required={args.required || undefined}\n    label-size={args.labelSize}\n    label-weight={args.labelWeight}\n  ></dsfr-select>"
+      "example": "<dsfr-select\n    id={args.id}\n    label={args.label}\n    value={args.value}\n    grouped-options={args.groupedOptions || undefined}\n    options={args.options}\n    option-groups={args.optionGroups}\n    hint={args.hint}\n    placeholder={args.placeholder}\n    placeholder-disabled={args.placeholderDisabled || undefined}\n    disabled={args.disabled || undefined}\n    status={args.status}\n    error-message={args.errorMessage}\n    valid-message={args.validMessage}\n    info-message={args.infoMessage}\n    form={args.form}\n    required={args.required || undefined}\n    label-size={args.labelSize}\n    label-weight={args.labelWeight}\n    hide-label={args.hideLabel || undefined}\n  ></dsfr-select>"
     },
     {
       "tagName": "dsfr-side-menu",
-      "title": "Composants/dsfr/Side Menu",
+      "title": "Composants/DSFR/Side Menu",
       "source": "src/lib/dsfr/DsfrSideMenu.svelte",
       "props": [
         {
@@ -4133,7 +4222,7 @@
     },
     {
       "tagName": "dsfr-skiplink",
-      "title": "Composants/dsfr/SkipLink",
+      "title": "Composants/DSFR/SkipLink",
       "source": "src/lib/dsfr/DsfrSkipLink.svelte",
       "props": [
         {
@@ -4157,7 +4246,7 @@
     },
     {
       "tagName": "dsfr-stepper",
-      "title": "Composants/dsfr/Stepper",
+      "title": "Composants/DSFR/Stepper",
       "source": "src/lib/dsfr/DsfrStepper.svelte",
       "props": [
         {
@@ -4209,7 +4298,7 @@
     },
     {
       "tagName": "dsfr-table",
-      "title": "Composants/dsfr/Table",
+      "title": "Composants/DSFR/Table",
       "source": "src/lib/dsfr/DsfrTable.svelte",
       "props": [
         {
@@ -4498,7 +4587,7 @@
     },
     {
       "tagName": "dsfr-tabnav",
-      "title": "Composants/dsfr/Tabnav",
+      "title": "Composants/DSFR/Tabnav",
       "source": "src/lib/dsfr/DsfrTabnav.svelte",
       "props": [
         {
@@ -4548,7 +4637,7 @@
     },
     {
       "tagName": "dsfr-tabs",
-      "title": "Composants/dsfr/Tabs",
+      "title": "Composants/DSFR/Tabs",
       "source": "src/lib/dsfr/DsfrTabs.svelte",
       "props": [
         {
@@ -4591,7 +4680,7 @@
     },
     {
       "tagName": "dsfr-tag",
-      "title": "Composants/dsfr/Tag",
+      "title": "Composants/DSFR/Tag",
       "source": "src/lib/dsfr/DsfrTag.svelte",
       "props": [
         {
@@ -4724,7 +4813,7 @@
     },
     {
       "tagName": "dsfr-tags-group",
-      "title": "Composants/dsfr/TagsGroup",
+      "title": "Composants/DSFR/TagsGroup",
       "source": "src/lib/dsfr/DsfrTagsGroup.svelte",
       "props": [
         {
@@ -4792,7 +4881,7 @@
     },
     {
       "tagName": "dsfr-textarea",
-      "title": "Composants/dsfr/Textarea",
+      "title": "Composants/DSFR/Textarea",
       "source": "src/lib/dsfr/DsfrTextarea.svelte",
       "props": [
         {
@@ -4974,7 +5063,7 @@
     },
     {
       "tagName": "dsfr-tile",
-      "title": "Composants/dsfr/Tile",
+      "title": "Composants/DSFR/Tile",
       "source": "src/lib/dsfr/DsfrTile.svelte",
       "props": [
         {
@@ -5202,7 +5291,7 @@
     },
     {
       "tagName": "dsfr-toggle",
-      "title": "Composants/dsfr/Toggle",
+      "title": "Composants/DSFR/Toggle",
       "source": "src/lib/dsfr/DsfrToggle.svelte",
       "props": [
         {
@@ -5318,9 +5407,49 @@
       "slots": [],
       "example": "<dsfr-toggle\n    id={args.id}\n    label={args.label}\n    hint={args.hint}\n    hint-id={args.hintId}\n    disabled={args.disabled || undefined}\n    checked={args.checked || undefined}\n    border={args.border || undefined}\n    left={args.left || undefined}\n    state={args.state || undefined}\n    status={args.status}\n    error-message={args.errorMessage}\n    valid-message={args.validMessage}\n    form={args.form}\n    required={args.required || undefined}\n    hide-label={args.hideLabel || undefined}\n  ></dsfr-toggle>"
     },
+    {
+      "tagName": "dsfr-tooltip",
+      "title": "Composants/DSFR/Tooltip",
+      "source": "src/lib/dsfr/DsfrTooltip.svelte",
+      "props": [
+        {
+          "name": "id",
+          "attribute": "id",
+          "type": "String",
+          "tsType": "string",
+          "description": "Identifiant de l'infobulle"
+        },
+        {
+          "name": "content",
+          "attribute": "content",
+          "type": "String",
+          "tsType": "string",
+          "description": "Contenu texte de l'infobulle"
+        },
+        {
+          "name": "type",
+          "attribute": "type",
+          "type": "String",
+          "tsType": "TooltipType",
+          "description": "Type de déclenchement : 'hover' (information contextuelle) ou 'click' (infobulle)",
+          "options": [
+            "hover",
+            "click"
+          ]
+        }
+      ],
+      "events": [],
+      "slots": [
+        {
+          "name": "default",
+          "description": "Élément déclencheur de l'infobulle (élément focusable)"
+        }
+      ],
+      "example": "<dsfr-tooltip content={args.content} id={args.id} type={args.type}>\n    {#if args.type === \"click\"}\n      <DsfrButton label=\"infobulle\" preset=\"tooltip\" />\n    {:else}\n      <DsfrButton label=\"Information contextuelle\" />\n    {/if}\n  </dsfr-tooltip>"
+    },
     {
       "tagName": "dsfr-transcription",
-      "title": "Composants/dsfr/Transcription",
+      "title": "Composants/DSFR/Transcription",
       "source": "src/lib/dsfr/DsfrTranscription.svelte",
       "props": [
         {
@@ -5370,7 +5499,7 @@
     },
     {
       "tagName": "dsfr-translate",
-      "title": "Composants/dsfr/Translate",
+      "title": "Composants/DSFR/Translate",
       "source": "src/lib/dsfr/DsfrTranslate.svelte",
       "props": [
         {
@@ -5426,7 +5555,9 @@
             "tertiary",
             "tertiary-no-outline",
             "inverted-primary",
-            "inverted-secondary"
+            "inverted-secondary",
+            "inverted-tertiary",
+            "inverted-tertiary-no-outline"
           ]
         }
       ],
@@ -5436,7 +5567,7 @@
     },
     {
       "tagName": "dsfr-user",
-      "title": "Composants/dsfr/User",
+      "title": "Composants/DSFR/User",
       "source": "src/lib/dsfr/DsfrUser.svelte",
       "props": [
         {
@@ -5558,7 +5689,7 @@
     },
     {
       "tagName": "lab-anssi-alerte",
-      "title": "Composants/ANSSI/Alerte",
+      "title": "Composants/Lab ANSSI/Legacy/Alerte",
       "source": "src/lib/composants/Alerte.svelte",
       "props": [
         {
@@ -5594,7 +5725,7 @@
     },
     {
       "tagName": "lab-anssi-ancres",
-      "title": "Composants/ANSSI/Ancres Parcours",
+      "title": "Composants/Lab ANSSI/Ancres parcours",
       "source": "src/lib/composants/AncresParcours.svelte",
       "props": [
         {
@@ -5616,7 +5747,7 @@
     },
     {
       "tagName": "lab-anssi-bandeau-page",
-      "title": "Composants/ANSSI/Bandeau page",
+      "title": "Composants/Lab ANSSI/Bandeau page",
       "source": "src/lib/composants/BandeauPage.svelte",
       "props": [
         {
@@ -5698,11 +5829,11 @@
           "description": "Boutons ou liens d'action affichés sous la description du bandeau"
         }
       ],
-      "example": "<lab-anssi-bandeau-page\n    titre={args.titre}\n    balise-titre={args.baliseTitre}\n    description={args.description}\n    mention={args.mention}\n    inverse={args.inverse || undefined}\n    url-image={args.urlImage}\n    sans-image={args.sansImage || undefined}\n    avec-fil-ariane={args.avecFilAriane || undefined}\n    liens-fil-ariane={JSON.stringify(args.liensFilAriane)}\n    simple={args.simple || undefined}\n    fiche-catalogue={args.ficheCatalogue || undefined}\n  >\n    {#if args.avecBadges}\n      <dsfr-badges-group slot=\"badgesgroup\" badges={args.badges} size=\"md\"></dsfr-badges-group>\n    {/if}\n    <dsfr-buttons-group\n      slot=\"buttonsgroup\"\n      buttons={args.boutons}\n      inline=\"md\"\n      data-themeable=\"false\"\n    ></dsfr-buttons-group>\n  </lab-anssi-bandeau-page>"
+      "example": "<lab-anssi-bandeau-page\n    titre={args.titre}\n    balise-titre={args.baliseTitre}\n    description={args.description}\n    mention={args.mention}\n    inverse={args.inverse || undefined}\n    url-image={args.urlImage}\n    sans-image={args.sansImage || undefined}\n    avec-fil-ariane={args.avecFilAriane || undefined}\n    liens-fil-ariane={JSON.stringify(args.liensFilAriane)}\n    simple={args.simple || undefined}\n    fiche-catalogue={args.ficheCatalogue || undefined}\n  >\n    {#if args.avecBadges}\n      <dsfr-badges-group slot=\"badgesgroup\" badges={args.badges} size=\"md\"></dsfr-badges-group>\n    {/if}\n\n    <dsfr-buttons-group\n      slot=\"buttonsgroup\"\n      buttons={args.boutons}\n      inline=\"md\"\n      data-themeable=\"false\"\n    ></dsfr-buttons-group>\n  </lab-anssi-bandeau-page>"
     },
     {
       "tagName": "lab-anssi-bandeau-titre",
-      "title": "Composants/ANSSI/BandeauTitre",
+      "title": "Composants/Lab ANSSI/Legacy/BandeauTitre",
       "source": "src/lib/composants/blog/BandeauTitre.svelte",
       "props": [
         {
@@ -5736,7 +5867,7 @@
     },
     {
       "tagName": "lab-anssi-bouton",
-      "title": "Composants/ANSSI/Bouton",
+      "title": "Composants/Lab ANSSI/Legacy/Bouton",
       "source": "src/lib/composants/Bouton.svelte",
       "props": [
         {
@@ -5820,7 +5951,7 @@
     },
     {
       "tagName": "lab-anssi-brique-contenu-a-deux-colonnes",
-      "title": "Composants/ANSSI/Brique Contenu A Deux Colonnes",
+      "title": "Composants/Lab ANSSI/Legacy/Brique Contenu A Deux Colonnes",
       "source": "src/lib/composants/vitrines-produits/briques/BriqueContenuADeuxColonnes.svelte",
       "props": [
         {
@@ -5869,7 +6000,7 @@
     },
     {
       "tagName": "lab-anssi-brique-hero",
-      "title": "Composants/ANSSI/Brique Hero",
+      "title": "Composants/Lab ANSSI/Legacy/Brique Hero",
       "source": "src/lib/composants/vitrines-produits/briques/BriqueHero.svelte",
       "props": [
         {
@@ -5928,7 +6059,7 @@
     },
     {
       "tagName": "lab-anssi-brique-rejoindre-la-communaute",
-      "title": "Composants/ANSSI/Brique Rejoindre La Communauté",
+      "title": "Composants/Lab ANSSI/Legacy/Brique Rejoindre La Communauté",
       "source": "src/lib/composants/vitrines-produits/briques/RejoindreLaCommunaute.svelte",
       "props": [
         {
@@ -5966,8 +6097,8 @@
     },
     {
       "tagName": "lab-anssi-carrousel-tuiles",
-      "title": "Composants/ANSSI/Carrousel de tuiles",
-      "source": "src/lib/composants/vitrines-produits/briques/CarrouselTuiles/CarrouselTuiles.svelte",
+      "title": "Composants/Lab ANSSI/Carrousel Tuiles",
+      "source": "src/lib/composants/carrousel-tuiles/CarrouselTuiles.svelte",
       "props": [
         {
           "name": "tuiles",
@@ -5975,6 +6106,17 @@
           "type": "Array",
           "tsType": "Tuiles",
           "description": "Liste de tuiles affichées dans le carrousel."
+        },
+        {
+          "name": "fond",
+          "attribute": "fond",
+          "type": "String",
+          "tsType": "\"clair\" | \"sombre\"",
+          "options": [
+            "clair",
+            "sombre"
+          ],
+          "description": "Défini le type de fond du conteneur du carrousel."
         }
       ],
       "events": [],
@@ -5988,7 +6130,7 @@
     },
     {
       "tagName": "lab-anssi-filtres",
-      "title": "Composants/ANSSI/Filtres Catalogue",
+      "title": "Composants/Lab ANSSI/Filtres catalogue",
       "source": "src/lib/composants/FiltresCatalogue.svelte",
       "props": [
         {
@@ -6021,7 +6163,7 @@
     },
     {
       "tagName": "lab-anssi-icone",
-      "title": "Composants/ANSSI/Icone",
+      "title": "Composants/Lab ANSSI/Legacy/Icone",
       "source": "src/lib/composants/Icone.svelte",
       "props": [
         {
@@ -6049,7 +6191,7 @@
     },
     {
       "tagName": "lab-anssi-lien",
-      "title": "Composants/ANSSI/Lien",
+      "title": "Composants/Lab ANSSI/Legacy/Lien",
       "source": "src/lib/composants/Lien.svelte",
       "props": [
         {
@@ -6155,7 +6297,7 @@
     },
     {
       "tagName": "lab-anssi-liste-articles",
-      "title": "Composants/ANSSI/ListeArticles",
+      "title": "Composants/Lab ANSSI/Legacy/ListeArticles",
       "source": "src/lib/composants/blog/ListeArticles.svelte",
       "props": [
         {
@@ -6186,29 +6328,54 @@
     },
     {
       "tagName": "lab-anssi-marelle",
-      "title": "Composants/ANSSI/Marelle",
-      "source": "src/lib/composants/vitrines-produits/briques/marelle/Marelle.svelte",
+      "title": "Composants/Lab ANSSI/Marelle",
+      "source": "src/lib/composants/marelle/Marelle.svelte",
       "props": [
         {
           "name": "titre",
           "attribute": "titre",
           "type": "String",
           "tsType": "string",
-          "description": "Titre affiché en haut de la brique Marelle."
+          "description": "Titre affiché en haut de la brique Marelle"
+        },
+        {
+          "name": "baliseTitre",
+          "attribute": "balise-titre",
+          "type": "String",
+          "tsType": "\"h2\" | \"h3\" | \"h4\" | \"div\"",
+          "description": "Balise Hn du titre du composant (default: h3)",
+          "options": [
+            "h2",
+            "h3",
+            "h4",
+            "div"
+          ]
         },
         {
           "name": "etapesmarelle",
           "attribute": "etapesmarelle",
           "type": "Array",
           "tsType": "EtapeMarelle[]",
-          "description": "Liste des étapes de la marelle."
+          "description": "Étapes de la marelle"
+        },
+        {
+          "name": "baliseSousTitre",
+          "attribute": "balise-sous-titre",
+          "type": "String",
+          "tsType": "\"h3\" | \"h4\" | \"h5\"",
+          "description": "Balise Hn du sous-titre des étapes composant",
+          "options": [
+            "h3",
+            "h4",
+            "h5"
+          ]
         },
         {
           "name": "action",
           "attribute": "action",
           "type": "Object",
           "tsType": "Action",
-          "description": "Action associée à la brique Marelle."
+          "description": "Propriétés du bouton d'action"
         }
       ],
       "events": [],
@@ -6223,19 +6390,33 @@
     {
       "tagName": "lab-anssi-marelle-etape",
       "title": null,
-      "source": "src/lib/composants/vitrines-produits/briques/marelle/Etape.svelte",
+      "source": "src/lib/composants/marelle/Etape.svelte",
       "props": [
         {
           "name": "index",
           "attribute": "index",
           "type": "Number",
-          "tsType": "number"
+          "tsType": "number",
+          "description": "Index de l'étape"
         },
         {
           "name": "etapeMarelle",
           "attribute": "etape-marelle",
           "type": "Object",
-          "tsType": "EtapeMarelle"
+          "tsType": "EtapeMarelle",
+          "description": "Contenu de l'étape"
+        },
+        {
+          "name": "baliseTitre",
+          "attribute": "balise-titre",
+          "type": "String",
+          "tsType": "\"h3\" | \"h4\" | \"h5\"",
+          "description": "Balise Hn du titre des étapes",
+          "options": [
+            "h3",
+            "h4",
+            "h5"
+          ]
         }
       ],
       "events": [],
@@ -6244,7 +6425,7 @@
     },
     {
       "tagName": "lab-anssi-multi-select",
-      "title": "Composants/ANSSI/MultiSelect",
+      "title": "Composants/Lab ANSSI/MultiSelect",
       "source": "src/lib/composants/MultiSelect.svelte",
       "props": [
         {
@@ -6338,7 +6519,7 @@
     },
     {
       "tagName": "lab-anssi-page-crisp",
-      "title": "Composants/ANSSI/PageCrisp",
+      "title": "Composants/Lab ANSSI/Legacy/PageCrisp",
       "source": "src/lib/composants/blog/PageCrisp.svelte",
       "props": [
         {
@@ -6362,7 +6543,7 @@
     },
     {
       "tagName": "lab-anssi-presentation-anssi",
-      "title": "Composants/ANSSI/Presentation ANSSI",
+      "title": "Composants/Lab ANSSI/Presentation ANSSI",
       "source": "src/lib/composants/vitrines-produits/briques/PresentationANSSI.svelte",
       "props": [
         {
@@ -6386,7 +6567,7 @@
     },
     {
       "tagName": "lab-anssi-reactions",
-      "title": "Composants/ANSSI/Reactions",
+      "title": "Composants/Lab ANSSI/Reactions",
       "source": "src/lib/composants/Reactions.svelte",
       "props": [
         {
@@ -6437,7 +6618,7 @@
     },
     {
       "tagName": "lab-anssi-tag",
-      "title": "Composants/ANSSI/Tag",
+      "title": "Composants/Lab ANSSI/Legacy/Tag",
       "source": "src/lib/composants/Tag.svelte",
       "props": [
         {
@@ -6497,7 +6678,7 @@
     },
     {
       "tagName": "lab-anssi-temoignages",
-      "title": "Composants/ANSSI/Temoignages",
+      "title": "Composants/Lab ANSSI/Legacy/Temoignages",
       "source": "src/lib/composants/vitrines-produits/briques/temoignages/Temoignages.svelte",
       "props": [
         {
@@ -6532,7 +6713,7 @@
     },
     {
       "tagName": "lab-anssi-titre-multimedia",
-      "title": "Composants/ANSSI/Brique Titre Multimedia",
+      "title": "Composants/Lab ANSSI/Legacy/Brique Titre Multimedia",
       "source": "src/lib/composants/vitrines-produits/briques/BriqueTitreMultimedia.svelte",
       "props": [
         {