@ds-autonomie/web-components 2.8.0 → 2.9.0

package/cdn/custom-elements.json

@@ -2209,9 +2209,9 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
               "description": "Provides an accessible label for the button element",
-              "attribute": "accessible-name"
+              "attribute": "accessible-name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -2585,7 +2585,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
               "description": "Provides an accessible label for the button element",
               "fieldName": "accessibleName"
             },
@@ -15380,6 +15379,13 @@
                 "text": "HTMLSlotElement"
               }
             },
+            {
+              "kind": "field",
+              "name": "badgeSlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
             {
               "kind": "field",
               "name": "accordion",
@@ -15464,6 +15470,15 @@
               "kind": "method",
               "name": "getTextSummary",
               "privacy": "private",
+              "parameters": [
+                {
+                  "name": "widthBadge",
+                  "default": "false",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
               "description": "Returns a text label based on the contents of the summary slot."
             },
             {
@@ -16203,156 +16218,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/navbar/navbar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSANavbar",
-          "slots": [
-            {
-              "description": "The navbar's content (navbar-link and navbar-menu elements).",
-              "name": ""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "navbar",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "defaultSlot",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "allMenus",
-              "type": {
-                "text": "DSANavbarMenu[]"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "currentOpenMenu",
-              "type": {
-                "text": "DSANavbarMenu | null"
-              },
-              "default": "null"
-            },
-            {
-              "kind": "field",
-              "name": "mobile",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the navbar should be displayed on mobile",
-              "attribute": "mobile"
-            },
-            {
-              "kind": "method",
-              "name": "handleSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleMobileChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleMenuShow",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DSAShowEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleMenuHide",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getAllChildren",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getAllMenus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "isNavbarMenu",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "el is DSANavbarMenu"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "el",
-                  "type": {
-                    "text": "HTMLElement"
-                  }
-                }
-              ]
-            }
-          ],
-          "attributes": [
-            {
-              "name": "mobile",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the navbar should be displayed on mobile",
-              "fieldName": "mobile"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "package": "@internal/shoelace-element"
-          },
-          "summary": "Navigation bar provide menus and links for user navigation.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/navbar-barre-de-navigation/web-tfBwwgHF",
-          "tagName": "dsa-navbar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSANavbar",
-            "module": "components/navbar/navbar.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-navbar",
-          "declaration": {
-            "name": "DSANavbar",
-            "module": "components/navbar/navbar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/navbar-link/navbar-link.js",
@@ -16511,77 +16376,47 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/navbar-menu/navbar-menu.js",
+      "path": "components/navbar/navbar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSANavbarMenu",
+          "name": "DSANavbar",
           "slots": [
             {
-              "description": "The navbar-menu's content, a dsa-menu-navigation element.",
+              "description": "The navbar's content (navbar-link and navbar-menu elements).",
               "name": ""
-            },
-            {
-              "description": "The navbar-menu's label. You can also use the `label` attribute.",
-              "name": "label"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'label')"
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "popup",
+              "name": "navbar",
               "type": {
-                "text": "DSAPopup"
+                "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "menuButton",
+              "name": "defaultSlot",
               "type": {
-                "text": "HTMLElement"
+                "text": "HTMLSlotElement"
               }
             },
             {
               "kind": "field",
-              "name": "body",
+              "name": "allMenus",
               "type": {
-                "text": "HTMLElement"
+                "text": "DSANavbarMenu[]"
               }
             },
             {
               "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the navbar-menu is open. You can toggle this attribute to show and hide the navbar-menu, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the navbar-menu' open state.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
+              "name": "currentOpenMenu",
               "type": {
-                "text": "string"
+                "text": "DSANavbarMenu | null"
               },
-              "description": "The label of the navbar-menu. If you need to display HTML, use the `label` slot instead.",
-              "attribute": "label"
+              "default": "null"
             },
             {
               "kind": "field",
@@ -16590,55 +16425,235 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Whether the navbar-menu should be displayed on mobile. Inherited from the dsa-navbar parent",
-              "attribute": "mobile",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "addOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "removeOpenListeners",
-              "privacy": "private"
+              "description": "Whether the navbar should be displayed on mobile",
+              "attribute": "mobile"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleSlotChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
+              "name": "handleMobileChange"
             },
             {
               "kind": "method",
-              "name": "handleDocumentFocusIn",
+              "name": "handleMenuShow",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "DSAShowEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDocumentKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "name": "handleMenuHide",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getAllChildren",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getAllMenus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "isNavbarMenu",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "el is DSANavbarMenu"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "el",
+                  "type": {
+                    "text": "HTMLElement"
+                  }
+                }
+              ]
+            }
+          ],
+          "attributes": [
+            {
+              "name": "mobile",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the navbar should be displayed on mobile",
+              "fieldName": "mobile"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "Navigation bar provide menus and links for user navigation.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/navbar-barre-de-navigation/web-tfBwwgHF",
+          "tagName": "dsa-navbar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSANavbar",
+            "module": "components/navbar/navbar.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-navbar",
+          "declaration": {
+            "name": "DSANavbar",
+            "module": "components/navbar/navbar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/navbar-menu/navbar-menu.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSANavbarMenu",
+          "slots": [
+            {
+              "description": "The navbar-menu's content, a dsa-menu-navigation element.",
+              "name": ""
+            },
+            {
+              "description": "The navbar-menu's label. You can also use the `label` attribute.",
+              "name": "label"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'label')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "DSAPopup"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "menuButton",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "body",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the navbar-menu is open. You can toggle this attribute to show and hide the navbar-menu, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the navbar-menu' open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "description": "The label of the navbar-menu. If you need to display HTML, use the `label` slot instead.",
+              "attribute": "label"
+            },
+            {
+              "kind": "field",
+              "name": "mobile",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the navbar-menu should be displayed on mobile. Inherited from the dsa-navbar parent",
+              "attribute": "mobile",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "addOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentFocusIn",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
@@ -18177,26 +18192,13 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/profile-button/profile-button.js",
+      "path": "components/progress-bar/progress-bar.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSAProfileButton",
-          "slots": [
-            {
-              "description": "The default icon to use when no image or initials are present. Works best with `<dsa-icon>`.",
-              "name": "icon"
-            }
-          ],
+          "name": "DSAProgressBar",
           "members": [
-            {
-              "kind": "field",
-              "name": "hasSlotController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new HasSlotController(this, 'icon')"
-            },
             {
               "kind": "field",
               "name": "localize",
@@ -18206,39 +18208,159 @@
             },
             {
               "kind": "field",
-              "name": "button",
-              "type": {
-                "text": "HTMLButtonElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "fullName",
+              "name": "value",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''"
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "attribute": "value",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "displayMode",
+              "name": "indeterminate",
               "type": {
-                "text": "| 'full'\n    | 'minimal'\n    | 'mobile'"
+                "text": "boolean"
               },
-              "default": "'full'",
-              "description": "Allows to choose between :\n - full : avatar + name + caret\n - minimal : avatar + caret\n - mobile : avatar",
-              "attribute": "display-mode"
+              "default": "false",
+              "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
+              "attribute": "indeterminate",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "firstName",
+              "name": "label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "Provides an accessible label for the button element",
-              "attribute": "first-name"
-            },
+              "description": "A custom label for assistive devices.",
+              "attribute": "label"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "number"
+              },
+              "default": "0",
+              "description": "The current progress as a percentage, 0 to 100.",
+              "fieldName": "value"
+            },
+            {
+              "name": "indeterminate",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
+              "fieldName": "indeterminate"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "A custom label for assistive devices.",
+              "fieldName": "label"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "Progress bars are used to show the status of an ongoing operation.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/indicateurs-de-progression-progress-indicators/barre-de-progression-progress-bar/web-VOiu5jTT",
+          "tagName": "dsa-progress-bar",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-progress-bar",
+          "declaration": {
+            "name": "DSAProgressBar",
+            "module": "components/progress-bar/progress-bar.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/profile-button/profile-button.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAProfileButton",
+          "slots": [
+            {
+              "description": "The default icon to use when no image or initials are present. Works best with `<dsa-icon>`.",
+              "name": "icon"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'icon')"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "button",
+              "type": {
+                "text": "HTMLButtonElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "fullName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "displayMode",
+              "type": {
+                "text": "| 'full'\n    | 'minimal'\n    | 'mobile'"
+              },
+              "default": "'full'",
+              "description": "Allows to choose between :\n - full : avatar + name + caret\n - minimal : avatar + caret\n - mobile : avatar",
+              "attribute": "display-mode"
+            },
+            {
+              "kind": "field",
+              "name": "firstName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Provides an accessible label for the button element",
+              "attribute": "first-name"
+            },
             {
               "kind": "field",
               "name": "familyName",
@@ -18425,113 +18547,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/progress-bar/progress-bar.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSAProgressBar",
-          "members": [
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "attribute": "value",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
-              "attribute": "indeterminate",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "attribute": "label"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              },
-              "default": "0",
-              "description": "The current progress as a percentage, 0 to 100.",
-              "fieldName": "value"
-            },
-            {
-              "name": "indeterminate",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "When true, percentage is ignored, the value is hidden, and the progress bar is drawn in an indeterminate state.",
-              "fieldName": "indeterminate"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A custom label for assistive devices.",
-              "fieldName": "label"
-            }
-          ],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "package": "@internal/shoelace-element"
-          },
-          "summary": "Progress bars are used to show the status of an ongoing operation.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/indicateurs-de-progression-progress-indicators/barre-de-progression-progress-bar/web-VOiu5jTT",
-          "tagName": "dsa-progress-bar",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSAProgressBar",
-            "module": "components/progress-bar/progress-bar.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-progress-bar",
-          "declaration": {
-            "name": "DSAProgressBar",
-            "module": "components/progress-bar/progress-bar.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/progress-ring/progress-ring.js",
@@ -21462,7 +21477,7 @@
           ],
           "slots": [
             {
-              "description": "Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the top.",
+              "description": "Menu content (in collasped mode, only menu-navigation, menu-accordion, sidenav-info-accordion, divider, menu-label will be displayed) placed at the top.",
               "name": ""
             },
             {
@@ -21582,15 +21597,19 @@
             {
               "kind": "method",
               "name": "handleExpandedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleAllowShortcutChange"
             }
           ],
           "events": [
             {
-              "description": "Emitted when the sidenac expands.",
+              "description": "Emitted when the sidenav expands.",
               "name": "dsa-expand"
             },
             {
-              "description": "Emitted when the sidenac closes.",
+              "description": "Emitted when the sidenav closes.",
               "name": "dsa-collapse"
             }
           ],
@@ -21659,41 +21678,204 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/skeleton/skeleton.js",
+      "path": "components/sidenav-info-accordion/sidenav-info-accordion.js",
       "declarations": [
-        {
-          "kind": "variable",
-          "name": "skeletonEffects",
-          "type": {
-            "text": "array"
-          },
-          "default": "['pulse', 'sheen', 'none']"
-        },
         {
           "kind": "class",
           "description": "",
-          "name": "DSASkeleton",
-          "cssProperties": [
+          "name": "DSASidenavInfoAccordion",
+          "slots": [
             {
-              "description": "The skeleton's border radius.",
-              "name": "--border-radius"
+              "description": "The accordion's content.",
+              "name": ""
             },
             {
-              "description": "The color of the skeleton.",
-              "name": "--color"
+              "description": "The accordion's visible summary when collasped.",
+              "name": "collapsed-summary"
             },
             {
-              "description": "The sheen color when the skeleton is in its loading state.",
-              "name": "--sheen-color"
+              "description": "The accordion's summary. Alternatively, you can use the `summary` attribute.",
+              "name": "summary"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "effect",
-              "type": {
-                "text": "'pulse' | 'sheen' | 'none'"
-              },
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController( this, 'collapsed-summary', 'summary' )"
+            },
+            {
+              "kind": "field",
+              "name": "accordion",
+              "type": {
+                "text": "DSAMenuAccordion"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "attribute": "summary"
+            },
+            {
+              "kind": "method",
+              "name": "handleToggle",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the accordion."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the accordion"
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "blur"
+            },
+            {
+              "kind": "method",
+              "name": "click"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the accordion opens.",
+              "name": "dsa-show"
+            },
+            {
+              "description": "Emitted after the accordion opens and all animations are complete.",
+              "name": "dsa-after-show"
+            },
+            {
+              "description": "Emitted when the accordion closes.",
+              "name": "dsa-hide"
+            },
+            {
+              "description": "Emitted after the accordion closes and all animations are complete.",
+              "name": "dsa-after-hide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "summary",
+              "type": {
+                "text": "string"
+              },
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "fieldName": "summary"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "Sidenav Info Accordion show a brief summary and expand to show additional content in a sidenav.",
+          "documentation": "undefined",
+          "dependencies": [
+            "dsa-menu-accordion"
+          ],
+          "tagName": "dsa-sidenav-info-accordion",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSASidenavInfoAccordion",
+            "module": "components/sidenav-info-accordion/sidenav-info-accordion.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-sidenav-info-accordion",
+          "declaration": {
+            "name": "DSASidenavInfoAccordion",
+            "module": "components/sidenav-info-accordion/sidenav-info-accordion.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/skeleton/skeleton.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "skeletonEffects",
+          "type": {
+            "text": "array"
+          },
+          "default": "['pulse', 'sheen', 'none']"
+        },
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSASkeleton",
+          "cssProperties": [
+            {
+              "description": "The skeleton's border radius.",
+              "name": "--border-radius"
+            },
+            {
+              "description": "The color of the skeleton.",
+              "name": "--color"
+            },
+            {
+              "description": "The sheen color when the skeleton is in its loading state.",
+              "name": "--sheen-color"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "effect",
+              "type": {
+                "text": "'pulse' | 'sheen' | 'none'"
+              },
               "default": "'none'",
               "description": "Determines which effect the skeleton will use.",
               "attribute": "effect"
@@ -22599,6 +22781,92 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/success-text/success-text-stories.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "successArgTypes",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ name: 'success', description: 'Indicates whether the component should be in success state ', table: { defaultValue: { summary: 'false' }, type: { summary: 'boolean' as const, }, }, control: { type: 'boolean' as const }, }"
+        },
+        {
+          "kind": "variable",
+          "name": "successMessageArgTypes",
+          "type": {
+            "text": "object"
+          },
+          "default": "{ name: 'success-message', description: 'The success message or messages that are shown when “success” is set to “true”. To display several messages, they must be separated by a pipe character, e.g. \"success 1|success 2|success 3”', table: { defaultValue: { summary: \"''\" }, type: { summary: 'string', }, }, control: { type: 'text' as const }, }"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "successArgTypes",
+          "declaration": {
+            "name": "successArgTypes",
+            "module": "components/success-text/success-text-stories.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successMessageArgTypes",
+          "declaration": {
+            "name": "successMessageArgTypes",
+            "module": "components/success-text/success-text-stories.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/success-text/success-text.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSASuccessText",
+          "slots": [
+            {
+              "description": "The success-text's main content.",
+              "name": ""
+            }
+          ],
+          "members": [],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "Success Text can be used to display an success message under an input or a fieldset",
+          "dependencies": [
+            "dsa-icon"
+          ],
+          "tagName": "dsa-success-text",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSASuccessText",
+            "module": "components/success-text/success-text.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-success-text",
+          "declaration": {
+            "name": "DSASuccessText",
+            "module": "components/success-text/success-text.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/stepper/stepper.js",
@@ -22702,92 +22970,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/success-text/success-text-stories.js",
-      "declarations": [
-        {
-          "kind": "variable",
-          "name": "successArgTypes",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ name: 'success', description: 'Indicates whether the component should be in success state ', table: { defaultValue: { summary: 'false' }, type: { summary: 'boolean' as const, }, }, control: { type: 'boolean' as const }, }"
-        },
-        {
-          "kind": "variable",
-          "name": "successMessageArgTypes",
-          "type": {
-            "text": "object"
-          },
-          "default": "{ name: 'success-message', description: 'The success message or messages that are shown when “success” is set to “true”. To display several messages, they must be separated by a pipe character, e.g. \"success 1|success 2|success 3”', table: { defaultValue: { summary: \"''\" }, type: { summary: 'string', }, }, control: { type: 'text' as const }, }"
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "successArgTypes",
-          "declaration": {
-            "name": "successArgTypes",
-            "module": "components/success-text/success-text-stories.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "successMessageArgTypes",
-          "declaration": {
-            "name": "successMessageArgTypes",
-            "module": "components/success-text/success-text-stories.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/success-text/success-text.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSASuccessText",
-          "slots": [
-            {
-              "description": "The success-text's main content.",
-              "name": ""
-            }
-          ],
-          "members": [],
-          "superclass": {
-            "name": "ShoelaceElement",
-            "package": "@internal/shoelace-element"
-          },
-          "summary": "Success Text can be used to display an success message under an input or a fieldset",
-          "dependencies": [
-            "dsa-icon"
-          ],
-          "tagName": "dsa-success-text",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSASuccessText",
-            "module": "components/success-text/success-text.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-success-text",
-          "declaration": {
-            "name": "DSASuccessText",
-            "module": "components/success-text/success-text.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/switch/switch.js",
@@ -23627,6 +23809,16 @@
               "description": "Whether the tab group is below the page header",
               "attribute": "below-page-header"
             },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible name for the role tablist element",
+              "attribute": "accessible-name"
+            },
             {
               "kind": "method",
               "name": "awaitAllElementsDefined",
@@ -23799,6 +23991,15 @@
               "default": "false",
               "description": "Whether the tab group is below the page header",
               "fieldName": "belowPageHeader"
+            },
+            {
+              "name": "accessible-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Accessible name for the role tablist element",
+              "fieldName": "accessibleName"
             }
           ],
           "superclass": {
@@ -23923,22 +24124,123 @@
               "fieldName": "tabindex"
             },
             {
-              "name": "active",
+              "name": "active",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, the tab panel will be shown.",
+              "fieldName": "active"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/onglets-tabs/panneau-d-onglets-tab-panel/web-u8VfPo4S",
+          "tagName": "dsa-tab-panel",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSATabPanel",
+            "module": "components/tab-panel/tab-panel.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-tab-panel",
+          "declaration": {
+            "name": "DSATabPanel",
+            "module": "components/tab-panel/tab-panel.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/table-action/table-action.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSATableAction",
+          "slots": [
+            {
+              "description": "Used to indicate the number of selected items.",
+              "name": "label"
+            },
+            {
+              "description": "Used to contain the actions.",
+              "name": "action"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "closeButton",
+              "type": {
+                "text": "DSAButton"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "show",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "`true` if it should be visible.",
+              "attribute": "show",
+              "reflects": true
+            },
+            {
+              "kind": "method",
+              "name": "handleClose",
+              "privacy": "private"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the close button is activated.",
+              "name": "dsa-table-actions-close"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "show",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true, the tab panel will be shown.",
-              "fieldName": "active"
+              "description": "`true` if it should be visible.",
+              "fieldName": "show"
             }
           ],
           "superclass": {
             "name": "ShoelaceElement",
             "package": "@internal/shoelace-element"
           },
-          "summary": "Tab panels are used inside [tab groups](/components/tab-group) to display tabbed content.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/onglets-tabs/panneau-d-onglets-tab-panel/web-u8VfPo4S",
-          "tagName": "dsa-tab-panel",
+          "summary": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/actions-multiples-table-action/web-BixUCCat",
+          "dependencies": [
+            "dsa-button",
+            "dsa-divider",
+            "dsa-icon"
+          ],
+          "tagName": "dsa-table-action",
           "customElement": true
         }
       ],
@@ -23947,16 +24249,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSATabPanel",
-            "module": "components/tab-panel/tab-panel.js"
+            "name": "DSATableAction",
+            "module": "components/table-action/table-action.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-tab-panel",
+          "name": "dsa-table-action",
           "declaration": {
-            "name": "DSATabPanel",
-            "module": "components/tab-panel/tab-panel.js"
+            "name": "DSATableAction",
+            "module": "components/table-action/table-action.js"
           }
         }
       ]
@@ -24237,83 +24539,72 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/table-action/table-action.js",
+      "path": "components/table-body/table-body.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSATableAction",
+          "name": "DSATableBody",
           "slots": [
             {
-              "description": "Used to indicate the number of selected items.",
-              "name": "label"
-            },
-            {
-              "description": "Used to contain the actions.",
-              "name": "action"
+              "description": "to be placed inside the table body",
+              "name": "Content"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
+              "name": "role",
+              "type": {
+                "text": "string"
+              },
+              "default": "'rowgroup'",
+              "description": "The table-body's role",
+              "attribute": "role",
+              "reflects": true
             },
             {
-              "kind": "field",
-              "name": "closeButton",
-              "type": {
-                "text": "DSAButton"
-              }
+              "kind": "method",
+              "name": "handleDefaultSlotChange",
+              "privacy": "private"
             },
             {
-              "kind": "field",
-              "name": "show",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "`true` if it should be visible.",
-              "attribute": "show",
-              "reflects": true
+              "kind": "method",
+              "name": "getAllRows",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleClose",
+              "name": "getAllCells",
               "privacy": "private"
-            }
-          ],
-          "events": [
+            },
             {
-              "description": "Emitted when the close button is activated.",
-              "name": "dsa-table-actions-close"
+              "kind": "method",
+              "name": "handleLoading"
+            },
+            {
+              "kind": "method",
+              "name": "handleSkeletonEffectChange"
             }
           ],
           "attributes": [
             {
-              "name": "show",
+              "name": "role",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "`true` if it should be visible.",
-              "fieldName": "show"
+              "default": "'rowgroup'",
+              "description": "The table-body's role",
+              "fieldName": "role"
             }
           ],
           "superclass": {
-            "name": "ShoelaceElement",
-            "package": "@internal/shoelace-element"
+            "name": "LoadingStateElement",
+            "package": "@internal/loading-state-element"
           },
-          "summary": "The table-actions allows to perform actions on a table selected items. Can be used inside the `action` slot of a `dsa-table-container` component.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/actions-multiples-table-action/web-BixUCCat",
-          "dependencies": [
-            "dsa-button",
-            "dsa-divider",
-            "dsa-icon"
-          ],
-          "tagName": "dsa-table-action",
+          "summary": "The table body defines a group of rows as part of the body section within a [table](/components/table/table)",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/tableau-table/web-Dr8U0zqh",
+          "tagName": "dsa-table-body",
           "customElement": true
         }
       ],
@@ -24322,31 +24613,31 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSATableAction",
-            "module": "components/table-action/table-action.js"
+            "name": "DSATableBody",
+            "module": "components/table-body/table-body.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-table-action",
+          "name": "dsa-table-body",
           "declaration": {
-            "name": "DSATableAction",
-            "module": "components/table-action/table-action.js"
+            "name": "DSATableBody",
+            "module": "components/table-body/table-body.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/table-body/table-body.js",
+      "path": "components/table-cell/table-cell.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSATableBody",
+          "name": "DSATableCell",
           "slots": [
             {
-              "description": "to be placed inside the table body",
+              "description": "to be placed inside the table cell",
               "name": "Content"
             }
           ],
@@ -24357,33 +24648,14 @@
               "type": {
                 "text": "string"
               },
-              "default": "'rowgroup'",
-              "description": "The table-body's role",
+              "default": "'cell'",
+              "description": "The table-cell's role",
               "attribute": "role",
               "reflects": true
             },
-            {
-              "kind": "method",
-              "name": "handleDefaultSlotChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getAllRows",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getAllCells",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "handleLoading"
-            },
-            {
-              "kind": "method",
-              "name": "handleSkeletonEffectChange"
             }
           ],
           "attributes": [
@@ -24392,8 +24664,8 @@
               "type": {
                 "text": "string"
               },
-              "default": "'rowgroup'",
-              "description": "The table-body's role",
+              "default": "'cell'",
+              "description": "The table-cell's role",
               "fieldName": "role"
             }
           ],
@@ -24401,9 +24673,12 @@
             "name": "LoadingStateElement",
             "package": "@internal/loading-state-element"
           },
-          "summary": "The table body defines a group of rows as part of the body section within a [table](/components/table/table)",
+          "summary": "The table cell defines cell within a [table](/components/table/table)",
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/tableau-table/web-Dr8U0zqh",
-          "tagName": "dsa-table-body",
+          "dependencies": [
+            "dsa-skeleton"
+          ],
+          "tagName": "dsa-table-cell",
           "customElement": true
         }
       ],
@@ -24412,16 +24687,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSATableBody",
-            "module": "components/table-body/table-body.js"
+            "name": "DSATableCell",
+            "module": "components/table-cell/table-cell.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-table-body",
+          "name": "dsa-table-cell",
           "declaration": {
-            "name": "DSATableBody",
-            "module": "components/table-body/table-body.js"
+            "name": "DSATableCell",
+            "module": "components/table-cell/table-cell.js"
           }
         }
       ]
@@ -24511,80 +24786,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "components/table-cell/table-cell.js",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "",
-          "name": "DSATableCell",
-          "slots": [
-            {
-              "description": "to be placed inside the table cell",
-              "name": "Content"
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'cell'",
-              "description": "The table-cell's role",
-              "attribute": "role",
-              "reflects": true
-            },
-            {
-              "kind": "method",
-              "name": "handleLoading"
-            }
-          ],
-          "attributes": [
-            {
-              "name": "role",
-              "type": {
-                "text": "string"
-              },
-              "default": "'cell'",
-              "description": "The table-cell's role",
-              "fieldName": "role"
-            }
-          ],
-          "superclass": {
-            "name": "LoadingStateElement",
-            "package": "@internal/loading-state-element"
-          },
-          "summary": "The table cell defines cell within a [table](/components/table/table)",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tableau-table/tableau-table/web-Dr8U0zqh",
-          "dependencies": [
-            "dsa-skeleton"
-          ],
-          "tagName": "dsa-table-cell",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "DSATableCell",
-            "module": "components/table-cell/table-cell.js"
-          }
-        },
-        {
-          "kind": "custom-element-definition",
-          "name": "dsa-table-cell",
-          "declaration": {
-            "name": "DSATableCell",
-            "module": "components/table-cell/table-cell.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "components/table-container/table-container.js",
@@ -26791,9 +26992,9 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
               "description": "Provides an accessible label for the element",
-              "attribute": "accessible-name"
+              "attribute": "accessible-name",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -26927,7 +27128,6 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
               "description": "Provides an accessible label for the element",
               "fieldName": "accessibleName"
             },
@@ -28552,7 +28752,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.8.0",
+    "version": "2.9.0",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"