@ds-autonomie/web-components 2.7.1 → 2.8.0

package/cdn/custom-elements.json

@@ -3184,7 +3184,7 @@
               "kind": "field",
               "name": "size",
               "type": {
-                "text": "'small' | 'large'"
+                "text": "'small' | 'medium' | 'large'"
               },
               "default": "'large'",
               "description": "The card's size.",
@@ -3267,7 +3267,7 @@
             {
               "name": "size",
               "type": {
-                "text": "'small' | 'large'"
+                "text": "'small' | 'medium' | 'large'"
               },
               "default": "'large'",
               "description": "The card's size.",
@@ -7381,7 +7381,30 @@
               "name": ""
             }
           ],
-          "members": [],
+          "members": [
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer' | 'floating'"
+              },
+              "default": "'base'",
+              "description": "The error variant.",
+              "attribute": "variant",
+              "reflects": true
+            }
+          ],
+          "attributes": [
+            {
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer' | 'floating'"
+              },
+              "default": "'base'",
+              "description": "The error variant.",
+              "fieldName": "variant"
+            }
+          ],
           "superclass": {
             "name": "ShoelaceElement",
             "package": "@internal/shoelace-element"
@@ -7426,6 +7449,13 @@
               "type": {
                 "text": "string | string[]"
               }
+            },
+            {
+              "name": "variant",
+              "default": "'base'",
+              "type": {
+                "text": "'base' | 'layer' | 'floating'"
+              }
             }
           ]
         }
@@ -11358,9 +11388,9 @@
             },
             {
               "kind": "field",
-              "name": "input",
+              "name": "search",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "DSASearch"
               }
             },
             {
@@ -11370,13 +11400,6 @@
                 "text": "HTMLButtonElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "submitButton",
-              "type": {
-                "text": "HTMLButtonElement"
-              }
-            },
             {
               "kind": "field",
               "name": "cancelButton",
@@ -11384,22 +11407,6 @@
                 "text": "HTMLButtonElement"
               }
             },
-            {
-              "kind": "field",
-              "name": "clearButton",
-              "type": {
-                "text": "DSAIconButton"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
             {
               "kind": "field",
               "name": "value",
@@ -11458,49 +11465,32 @@
             },
             {
               "kind": "method",
-              "name": "handleInputFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInputBlur",
+              "name": "handleCancelClick",
               "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleClearClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "handleSubmitClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "submitButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              },
+              "readonly": true
             },
             {
-              "kind": "method",
-              "name": "handleCancelClick",
-              "privacy": "private"
+              "kind": "field",
+              "name": "clearButton",
+              "type": {
+                "text": "DSAIconButton"
+              },
+              "readonly": true
             }
           ],
           "events": [
@@ -11584,7 +11574,8 @@
           "dependencies": [
             "dsa-icon",
             "dsa-icon-button",
-            "dsa-button"
+            "dsa-button",
+            "dsa-search"
           ],
           "tagName": "dsa-header-search",
           "customElement": true
@@ -12071,6 +12062,17 @@
               "attribute": "disabled",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "floating",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the button with it's floating menu style. When this is false the default style is on base.",
+              "attribute": "floating",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "toggle",
@@ -12252,6 +12254,15 @@
               "description": "Disables the button.",
               "fieldName": "disabled"
             },
+            {
+              "name": "floating",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Draws the button with it's floating menu style. When this is false the default style is on base.",
+              "fieldName": "floating"
+            },
             {
               "name": "toggle",
               "type": {
@@ -13213,7 +13224,7 @@
             },
             {
               "kind": "method",
-              "name": "handleDocumentKeyDown",
+              "name": "handleDefaultKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -14962,7 +14973,7 @@
             },
             {
               "kind": "method",
-              "name": "handleDocumentKeyDown",
+              "name": "handleDefaultKeyDown",
               "privacy": "private",
               "parameters": [
                 {
@@ -15334,9 +15345,17 @@
               "description": "The menu-accordion's content, usually a dsa-menu-navigation.",
               "name": ""
             },
+            {
+              "description": "The menu-accordion's prefix, usually an icon.",
+              "name": "prefix"
+            },
             {
               "description": "The menu-accordion's summary. Alternatively, you can use the `summary` attribute.",
               "name": "summary"
+            },
+            {
+              "description": "The menu-accordion's badge.",
+              "name": "badge"
             }
           ],
           "members": [
@@ -15352,7 +15371,14 @@
               "name": "hasSlotController",
               "privacy": "private",
               "readonly": true,
-              "default": "new HasSlotController(this, 'summary')"
+              "default": "new HasSlotController( this, 'prefix', 'summary' )"
+            },
+            {
+              "kind": "field",
+              "name": "summarySlot",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
               "kind": "field",
@@ -15395,6 +15421,17 @@
               "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
               "attribute": "summary"
             },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The menu accordion's size.",
+              "attribute": "size",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "level",
@@ -15423,6 +15460,12 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "getTextSummary",
+              "privacy": "private",
+              "description": "Returns a text label based on the contents of the summary slot."
+            },
             {
               "kind": "method",
               "name": "handleOpenChange"
@@ -15431,6 +15474,10 @@
               "kind": "method",
               "name": "handleLevelChange"
             },
+            {
+              "kind": "method",
+              "name": "handleExpandedChange"
+            },
             {
               "kind": "method",
               "name": "show",
@@ -15440,6 +15487,27 @@
               "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": [
@@ -15478,6 +15546,15 @@
               "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
               "fieldName": "summary"
             },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The menu accordion's size.",
+              "fieldName": "size"
+            },
             {
               "name": "level",
               "type": {
@@ -15495,7 +15572,8 @@
           "summary": "Menus Accordion show a brief summary and expand to show additional content in a menu.",
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/menu/menu-accordion-menu-accordeon/web-IhrYVKWY",
           "dependencies": [
-            "dsa-icon"
+            "dsa-icon",
+            "dsa-tooltip"
           ],
           "tagName": "dsa-menu-accordion",
           "customElement": true
@@ -15543,6 +15621,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController(this, 'prefix')"
+            },
             {
               "kind": "field",
               "name": "cachedTextLabel",
@@ -15771,7 +15856,7 @@
           "summary": "Menu items provide options for the user to pick from in a menu.",
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/menu/menu-item/web-gxetLyc1",
           "dependencies": [
-            "dsa-icon"
+            "dsa-tooltip"
           ],
           "tagName": "dsa-menu-item",
           "customElement": true
@@ -17036,6 +17121,16 @@
               "default": "false",
               "description": "Controls whether the page header is rendered in its mobile version or in its desktop version",
               "attribute": "mobile"
+            },
+            {
+              "kind": "field",
+              "name": "reduced",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the page header is rendered with reduced content",
+              "attribute": "reduced"
             }
           ],
           "attributes": [
@@ -17047,6 +17142,15 @@
               "default": "false",
               "description": "Controls whether the page header is rendered in its mobile version or in its desktop version",
               "fieldName": "mobile"
+            },
+            {
+              "name": "reduced",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the page header is rendered with reduced content",
+              "fieldName": "reduced"
             }
           ],
           "superclass": {
@@ -20318,99 +20422,52 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/select/select.js",
+      "path": "components/search/search.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSASelect",
+          "name": "DSASearch",
           "slots": [
-            {
-              "description": "The listbox options. Must be `<dsa-option>` elements. You can use `<dsa-divider>` to group items visually.",
-              "name": ""
-            },
-            {
-              "description": "The input's label. Alternatively, you can use the `label` attribute.",
-              "name": "label"
-            },
-            {
-              "description": "Used to prepend a presentational icon or similar element to the combobox.",
-              "name": "prefix"
-            },
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
-            },
-            {
-              "description": "The tooltip slot allows additional information to be passed along the label.",
-              "name": "tooltip"
             }
           ],
           "members": [
             {
               "kind": "field",
-              "name": "formControlController",
+              "name": "localize",
               "privacy": "private",
               "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['dsa-blur', 'dsa-input'], })"
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
+              "name": "hasSlotController",
+              "privacy": "protected",
               "readonly": true,
-              "default": "new LocalizeController(this)"
+              "default": "new HasSlotController( this, 'help-text' )"
             },
             {
               "kind": "field",
-              "name": "typeToSelectString",
+              "name": "input",
               "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "typeToSelectTimeout",
+              "name": "submitButton",
               "type": {
-                "text": "number"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "DSAPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "combobox",
-              "type": {
-                "text": "HTMLSlotElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "displayInput",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "valueInput",
-              "type": {
-                "text": "HTMLInputElement"
+                "text": "HTMLButtonElement"
               }
             },
             {
               "kind": "field",
-              "name": "listbox",
+              "name": "clearButton",
               "type": {
-                "text": "HTMLSlotElement"
+                "text": "DSAIconButton"
               }
             },
             {
@@ -20424,181 +20481,95 @@
             },
             {
               "kind": "field",
-              "name": "displayLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "currentOption",
-              "type": {
-                "text": "DSAOption"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "selectedOptions",
-              "type": {
-                "text": "DSAOption[]"
-              },
-              "default": "[]"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string | string[]"
-              },
-              "default": "''",
-              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string | string[]"
-              },
-              "default": "['']",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "multiple",
+              "name": "size",
               "type": {
-                "text": "boolean"
+                "text": "'small' | 'medium' | 'large'"
               },
-              "default": "false",
-              "description": "Allows more than one option to be selected.",
-              "attribute": "multiple",
+              "default": "'medium'",
+              "description": "The form control's size.",
+              "attribute": "size",
               "reflects": true
             },
             {
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "'base' | 'layer'"
+                "text": "'base' | 'layer' | 'floating'"
               },
               "default": "'base'",
-              "description": "The select's variant.",
+              "description": "The form control's variant.",
               "attribute": "variant",
               "reflects": true
             },
             {
               "kind": "field",
-              "name": "maxOptionsVisible",
-              "type": {
-                "text": "number"
-              },
-              "default": "3",
-              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "attribute": "max-options-visible"
-            },
-            {
-              "kind": "field",
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the select is not empty.",
-              "attribute": "clearable"
-            },
-            {
-              "kind": "field",
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
-              "attribute": "open",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "hoist",
+              "name": "value",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "attribute": "hoist"
+              "default": "''",
+              "description": "The current value of the input",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "helpText",
               "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+                "text": "string"
               },
-              "default": "'bottom'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
+              "default": "''",
+              "description": "The form control's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "attribute": "help-text"
             },
             {
               "kind": "field",
-              "name": "displayValue",
+              "name": "error",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true it displays the option's value instead of the label",
-              "attribute": "display-value"
+              "description": "Indicates whether the form control should be in error state",
+              "attribute": "error"
             },
             {
               "kind": "field",
-              "name": "noSyncWidth",
+              "name": "errorMessage",
               "type": {
-                "text": "boolean"
+                "text": "string | string[]"
               },
-              "default": "false",
-              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
-              "attribute": "no-sync-width"
-            },
-            {
-              "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
+              "default": "''",
+              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "attribute": "error-message"
             },
             {
               "kind": "method",
-              "name": "addOpenListeners",
+              "name": "handleChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "removeOpenListeners",
+              "name": "handleInput",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleInputFocus",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleBlur",
+              "name": "handleInputBlur",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDocumentFocusIn",
+              "name": "handleClearClick",
               "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "FocusEvent"
+                    "text": "MouseEvent"
                   }
                 }
               ]
@@ -20618,415 +20589,1052 @@
             },
             {
               "kind": "method",
-              "name": "handleDocumentMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "handleSubmitClick",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleComboboxMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "getDescriptionIds",
+              "privacy": "protected"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when an alteration to the search input control's value is committed by the user.",
+              "name": "dsa-change"
             },
             {
-              "kind": "method",
-              "name": "handleClearClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "description": "Emitted when the search input control receives input.",
+              "name": "dsa-input"
             },
             {
-              "kind": "method",
-              "name": "handleClearMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "description": "Emitted when the clear button is activated.",
+              "name": "dsa-clear"
             },
             {
-              "kind": "method",
-              "name": "handleOptionClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "description": "Emitted when the search input control gains focus.",
+              "name": "dsa-focus"
             },
             {
-              "kind": "method",
-              "name": "handleDefaultSlotChange",
-              "privacy": "private"
+              "description": "Emitted when the search input control loses focus.",
+              "name": "dsa-blur"
             },
             {
-              "kind": "method",
-              "name": "handleTagRemove",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DSARemoveEvent"
-                  }
-                },
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "DSAOption"
-                  }
-                }
-              ]
+              "description": "Emitted when the submit button is activated, or when the user presses 'Enter' on the input.",
+              "name": "dsa-submit"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "The form control's size.",
+              "fieldName": "size"
             },
             {
-              "kind": "method",
-              "name": "focusNextTagOrInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "DSAOption"
-                  }
-                }
-              ]
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer' | 'floating'"
+              },
+              "default": "'base'",
+              "description": "The form control's variant.",
+              "fieldName": "variant"
             },
             {
-              "kind": "method",
-              "name": "getAllOptions",
-              "privacy": "private"
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input",
+              "fieldName": "value"
             },
             {
-              "kind": "method",
-              "name": "getFirstOption",
-              "privacy": "private"
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The form control's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "fieldName": "helpText"
             },
             {
-              "kind": "method",
-              "name": "setCurrentOption",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "DSAOption | null"
-                  }
-                }
-              ]
+              "name": "error",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether the form control should be in error state",
+              "fieldName": "error"
             },
             {
-              "kind": "method",
-              "name": "setSelectedOptions",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "DSAOption | DSAOption[]"
-                  }
-                }
-              ]
+              "name": "error-message",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "fieldName": "errorMessage"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "The search combines a styled input and a submit button.",
+          "documentation": "undefined",
+          "dependencies": [
+            "dsa-icon-button",
+            "dsa-error-text"
+          ],
+          "tagName": "dsa-search",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSASearch",
+            "module": "components/search/search.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-search",
+          "declaration": {
+            "name": "DSASearch",
+            "module": "components/search/search.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/select/select.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSASelect",
+          "slots": [
+            {
+              "description": "The listbox options. Must be `<dsa-option>` elements. You can use `<dsa-divider>` to group items visually.",
+              "name": ""
             },
             {
-              "kind": "method",
-              "name": "toggleOptionSelection",
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Used to prepend a presentational icon or similar element to the combobox.",
+              "name": "prefix"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "option",
-                  "type": {
-                    "text": "DSAOption"
-                  }
-                },
-                {
-                  "name": "force",
-                  "optional": true,
-                  "type": {
-                    "text": "boolean"
-                  }
-                }
-              ]
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['dsa-blur', 'dsa-input'], })"
             },
             {
-              "kind": "method",
-              "name": "selectionChanged",
-              "privacy": "private"
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
-              "kind": "method",
-              "name": "handleInvalid",
+              "kind": "field",
+              "name": "typeToSelectString",
+              "type": {
+                "text": "string"
+              },
               "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "default": "''"
             },
             {
-              "kind": "method",
-              "name": "handleDisabledChange"
+              "kind": "field",
+              "name": "typeToSelectTimeout",
+              "type": {
+                "text": "number"
+              },
+              "privacy": "private"
             },
             {
-              "kind": "method",
-              "name": "handleReadonlyChange"
+              "kind": "field",
+              "name": "popup",
+              "type": {
+                "text": "DSAPopup"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleValueChange"
+              "kind": "field",
+              "name": "combobox",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "handleOpenChange"
+              "kind": "field",
+              "name": "displayInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "show",
-              "description": "Shows the listbox."
+              "kind": "field",
+              "name": "valueInput",
+              "type": {
+                "text": "HTMLInputElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "hide",
-              "description": "Hides the listbox."
+              "kind": "field",
+              "name": "listbox",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
             },
             {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
+              "kind": "field",
+              "name": "displayLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "currentOption",
+              "type": {
+                "text": "DSAOption"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedOptions",
+              "type": {
+                "text": "DSAOption[]"
+              },
+              "default": "[]"
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "defaultValue",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "['']",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
+            },
+            {
+              "kind": "field",
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows more than one option to be selected.",
+              "attribute": "multiple",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer'"
+              },
+              "default": "'base'",
+              "description": "The select's variant.",
+              "attribute": "variant",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "maxOptionsVisible",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "attribute": "max-options-visible"
+            },
+            {
+              "kind": "field",
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "attribute": "clearable"
+            },
+            {
+              "kind": "field",
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+              "attribute": "open",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "attribute": "hoist"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "displayValue",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true it displays the option's value instead of the label",
+              "attribute": "display-value"
+            },
+            {
+              "kind": "field",
+              "name": "noSyncWidth",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
+              "attribute": "no-sync-width"
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": 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": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleComboboxMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClearClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleClearMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOptionClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDefaultSlotChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleTagRemove",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DSARemoveEvent"
+                  }
+                },
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "focusNextTagOrInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getAllOptions",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getFirstOption",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setCurrentOption",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption | null"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "setSelectedOptions",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption | DSAOption[]"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "toggleOptionSelection",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "option",
+                  "type": {
+                    "text": "DSAOption"
+                  }
+                },
+                {
+                  "name": "force",
+                  "optional": true,
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "selectionChanged",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleReadonlyChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "show",
+              "description": "Shows the listbox."
+            },
+            {
+              "kind": "method",
+              "name": "hide",
+              "description": "Hides the listbox."
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
                   "text": "HTMLFormElement | null"
                 }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the control."
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the control."
+            },
+            {
+              "kind": "method",
+              "name": "getDescriptionIds",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "renderInput"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted after the select's menu closes and all animations are complete.",
+              "name": "dsa-after-hide"
+            },
+            {
+              "description": "Emitted after the select's menu opens and all animations are complete.",
+              "name": "dsa-after-show"
+            },
+            {
+              "description": "Emitted when the control's value changes.",
+              "name": "dsa-change"
+            },
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "dsa-blur"
+            },
+            {
+              "description": "Emitted when the control's value is cleared.",
+              "name": "dsa-clear"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "dsa-focus"
+            },
+            {
+              "description": "Emitted when the select's menu closes.",
+              "name": "dsa-hide"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "dsa-input"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "dsa-invalid"
+            },
+            {
+              "description": "Emitted when the select's menu opens.",
+              "name": "dsa-show"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string | string[]"
+              },
+              "default": "''",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "multiple",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows more than one option to be selected.",
+              "fieldName": "multiple"
+            },
+            {
+              "name": "variant",
+              "type": {
+                "text": "'base' | 'layer'"
+              },
+              "default": "'base'",
+              "description": "The select's variant.",
+              "fieldName": "variant"
+            },
+            {
+              "name": "max-options-visible",
+              "type": {
+                "text": "number"
+              },
+              "default": "3",
+              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
+              "fieldName": "maxOptionsVisible"
+            },
+            {
+              "name": "clearable",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Adds a clear button when the select is not empty.",
+              "fieldName": "clearable"
+            },
+            {
+              "name": "open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
+              "fieldName": "open"
+            },
+            {
+              "name": "hoist",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
+              "fieldName": "hoist"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
+              },
+              "default": "'bottom'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "fieldName": "placement"
+            },
+            {
+              "name": "display-value",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true it displays the option's value instead of the label",
+              "fieldName": "displayValue"
+            },
+            {
+              "name": "no-sync-width",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
+              "fieldName": "noSyncWidth"
+            }
+          ],
+          "superclass": {
+            "name": "FormControlLayout",
+            "package": "@internal/components/form-control/form-control-layout"
+          },
+          "summary": "Selects allow you to choose items from a menu of predefined options.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/liste-deroulante/champ-a-liste-deroulante-select/web-5sgh8Yxf",
+          "dependencies": [
+            "dsa-icon",
+            "dsa-popup",
+            "dsa-tag",
+            "dsa-error-text"
+          ],
+          "tagName": "dsa-select",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSASelect",
+            "module": "components/select/select.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-select",
+          "declaration": {
+            "name": "DSASelect",
+            "module": "components/select/select.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/sidenav/sidenav.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSASideNav",
+          "cssProperties": [
+            {
+              "description": "The width of the expanded sidenav.",
+              "name": "--sidenav-expanded-width"
+            }
+          ],
+          "slots": [
+            {
+              "description": "Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the top.",
+              "name": ""
+            },
+            {
+              "description": "Menu content (in collasped mode, only menu-navigation, menu-accordion, divider, menu-label will be displayed) placed at the bottom.",
+              "name": "bottom"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController( this, '[default]', 'bottom' )"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "sidenav",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "sidenavButton",
+              "type": {
+                "text": "HTMLButtonElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "collapsed",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the sidenav is collapsed",
+              "attribute": "collapsed",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "allowShortcut",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the sidenav can be toggled with the keyboard.",
+              "attribute": "allow-shortcut"
+            },
+            {
+              "kind": "field",
+              "name": "navLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Nav element custom label",
+              "attribute": "nav-label"
+            },
+            {
+              "kind": "method",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
+              "name": "handleAccordionKeyDown",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "message",
+                  "name": "event",
                   "type": {
-                    "text": "string"
+                    "text": "KeyboardEvent"
                   }
                 }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              ]
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "handleAccordionActivation",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "event",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "Event"
                   }
                 }
-              ],
-              "description": "Sets focus on the control."
+              ]
             },
             {
               "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the control."
+              "name": "toggleSidenav",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "getDescriptionIds",
+              "name": "updateChildrenState",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderInput"
+              "name": "handleExpandedChange"
             }
           ],
           "events": [
             {
-              "description": "Emitted after the select's menu closes and all animations are complete.",
-              "name": "dsa-after-hide"
-            },
-            {
-              "description": "Emitted after the select's menu opens and all animations are complete.",
-              "name": "dsa-after-show"
-            },
-            {
-              "description": "Emitted when the control's value changes.",
-              "name": "dsa-change"
-            },
-            {
-              "description": "Emitted when the control loses focus.",
-              "name": "dsa-blur"
-            },
-            {
-              "description": "Emitted when the control's value is cleared.",
-              "name": "dsa-clear"
-            },
-            {
-              "description": "Emitted when the control gains focus.",
-              "name": "dsa-focus"
-            },
-            {
-              "description": "Emitted when the select's menu closes.",
-              "name": "dsa-hide"
-            },
-            {
-              "description": "Emitted when the control receives input.",
-              "name": "dsa-input"
-            },
-            {
-              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
-              "name": "dsa-invalid"
+              "description": "Emitted when the sidenac expands.",
+              "name": "dsa-expand"
             },
             {
-              "description": "Emitted when the select's menu opens.",
-              "name": "dsa-show"
+              "description": "Emitted when the sidenac closes.",
+              "name": "dsa-collapse"
             }
           ],
           "attributes": [
             {
-              "name": "value",
-              "type": {
-                "text": "string | string[]"
-              },
-              "default": "''",
-              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
-              "fieldName": "value"
-            },
-            {
-              "name": "multiple",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Allows more than one option to be selected.",
-              "fieldName": "multiple"
-            },
-            {
-              "name": "variant",
-              "type": {
-                "text": "'base' | 'layer'"
-              },
-              "default": "'base'",
-              "description": "The select's variant.",
-              "fieldName": "variant"
-            },
-            {
-              "name": "max-options-visible",
-              "type": {
-                "text": "number"
-              },
-              "default": "3",
-              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
-              "fieldName": "maxOptionsVisible"
-            },
-            {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the select is not empty.",
-              "fieldName": "clearable"
-            },
-            {
-              "name": "open",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
-              "fieldName": "open"
-            },
-            {
-              "name": "hoist",
+              "name": "collapsed",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
-              "fieldName": "hoist"
-            },
-            {
-              "name": "placement",
-              "type": {
-                "text": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
-              },
-              "default": "'bottom'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "fieldName": "placement"
+              "description": "Whether the sidenav is collapsed",
+              "fieldName": "collapsed"
             },
             {
-              "name": "display-value",
+              "name": "allow-shortcut",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "When true it displays the option's value instead of the label",
-              "fieldName": "displayValue"
+              "description": "Whether the sidenav can be toggled with the keyboard.",
+              "fieldName": "allowShortcut"
             },
             {
-              "name": "no-sync-width",
+              "name": "nav-label",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
-              "fieldName": "noSyncWidth"
+              "default": "''",
+              "description": "Nav element custom label",
+              "fieldName": "navLabel"
             }
           ],
           "superclass": {
-            "name": "FormControlLayout",
-            "package": "@internal/components/form-control/form-control-layout"
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
           },
-          "summary": "Selects allow you to choose items from a menu of predefined options.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/liste-deroulante/champ-a-liste-deroulante-select/web-5sgh8Yxf",
+          "summary": "Side navigation provides menus and links for user navigation, and can be expanded or collapsed by the user.",
+          "documentation": "undefined",
           "dependencies": [
+            "dsa-divider",
             "dsa-icon",
-            "dsa-popup",
-            "dsa-tag",
-            "dsa-error-text"
+            "dsa-tooltip"
           ],
-          "tagName": "dsa-select",
+          "tagName": "dsa-sidenav",
           "customElement": true
         }
       ],
@@ -21035,16 +21643,16 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSASelect",
-            "module": "components/select/select.js"
+            "name": "DSASideNav",
+            "module": "components/sidenav/sidenav.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-select",
+          "name": "dsa-sidenav",
           "declaration": {
-            "name": "DSASelect",
-            "module": "components/select/select.js"
+            "name": "DSASideNav",
+            "module": "components/sidenav/sidenav.js"
           }
         }
       ]
@@ -22321,14 +22929,38 @@
             },
             {
               "kind": "field",
-              "name": "onLabel",
+              "name": "labelOn",
+              "type": {
+                "text": "string"
+              },
               "description": "State ON text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+              "attribute": "label-on"
+            },
+            {
+              "kind": "field",
+              "name": "onLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "(Deprecated) Not working on Angular",
               "attribute": "on-label"
             },
             {
               "kind": "field",
-              "name": "offLabel",
+              "name": "labelOff",
+              "type": {
+                "text": "string"
+              },
               "description": "State OFF text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+              "attribute": "label-off"
+            },
+            {
+              "kind": "field",
+              "name": "offLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "(Deprecated)",
               "attribute": "off-label"
             },
             {
@@ -22550,13 +23182,35 @@
               "fieldName": "required"
             },
             {
-              "name": "on-label",
+              "name": "label-on",
+              "type": {
+                "text": "string"
+              },
               "description": "State ON text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+              "fieldName": "labelOn"
+            },
+            {
+              "name": "on-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "(Deprecated) Not working on Angular",
               "fieldName": "onLabel"
             },
             {
-              "name": "off-label",
+              "name": "label-off",
+              "type": {
+                "text": "string"
+              },
               "description": "State OFF text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+              "fieldName": "labelOff"
+            },
+            {
+              "name": "off-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "(Deprecated)",
               "fieldName": "offLabel"
             }
           ],
@@ -23629,10 +24283,6 @@
               "kind": "method",
               "name": "handleClose",
               "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleShowChange"
             }
           ],
           "events": [
@@ -24601,6 +25251,13 @@
             }
           ],
           "members": [
+            {
+              "kind": "field",
+              "name": "selectAllCheckbox",
+              "type": {
+                "text": "DSACheckbox"
+              }
+            },
             {
               "kind": "method",
               "name": "handleCheckboxChange",
@@ -25869,6 +26526,46 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/tag/tag-variants.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "TAG_VARIANTS",
+          "type": {
+            "text": "[\n  'purple-100',\n  'purple-200',\n  'purple-300',\n  'purple-400',\n  'blue-100',\n  'blue-200',\n  'blue-300',\n  'blue-400',\n  'orange-100',\n  'orange-200',\n  'orange-300',\n  'orange-400',\n  'pink-100',\n  'pink-200',\n  'pink-300',\n  'pink-400',\n  'yellow-100',\n  'yellow-200',\n  'yellow-300',\n  'yellow-400',\n  'green-100',\n  'green-200',\n  'green-300',\n  'green-400',\n  'neutral-100',\n  'neutral-200',\n  'neutral-300',\n  'neutral-400',\n]"
+          },
+          "default": "[ 'purple-100', 'purple-200', 'purple-300', 'purple-400', 'blue-100', 'blue-200', 'blue-300', 'blue-400', 'orange-100', 'orange-200', 'orange-300', 'orange-400', 'pink-100', 'pink-200', 'pink-300', 'pink-400', 'yellow-100', 'yellow-200', 'yellow-300', 'yellow-400', 'green-100', 'green-200', 'green-300', 'green-400', 'neutral-100', 'neutral-200', 'neutral-300', 'neutral-400', ]"
+        },
+        {
+          "kind": "variable",
+          "name": "DEPRECATED_TAG_VARIANTS",
+          "type": {
+            "text": "[\n  'purple-500',\n  'blue-500',\n  'blue-600',\n  'orange-500',\n  'orange-600',\n  'pink-500',\n  'yellow-500',\n  'yellow-600',\n  'yellow-700',\n  'green-500',\n  'green-600',\n  'green-700',\n]"
+          },
+          "default": "[ 'purple-500', 'blue-500', 'blue-600', 'orange-500', 'orange-600', 'pink-500', 'yellow-500', 'yellow-600', 'yellow-700', 'green-500', 'green-600', 'green-700', ]"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "TAG_VARIANTS",
+          "declaration": {
+            "name": "TAG_VARIANTS",
+            "module": "components/tag/tag-variants.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "DEPRECATED_TAG_VARIANTS",
+          "declaration": {
+            "name": "DEPRECATED_TAG_VARIANTS",
+            "module": "components/tag/tag-variants.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/tag/tag.js",
@@ -25908,7 +26605,7 @@
               "kind": "field",
               "name": "variant",
               "type": {
-                "text": "| 'purple-100'\n    | 'purple-200'\n    | 'purple-300'\n    | 'purple-400'\n    | 'purple-500'\n    | 'blue-100'\n    | 'blue-200'\n    | 'blue-300'\n    | 'blue-400'\n    | 'blue-500'\n    | 'blue-600'\n    | 'orange-100'\n    | 'orange-200'\n    | 'orange-300'\n    | 'orange-400'\n    | 'orange-500'\n    | 'orange-600'\n    | 'pink-100'\n    | 'pink-200'\n    | 'pink-300'\n    | 'pink-400'\n    | 'pink-500'\n    | 'yellow-100'\n    | 'yellow-200'\n    | 'yellow-300'\n    | 'yellow-400'\n    | 'yellow-500'\n    | 'yellow-600'\n    | 'yellow-700'\n    | 'green-100'\n    | 'green-200'\n    | 'green-300'\n    | 'green-400'\n    | 'green-500'\n    | 'green-600'\n    | 'green-700'"
+                "text": "| (typeof TAG_VARIANTS)[number]\n    | (typeof DEPRECATED_TAG_VARIANTS)[number]"
               },
               "default": "'purple-100'",
               "description": "The tag's theme variant.",
@@ -25965,7 +26662,7 @@
             {
               "name": "variant",
               "type": {
-                "text": "| 'purple-100'\n    | 'purple-200'\n    | 'purple-300'\n    | 'purple-400'\n    | 'purple-500'\n    | 'blue-100'\n    | 'blue-200'\n    | 'blue-300'\n    | 'blue-400'\n    | 'blue-500'\n    | 'blue-600'\n    | 'orange-100'\n    | 'orange-200'\n    | 'orange-300'\n    | 'orange-400'\n    | 'orange-500'\n    | 'orange-600'\n    | 'pink-100'\n    | 'pink-200'\n    | 'pink-300'\n    | 'pink-400'\n    | 'pink-500'\n    | 'yellow-100'\n    | 'yellow-200'\n    | 'yellow-300'\n    | 'yellow-400'\n    | 'yellow-500'\n    | 'yellow-600'\n    | 'yellow-700'\n    | 'green-100'\n    | 'green-200'\n    | 'green-300'\n    | 'green-400'\n    | 'green-500'\n    | 'green-600'\n    | 'green-700'"
+                "text": "| (typeof TAG_VARIANTS)[number]\n    | (typeof DEPRECATED_TAG_VARIANTS)[number]"
               },
               "default": "'purple-100'",
               "description": "The tag's theme variant.",
@@ -27340,19 +28037,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "syncTreeItems",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "selectedItem",
-                  "type": {
-                    "text": "DSATreeItem"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "selectItem",
@@ -27868,7 +28552,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.7.1",
+    "version": "2.8.0",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"