@ds-autonomie/web-components 1.16.2 → 1.18.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "1.16.2",
+  "version": "1.18.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -197,6 +197,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "headerLevel",
+                "description": "Optional aria-level of the alert header",
+                "value": {
+                  "type": "1 | 2 | 3 | 4 | 5 | 6"
+                }
+              },
               {
                 "name": "variant",
                 "description": "The alert's theme variant.",
@@ -290,6 +297,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "header-level",
+              "description": "Optional aria-level of the alert header",
+              "value": {
+                "type": "1 | 2 | 3 | 4 | 5 | 6"
+              }
+            },
             {
               "name": "variant",
               "description": "The alert's theme variant.",
@@ -1423,19 +1437,19 @@
                 "value": {}
               },
               {
-                "name": "startDate",
+                "name": "calendar",
                 "value": {
-                  "type": "string"
+                  "type": "DSAInternalCalendar"
                 }
               },
               {
-                "name": "calendar",
+                "name": "value",
                 "value": {
-                  "type": "DSAInternalCalendar"
+                  "type": "string"
                 }
               },
               {
-                "name": "value",
+                "name": "startDate",
                 "value": {
                   "type": "string"
                 }
@@ -1501,6 +1515,12 @@
                 "type": "string"
               }
             },
+            {
+              "name": "start-date",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "name": "range",
               "value": {
@@ -1509,6 +1529,51 @@
             }
           ]
         },
+        {
+          "name": "dsa-callout",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "base",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "title",
+                "description": "The callout's title.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "headerLevel",
+                "description": "Optional aria-level of the callout header",
+                "value": {
+                  "type": "1 | 2 | 3 | 4 | 5 | 6"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "description": "The callout's title.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "header-level",
+              "description": "Optional aria-level of the callout header",
+              "value": {
+                "type": "1 | 2 | 3 | 4 | 5 | 6"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-card",
           "description": "",
@@ -1526,7 +1591,7 @@
               },
               {
                 "name": "href",
-                "description": "When set, the underlying card will be rendered as an `<a>` with this `href` instead of a `<div>`.",
+                "description": "When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link.",
                 "value": {
                   "type": "string"
                 }
@@ -1562,7 +1627,7 @@
           "attributes": [
             {
               "name": "href",
-              "description": "When set, the underlying card will be rendered as an `<a>` with this `href` instead of a `<div>`.",
+              "description": "When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link.",
               "value": {
                 "type": "string"
               }
@@ -2075,6 +2140,12 @@
                   "type": "number"
                 }
               },
+              {
+                "name": "slottedElementsObserver",
+                "value": {
+                  "type": "MutationObserver"
+                }
+              },
               {
                 "name": "defaultSlot",
                 "value": {
@@ -2193,7 +2264,7 @@
                 "value": {}
               },
               {
-                "name": "observeAttributeChanges",
+                "name": "observeSlottedElements",
                 "value": {}
               },
               {
@@ -2212,6 +2283,10 @@
                 "name": "handleLabelClick",
                 "value": {}
               },
+              {
+                "name": "handleSlottedElementChange",
+                "value": {}
+              },
               {
                 "name": "handleSlotChange",
                 "value": {}
@@ -2671,6 +2746,10 @@
                 "name": "handleTagRemove",
                 "value": {}
               },
+              {
+                "name": "focusNextTagOrInput",
+                "value": {}
+              },
               {
                 "name": "getAllOptions",
                 "value": {}
@@ -3014,18 +3093,16 @@
                 "name": "localize",
                 "value": {}
               },
-              {
-                "name": "modal",
-                "value": {
-                  "type": "Modal"
-                }
-              },
               {
                 "name": "originalTrigger",
                 "value": {
                   "type": "HTMLElement | null"
                 }
               },
+              {
+                "name": "modal",
+                "value": {}
+              },
               {
                 "name": "dialog",
                 "value": {
@@ -3446,6 +3523,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "filters",
+                "description": "Set to true if the drawer is a filter drawer",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "requestClose",
                 "value": {}
@@ -3543,6 +3627,13 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "filters",
+              "description": "Set to true if the drawer is a filter drawer",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },
@@ -5305,21 +5396,21 @@
                 "value": {}
               },
               {
-                "name": "input",
+                "name": "standardInput",
                 "value": {
                   "type": "HTMLInputElement"
                 }
               },
               {
-                "name": "popup",
+                "name": "dateInput",
                 "value": {
-                  "type": "DSAPopup"
+                  "type": "DSAInputDate"
                 }
               },
               {
-                "name": "datepickerButton",
+                "name": "input",
                 "value": {
-                  "type": "DSAIconButton"
+                  "type": "HTMLInputElement | DSAInputDate"
                 }
               },
               {
@@ -5328,12 +5419,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "isDatepickerOpen",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "title",
                 "description": "The title contains a text representing advisory information related to the element it belongs to.",
@@ -5411,6 +5496,12 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "lang",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "placeholder",
                 "description": "Placeholder text to show as a hint when the input is empty.",
@@ -5502,6 +5593,12 @@
                   "type": "number | string"
                 }
               },
+              {
+                "name": "calendarStartDate",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "step",
                 "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
@@ -5578,30 +5675,6 @@
                 "description": "Gets the validation message",
                 "value": {}
               },
-              {
-                "name": "addOpenListeners",
-                "value": {}
-              },
-              {
-                "name": "removeOpenListeners",
-                "value": {}
-              },
-              {
-                "name": "handleSelectedDate",
-                "value": {}
-              },
-              {
-                "name": "handleDocumentFocusIn",
-                "value": {}
-              },
-              {
-                "name": "handleDocumentMouseDown",
-                "value": {}
-              },
-              {
-                "name": "handleDocumentKeyDown",
-                "value": {}
-              },
               {
                 "name": "handleBlur",
                 "value": {}
@@ -5638,14 +5711,6 @@
                 "name": "getDescriptionIds",
                 "value": {}
               },
-              {
-                "name": "handleInputClick",
-                "value": {}
-              },
-              {
-                "name": "shouldDisableDate",
-                "value": {}
-              },
               {
                 "name": "handleDisabledChange",
                 "value": {}
@@ -5658,10 +5723,6 @@
                 "name": "handleValueChange",
                 "value": {}
               },
-              {
-                "name": "handleOpenChange",
-                "value": {}
-              },
               {
                 "name": "focus",
                 "description": "Sets focus on the input.",
@@ -5831,6 +5892,12 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "lang",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "name": "placeholder",
               "description": "Placeholder text to show as a hint when the input is empty.",
@@ -5922,6 +5989,12 @@
                 "type": "number | string"
               }
             },
+            {
+              "name": "calendar-start-date",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "name": "step",
               "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
@@ -5995,31 +6068,7 @@
           "attributes": []
         },
         {
-          "description": "Input Mask configuration for IBAN from countries within the SEPA area.",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "description": "Input Mask configuration for BIC/Swift. Pattern compatible the 100 principal banks of France.",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "description": "Input Mask configuration for NIR",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "name": "dsa-input-mask",
+          "name": "dsa-input-date",
           "description": "",
           "js": {
             "properties": [
@@ -6041,6 +6090,24 @@
                   "type": "HTMLInputElement"
                 }
               },
+              {
+                "name": "hiddenInput",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "datepickerButton",
+                "value": {
+                  "type": "DSAIconButton"
+                }
+              },
               {
                 "name": "hasFocus",
                 "value": {
@@ -6048,11 +6115,23 @@
                 }
               },
               {
-                "name": "maskedValue",
+                "name": "isDatepickerOpen",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "displayedValue",
                 "value": {
                   "type": "string"
                 }
               },
+              {
+                "name": "maxLength",
+                "value": {
+                  "type": "number"
+                }
+              },
               {
                 "name": "title",
                 "description": "The title contains a text representing advisory information related to the element it belongs to.",
@@ -6090,7 +6169,7 @@
               },
               {
                 "name": "variant",
-                "description": "The select's variant.",
+                "description": "The input's variant.",
                 "value": {
                   "type": "'base' | 'layer'"
                 }
@@ -6123,9 +6202,15 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "lang",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "placeholder",
-                "description": "Placeholder text to show as a hint. You can use it as a template to mask the value.\nIf it is only use as a guidance on what information is expected, use `mask` attribute to define a specific format to mask the value.",
+                "description": "Placeholder text to show as a hint when the input is empty.",
                 "value": {
                   "type": "string"
                 }
@@ -6151,13 +6236,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "inputmode",
-                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-                "value": {
-                  "type": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
-                }
-              },
               {
                 "name": "form",
                 "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
@@ -6180,17 +6258,23 @@
                 }
               },
               {
-                "name": "minlength",
-                "description": "The minimum length of input that will be considered valid.",
+                "name": "min",
+                "description": "The input's minimum value. Only applies to date and number input types.",
                 "value": {
-                  "type": "number"
+                  "type": "number | string"
                 }
               },
               {
-                "name": "autocorrect",
-                "description": "Indicates whether the browser's autocorrect feature is on or off.",
+                "name": "max",
+                "description": "The input's maximum value. Only applies to date and number input types.",
                 "value": {
-                  "type": "'off' | 'on'"
+                  "type": "number | string"
+                }
+              },
+              {
+                "name": "calendarStartDate",
+                "value": {
+                  "type": "string"
                 }
               },
               {
@@ -6215,12 +6299,17 @@
                 }
               },
               {
-                "name": "mask",
-                "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
+                "name": "inputmode",
+                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
                 "value": {
-                  "type": "string"
+                  "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
                 }
               },
+              {
+                "name": "valueAsDate",
+                "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.",
+                "value": {}
+              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object",
@@ -6232,7 +6321,31 @@
                 "value": {}
               },
               {
-                "name": "handleDocumentKeyUp",
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "updateDate",
+                "value": {}
+              },
+              {
+                "name": "handleSelectedDate",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentFocusIn",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
                 "value": {}
               },
               {
@@ -6240,7 +6353,7 @@
                 "value": {}
               },
               {
-                "name": "rawValueToMaskedValue",
+                "name": "handleChange",
                 "value": {}
               },
               {
@@ -6252,7 +6365,11 @@
                 "value": {}
               },
               {
-                "name": "handleChange",
+                "name": "handleHiddenInputFocus",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
                 "value": {}
               },
               {
@@ -6263,6 +6380,18 @@
                 "name": "handleKeyDown",
                 "value": {}
               },
+              {
+                "name": "getDescriptionIds",
+                "value": {}
+              },
+              {
+                "name": "handleInputClick",
+                "value": {}
+              },
+              {
+                "name": "shouldDisableDate",
+                "value": {}
+              },
               {
                 "name": "handleDisabledChange",
                 "value": {}
@@ -6271,6 +6400,14 @@
                 "name": "handleValueChange",
                 "value": {}
               },
+              {
+                "name": "handleLangChange",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
               {
                 "name": "focus",
                 "description": "Sets focus on the input.",
@@ -6296,6 +6433,16 @@
                 "description": "Replaces a range of text with a new string.",
                 "value": {}
               },
+              {
+                "name": "showDatepicker",
+                "description": "Displays the dsa-calendar picker for an input element.",
+                "value": {}
+              },
+              {
+                "name": "hideDatepicker",
+                "description": "Hides dsa-calendar.",
+                "value": {}
+              },
               {
                 "name": "checkValidity",
                 "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
@@ -6375,7 +6522,7 @@
             },
             {
               "name": "variant",
-              "description": "The select's variant.",
+              "description": "The input's variant.",
               "value": {
                 "type": "'base' | 'layer'"
               }
@@ -6408,9 +6555,15 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "lang",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "name": "placeholder",
-              "description": "Placeholder text to show as a hint. You can use it as a template to mask the value.\nIf it is only use as a guidance on what information is expected, use `mask` attribute to define a specific format to mask the value.",
+              "description": "Placeholder text to show as a hint when the input is empty.",
               "value": {
                 "type": "string"
               }
@@ -6436,13 +6589,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "inputmode",
-              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
-              "value": {
-                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
-              }
-            },
             {
               "name": "form",
               "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
@@ -6465,17 +6611,23 @@
               }
             },
             {
-              "name": "minlength",
-              "description": "The minimum length of input that will be considered valid.",
+              "name": "min",
+              "description": "The input's minimum value. Only applies to date and number input types.",
               "value": {
-                "type": "number"
+                "type": "number | string"
               }
             },
             {
-              "name": "autocorrect",
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
+              "name": "max",
+              "description": "The input's maximum value. Only applies to date and number input types.",
               "value": {
-                "type": "'off' | 'on'"
+                "type": "number | string"
+              }
+            },
+            {
+              "name": "calendar-start-date",
+              "value": {
+                "type": "string"
               }
             },
             {
@@ -6500,15 +6652,16 @@
               }
             },
             {
-              "name": "mask",
-              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
+              "name": "inputmode",
+              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
               "value": {
-                "type": "string"
+                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
               }
             }
           ]
         },
         {
+          "description": "Input Mask configuration for IBAN from countries within the SEPA area.",
           "js": {
             "properties": [],
             "events": []
@@ -6516,6 +6669,7 @@
           "attributes": []
         },
         {
+          "description": "Input Mask configuration for BIC/Swift. Pattern compatible the 100 principal banks of France.",
           "js": {
             "properties": [],
             "events": []
@@ -6523,6 +6677,7 @@
           "attributes": []
         },
         {
+          "description": "Input Mask configuration for NIR",
           "js": {
             "properties": [],
             "events": []
@@ -6530,57 +6685,7 @@
           "attributes": []
         },
         {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "name": "dsa-input-phone",
+          "name": "dsa-input-mask",
           "description": "",
           "js": {
             "properties": [
@@ -6597,17 +6702,11 @@
                 "value": {}
               },
               {
-                "name": "inputEl",
+                "name": "input",
                 "value": {
                   "type": "HTMLInputElement"
                 }
               },
-              {
-                "name": "phonePrefixEl",
-                "value": {
-                  "type": "DSASelect"
-                }
-              },
               {
                 "name": "hasFocus",
                 "value": {
@@ -6615,27 +6714,7 @@
                 }
               },
               {
-                "name": "maskedNumber",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "phoneConfig",
-                "value": {
-                  "type": "DSAPhoneConfig"
-                }
-              },
-              {
-                "name": "placeholder",
-                "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "pattern",
-                "description": "A regular expression pattern to validate input against.",
+                "name": "maskedValue",
                 "value": {
                   "type": "string"
                 }
@@ -6656,21 +6735,7 @@
               },
               {
                 "name": "value",
-                "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "phonePrefix",
-                "description": "The current value of the prefix select",
-                "value": {
-                  "type": "FrenchNumberPrefix"
-                }
-              },
-              {
-                "name": "phoneNumber",
-                "description": "The current value of the phone number without its prefix",
+                "description": "The current value of the input, submitted as a name/value pair with form data.",
                 "value": {
                   "type": "string"
                 }
@@ -6725,8 +6790,8 @@
                 }
               },
               {
-                "name": "inputPrefix",
-                "description": "Optional input prefix to help the user understand the first digit is not needed",
+                "name": "placeholder",
+                "description": "Placeholder text to show as a hint. You can use it as a template to mask the value.\nIf it is only use as a guidance on what information is expected, use `mask` attribute to define a specific format to mask the value.",
                 "value": {
                   "type": "string"
                 }
@@ -6752,6 +6817,13 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "inputmode",
+                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+                "value": {
+                  "type": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
+                }
+              },
               {
                 "name": "form",
                 "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
@@ -6766,6 +6838,34 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "pattern",
+                "description": "A regular expression pattern to validate input against.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "minlength",
+                "description": "The minimum length of input that will be considered valid.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "autocorrect",
+                "description": "Indicates whether the browser's autocorrect feature is on or off.",
+                "value": {
+                  "type": "'off' | 'on'"
+                }
+              },
+              {
+                "name": "autocomplete",
+                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "autofocus",
                 "description": "Indicates that the input should receive focus on page load.",
@@ -6781,10 +6881,576 @@
                 }
               },
               {
-                "name": "placement",
-                "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.",
+                "name": "mask",
+                "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
                 "value": {
-                  "type": "'top-start' | 'bottom-start'"
+                  "type": "string"
+                }
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyUp",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "rawValueToMaskedValue",
+                "value": {}
+              },
+              {
+                "name": "handleClearClick",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleChange",
+                "value": {}
+              },
+              {
+                "name": "handleInvalid",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleValueChange",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the input.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the input.",
+                "value": {}
+              },
+              {
+                "name": "select",
+                "description": "Selects all the text in the input.",
+                "value": {}
+              },
+              {
+                "name": "setSelectionRange",
+                "description": "Sets the start and end positions of the text selection (0-based).",
+                "value": {}
+              },
+              {
+                "name": "setRangeText",
+                "description": "Replaces a range of text with a new string.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "value": {}
+              },
+              {
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "dsa-clear",
+                "description": "Emitted when the clear button is activated."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "title",
+              "description": "The title contains a text representing advisory information related to the element it belongs to.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "name",
+              "description": "The name of the input, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The input's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "The select's variant.",
+              "value": {
+                "type": "'base' | 'layer'"
+              }
+            },
+            {
+              "name": "label",
+              "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "help-text",
+              "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "clearable",
+              "description": "Adds a clear button when the input is not empty.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the input.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Placeholder text to show as a hint. You can use it as a template to mask the value.\nIf it is only use as a guidance on what information is expected, use `mask` attribute to define a specific format to mask the value.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Makes the input readonly.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Indicates whether the input should be in error state",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error-message",
+              "description": "An error message that is shown when `error` is set to true",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "inputmode",
+              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+              "value": {
+                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
+              }
+            },
+            {
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Makes the input a required field.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "pattern",
+              "description": "A regular expression pattern to validate input against.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "minlength",
+              "description": "The minimum length of input that will be considered valid.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "autocorrect",
+              "description": "Indicates whether the browser's autocorrect feature is on or off.",
+              "value": {
+                "type": "'off' | 'on'"
+              }
+            },
+            {
+              "name": "autocomplete",
+              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "autofocus",
+              "description": "Indicates that the input should receive focus on page load.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "enterkeyhint",
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "value": {
+                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              }
+            },
+            {
+              "name": "mask",
+              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-input-phone",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "inputEl",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "phonePrefixEl",
+                "value": {
+                  "type": "DSASelect"
+                }
+              },
+              {
+                "name": "hasFocus",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "maskedNumber",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "phoneConfig",
+                "value": {
+                  "type": "DSAPhoneConfig"
+                }
+              },
+              {
+                "name": "placeholder",
+                "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "pattern",
+                "description": "A regular expression pattern to validate input against.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "title",
+                "description": "The title contains a text representing advisory information related to the element it belongs to.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "name",
+                "description": "The name of the input, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "phonePrefix",
+                "description": "The current value of the prefix select",
+                "value": {
+                  "type": "FrenchNumberPrefix"
+                }
+              },
+              {
+                "name": "phoneNumber",
+                "description": "The current value of the phone number without its prefix",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The input's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "variant",
+                "description": "The select's variant.",
+                "value": {
+                  "type": "'base' | 'layer'"
+                }
+              },
+              {
+                "name": "label",
+                "description": "The input's label. If you need to display HTML, use the `label` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "helpText",
+                "description": "The input's help text. If you need to display HTML, use the `help-text` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "clearable",
+                "description": "Adds a clear button when the input is not empty.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the input.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "inputPrefix",
+                "description": "Optional input prefix to help the user understand the first digit is not needed",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "readonly",
+                "description": "Makes the input readonly.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "error",
+                "description": "Indicates whether the input should be in error state",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "errorMessage",
+                "description": "An error message that is shown when `error` is set to true",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "required",
+                "description": "Makes the input a required field.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "autofocus",
+                "description": "Indicates that the input should receive focus on page load.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "enterkeyhint",
+                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+                "value": {
+                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                }
+              },
+              {
+                "name": "placement",
+                "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.",
+                "value": {
+                  "type": "'top-start' | 'bottom-start'"
                 }
               },
               {
@@ -6806,11 +7472,11 @@
                 "value": {}
               },
               {
-                "name": "handlePhonePrefixChange",
+                "name": "updateValue",
                 "value": {}
               },
               {
-                "name": "handlePhonePrefixKeydown",
+                "name": "handlePhonePrefixChange",
                 "value": {}
               },
               {
@@ -6849,6 +7515,10 @@
                 "name": "handleValueChange",
                 "value": {}
               },
+              {
+                "name": "handlePhoneChange",
+                "value": {}
+              },
               {
                 "name": "focus",
                 "description": "Sets focus on the input.",
@@ -8172,6 +8842,13 @@
                   "type": "number"
                 }
               },
+              {
+                "name": "hoverBridge",
+                "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "handleAnchorChange",
                 "value": {}
@@ -8188,6 +8865,10 @@
                 "name": "reposition",
                 "description": "Forces the popup to recalculate and reposition itself.",
                 "value": {}
+              },
+              {
+                "name": "updateHoverBridge",
+                "value": {}
               }
             ],
             "events": [
@@ -8344,6 +9025,13 @@
               "value": {
                 "type": "number"
               }
+            },
+            {
+              "name": "hover-bridge",
+              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },
@@ -9762,6 +10450,10 @@
                 "name": "handleTagRemove",
                 "value": {}
               },
+              {
+                "name": "focusNextTagOrInput",
+                "value": {}
+              },
               {
                 "name": "getAllOptions",
                 "value": {}
@@ -10143,25 +10835,203 @@
           "js": {
             "properties": [
               {
-                "name": "localize",
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "variant",
+                "description": "The sprinner's variant.",
+                "value": {
+                  "type": "'base' | 'floating' | 'contrasted'"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The sprinner's variant.",
+              "value": {
+                "type": "'base' | 'floating' | 'contrasted'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-split-panel",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "cachedPositionInPixels",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "size",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "divider",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "position",
+                "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "positionInPixels",
+                "description": "The current position of the divider from the primary panel's edge in pixels.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "vertical",
+                "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "primary",
+                "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
+                "value": {
+                  "type": "'start' | 'end' | undefined"
+                }
+              },
+              {
+                "name": "snap",
+                "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
+                "value": {
+                  "type": "string | undefined"
+                }
+              },
+              {
+                "name": "snapThreshold",
+                "description": "How close the divider must be to a snap point until snapping occurs.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "detectSize",
+                "value": {}
+              },
+              {
+                "name": "percentageToPixels",
+                "value": {}
+              },
+              {
+                "name": "pixelsToPercentage",
+                "value": {}
+              },
+              {
+                "name": "handleDrag",
                 "value": {}
               },
               {
-                "name": "variant",
-                "description": "The sprinner's variant.",
-                "value": {
-                  "type": "'base' | 'floating' | 'contrasted'"
-                }
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleResize",
+                "value": {}
+              },
+              {
+                "name": "handlePositionChange",
+                "value": {}
+              },
+              {
+                "name": "handlePositionInPixelsChange",
+                "value": {}
+              },
+              {
+                "name": "handleVerticalChange",
+                "value": {}
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "dsa-reposition",
+                "description": "Emitted when the divider's position changes."
+              }
+            ]
           },
           "attributes": [
             {
-              "name": "variant",
-              "description": "The sprinner's variant.",
+              "name": "position",
+              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
               "value": {
-                "type": "'base' | 'floating' | 'contrasted'"
+                "type": "number"
+              }
+            },
+            {
+              "name": "position-in-pixels",
+              "description": "The current position of the divider from the primary panel's edge in pixels.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "primary",
+              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
+              "value": {
+                "type": "'start' | 'end' | undefined"
+              }
+            },
+            {
+              "name": "snap",
+              "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
+              "value": {
+                "type": "string | undefined"
+              }
+            },
+            {
+              "name": "snap-threshold",
+              "description": "How close the divider must be to a snap point until snapping occurs.",
+              "value": {
+                "type": "number"
               }
             }
           ]
@@ -11783,7 +12653,7 @@
                 "value": {}
               },
               {
-                "name": "handleKeyDown",
+                "name": "handleDocumentKeyDown",
                 "value": {}
               },
               {
@@ -12191,48 +13061,236 @@
                 "name": "dsa-lazy-load",
                 "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree."
               }
-            ]
-          },
-          "attributes": [
+            ]
+          },
+          "attributes": [
+            {
+              "name": "expanded",
+              "description": "Expands the tree item.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Draws the tree item in a selected state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the tree item.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "lazy",
+              "description": "Enables lazy loading behavior.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-visually-hidden",
+          "description": "",
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "filterTrigger",
+                "value": {
+                  "type": "DSAFilterButton | DSAButton"
+                }
+              },
+              {
+                "name": "filterPanel",
+                "value": {
+                  "type": "HTMLDivElement"
+                }
+              },
+              {
+                "name": "value",
+                "value": {
+                  "type": "string | string[]"
+                }
+              },
+              {
+                "name": "label",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the filter panel 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 filter's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the panel 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.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "drawer",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentFocusIn",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleFilterTriggerMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the listbox.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the listbox.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the control.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the control.",
+                "value": {}
+              },
+              {
+                "name": "renderPanelContent",
+                "value": {}
+              },
+              {
+                "name": "renderTrigger",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "value": {
+                "type": "string | string[]"
+              }
+            },
+            {
+              "name": "label",
+              "value": {
+                "type": "string"
+              }
+            },
             {
-              "name": "expanded",
-              "description": "Expands the tree item.",
+              "name": "open",
+              "description": "Indicates whether or not the filter panel 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 filter's open state.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "selected",
-              "description": "Draws the tree item in a selected state.",
+              "name": "hoist",
+              "description": "Enable this option to prevent the panel 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.",
               "value": {
                 "type": "boolean"
               }
             },
             {
               "name": "disabled",
-              "description": "Disables the tree item.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "lazy",
-              "description": "Enables lazy loading behavior.",
+              "name": "readonly",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "drawer",
               "value": {
                 "type": "boolean"
               }
             }
           ]
         },
-        {
-          "name": "dsa-visually-hidden",
-          "description": "",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-filter-button",
           "description": "",
@@ -12282,6 +13340,12 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "drawer",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "handleSelectionCountChange",
                 "value": {}
@@ -12333,6 +13397,12 @@
               "value": {
                 "type": "boolean"
               }
+            },
+            {
+              "name": "drawer",
+              "value": {
+                "type": "boolean"
+              }
             }
           ]
         },
@@ -12341,22 +13411,6 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "popup",
-                "value": {
-                  "type": "DSAPopup"
-                }
-              },
-              {
-                "name": "filterTrigger",
-                "value": {
-                  "type": "DSAFilterButton"
-                }
-              },
               {
                 "name": "filterInput",
                 "value": {
@@ -12397,7 +13451,7 @@
                 "name": "value",
                 "description": "The current value of the filter.",
                 "value": {
-                  "type": "string"
+                  "type": "string | string[]"
                 }
               },
               {
@@ -12408,57 +13462,113 @@
                 }
               },
               {
-                "name": "open",
-                "description": "Indicates whether or not the filter panel 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 filter's open state.",
+                "name": "min",
+                "description": "The filter's minimum value.",
                 "value": {
-                  "type": "boolean"
+                  "type": "number"
                 }
               },
               {
-                "name": "hoist",
-                "description": "Enable this option to prevent the panel 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.",
+                "name": "max",
+                "description": "The filter's maximum value.",
                 "value": {
-                  "type": "boolean"
+                  "type": "number"
+                }
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleDecrease",
+                "value": {}
+              },
+              {
+                "name": "handleIncrease",
+                "value": {}
+              },
+              {
+                "name": "handleReset",
+                "value": {}
+              },
+              {
+                "name": "handleSubmit",
+                "value": {}
+              },
+              {
+                "name": "handleValueChange",
+                "value": {}
+              },
+              {
+                "name": "handleTempValueChange",
+                "value": {}
+              },
+              {
+                "name": "handleFilterCounterOpenChange",
+                "value": {}
+              },
+              {
+                "name": "renderPanelContent",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "filterTrigger",
+                "value": {
+                  "type": "DSAFilterButton | DSAButton"
+                }
+              },
+              {
+                "name": "filterPanel",
+                "value": {
+                  "type": "HTMLDivElement"
                 }
               },
               {
                 "name": "label",
-                "description": "The filter's label.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "filterLabel",
-                "description": "(deprecated) The filter's label.",
+                "name": "open",
+                "description": "Indicates whether or not the filter panel 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 filter's open state.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "disabled",
+                "name": "hoist",
+                "description": "Enable this option to prevent the panel 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.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "readonly",
+                "name": "disabled",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "min",
-                "description": "The filter's minimum value.",
+                "name": "readonly",
                 "value": {
-                  "type": "number"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "max",
-                "description": "The filter's maximum value.",
+                "name": "drawer",
                 "value": {
-                  "type": "number"
+                  "type": "boolean"
                 }
               },
               {
@@ -12493,30 +13603,6 @@
                 "name": "handleFilterTriggerMouseDown",
                 "value": {}
               },
-              {
-                "name": "handleInput",
-                "value": {}
-              },
-              {
-                "name": "handleDecrease",
-                "value": {}
-              },
-              {
-                "name": "handleIncrease",
-                "value": {}
-              },
-              {
-                "name": "handleReset",
-                "value": {}
-              },
-              {
-                "name": "handleSubmit",
-                "value": {}
-              },
-              {
-                "name": "handleValueChange",
-                "value": {}
-              },
               {
                 "name": "handleDisabledChange",
                 "value": {}
@@ -12544,6 +13630,10 @@
                 "name": "blur",
                 "description": "Removes focus from the control.",
                 "value": {}
+              },
+              {
+                "name": "renderTrigger",
+                "value": {}
               }
             ],
             "events": [
@@ -12586,7 +13676,7 @@
               "name": "value",
               "description": "The current value of the filter.",
               "value": {
-                "type": "string"
+                "type": "string | string[]"
               }
             },
             {
@@ -12597,57 +13687,55 @@
               }
             },
             {
-              "name": "open",
-              "description": "Indicates whether or not the filter panel 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 filter's open state.",
+              "name": "min",
+              "description": "The filter's minimum value.",
               "value": {
-                "type": "boolean"
+                "type": "number"
               }
             },
             {
-              "name": "hoist",
-              "description": "Enable this option to prevent the panel 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.",
+              "name": "max",
+              "description": "The filter's maximum value.",
               "value": {
-                "type": "boolean"
+                "type": "number"
               }
             },
             {
               "name": "label",
-              "description": "The filter's label.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "filter-label",
-              "description": "(deprecated) The filter's label.",
+              "name": "open",
+              "description": "Indicates whether or not the filter panel 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 filter's open state.",
               "value": {
-                "type": "string"
+                "type": "boolean"
               }
             },
             {
-              "name": "disabled",
+              "name": "hoist",
+              "description": "Enable this option to prevent the panel 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.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "readonly",
+              "name": "disabled",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "min",
-              "description": "The filter's minimum value.",
+              "name": "readonly",
               "value": {
-                "type": "number"
+                "type": "boolean"
               }
             },
             {
-              "name": "max",
-              "description": "The filter's maximum value.",
+              "name": "drawer",
               "value": {
-                "type": "number"
+                "type": "boolean"
               }
             }
           ]
@@ -12697,6 +13785,18 @@
                 "name": "localize",
                 "value": {}
               },
+              {
+                "name": "maxLength",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "currentLocale",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "value",
                 "description": "The current value of the filter date. The required format for the value is YYYY-MM-DD.",
@@ -12738,6 +13838,19 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "lang",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "placeholder",
+                "description": "Placeholder text to show as a hint when the input is empty.",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "disabled",
                 "value": {
@@ -12764,6 +13877,12 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "calendarStartDate",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "handleSelectedDate",
                 "value": {}
@@ -12836,6 +13955,10 @@
                 "name": "handleOpenChange",
                 "value": {}
               },
+              {
+                "name": "handleLangChange",
+                "value": {}
+              },
               {
                 "name": "show",
                 "description": "Shows the listbox.",
@@ -12924,6 +14047,19 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "lang",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "placeholder",
+              "description": "Placeholder text to show as a hint when the input is empty.",
+              "value": {
+                "type": "string"
+              }
+            },
             {
               "name": "disabled",
               "value": {
@@ -12949,6 +14085,12 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "calendar-start-date",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },
@@ -12968,13 +14110,9 @@
         },
         {
           "name": "dsa-filter-range",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
+          "description": "",
+          "js": {
+            "properties": [
               {
                 "name": "currentStartValue",
                 "value": {
@@ -12987,18 +14125,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "popup",
-                "value": {
-                  "type": "DSAPopup"
-                }
-              },
-              {
-                "name": "filterButton",
-                "value": {
-                  "type": "DSAFilterButton"
-                }
-              },
               {
                 "name": "startValueInput",
                 "value": {
@@ -13051,20 +14177,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the filter panel 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 filter's open state.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "label",
-                "description": "The filter's label.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "slider",
                 "description": "Shows an additional slider control.",
@@ -13072,25 +14184,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "hoist",
-                "description": "Enable this option to prevent the panel 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.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "disabled",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "readonly",
-                "value": {
-                  "type": "boolean"
-                }
-              },
               {
                 "name": "min",
                 "description": "The filter's minimum value. It is used also as placeholder value for the mininum filter input.",
@@ -13114,72 +14207,149 @@
                 "value": {}
               },
               {
-                "name": "addOpenListeners",
+                "name": "handleReset",
                 "value": {}
               },
               {
-                "name": "removeOpenListeners",
+                "name": "handleSubmit",
                 "value": {}
               },
               {
-                "name": "handleDocumentFocusIn",
+                "name": "handleStartInput",
                 "value": {}
               },
               {
-                "name": "handleKeyDown",
+                "name": "handleEndInput",
                 "value": {}
               },
               {
-                "name": "handleDocumentMouseDown",
+                "name": "handleStartChange",
                 "value": {}
               },
               {
-                "name": "handleFilterButtonMouseDown",
+                "name": "handleEndChange",
                 "value": {}
               },
               {
-                "name": "handleFocus",
+                "name": "getRangeValue",
                 "value": {}
               },
               {
-                "name": "handleBlur",
+                "name": "handleFilterRangeOpenChange",
                 "value": {}
               },
               {
-                "name": "handleReset",
+                "name": "handleStartPropChange",
                 "value": {}
               },
               {
-                "name": "handleSubmit",
+                "name": "handleEndPropChange",
                 "value": {}
               },
               {
-                "name": "handleStartInput",
+                "name": "handleCurrentValuesChange",
                 "value": {}
               },
               {
-                "name": "handleEndInput",
+                "name": "renderPanelContent",
                 "value": {}
               },
               {
-                "name": "handleStartChange",
+                "name": "localize",
                 "value": {}
               },
               {
-                "name": "handleEndChange",
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "filterTrigger",
+                "value": {
+                  "type": "DSAFilterButton | DSAButton"
+                }
+              },
+              {
+                "name": "filterPanel",
+                "value": {
+                  "type": "HTMLDivElement"
+                }
+              },
+              {
+                "name": "value",
+                "value": {
+                  "type": "string | string[]"
+                }
+              },
+              {
+                "name": "label",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the filter panel 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 filter's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the panel 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.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "drawer",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "addOpenListeners",
                 "value": {}
               },
               {
-                "name": "getRangeValue",
+                "name": "removeOpenListeners",
                 "value": {}
               },
               {
-                "name": "show",
+                "name": "handleFocus",
                 "value": {}
               },
               {
-                "name": "hide",
-                "description": "Hides the listbox.",
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentFocusIn",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleFilterTriggerMouseDown",
                 "value": {}
               },
               {
@@ -13190,6 +14360,16 @@
                 "name": "handleOpenChange",
                 "value": {}
               },
+              {
+                "name": "show",
+                "description": "Shows the listbox.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the listbox.",
+                "value": {}
+              },
               {
                 "name": "focus",
                 "description": "Sets focus on the control.",
@@ -13199,6 +14379,10 @@
                 "name": "blur",
                 "description": "Removes focus from the control.",
                 "value": {}
+              },
+              {
+                "name": "renderTrigger",
+                "value": {}
               }
             ],
             "events": []
@@ -13233,22 +14417,41 @@
               }
             },
             {
-              "name": "open",
-              "description": "Indicates whether or not the filter panel 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 filter's open state.",
+              "name": "slider",
+              "description": "Shows an additional slider control.",
               "value": {
                 "type": "boolean"
               }
             },
+            {
+              "name": "min",
+              "description": "The filter's minimum value. It is used also as placeholder value for the mininum filter input.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "max",
+              "description": "The filter's maximum value. It is used also as placeholder value for the maximum filter input.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "value",
+              "value": {
+                "type": "string | string[]"
+              }
+            },
             {
               "name": "label",
-              "description": "The filter's label.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "slider",
-              "description": "Shows an additional slider control.",
+              "name": "open",
+              "description": "Indicates whether or not the filter panel 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 filter's open state.",
               "value": {
                 "type": "boolean"
               }
@@ -13273,17 +14476,9 @@
               }
             },
             {
-              "name": "min",
-              "description": "The filter's minimum value. It is used also as placeholder value for the mininum filter input.",
-              "value": {
-                "type": "number"
-              }
-            },
-            {
-              "name": "max",
-              "description": "The filter's maximum value. It is used also as placeholder value for the maximum filter input.",
+              "name": "drawer",
               "value": {
-                "type": "number"
+                "type": "boolean"
               }
             }
           ]
@@ -13293,22 +14488,6 @@
           "description": "",
           "js": {
             "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "popup",
-                "value": {
-                  "type": "DSAPopup"
-                }
-              },
-              {
-                "name": "filterTrigger",
-                "value": {
-                  "type": "DSAFilterButton | DSAButton"
-                }
-              },
               {
                 "name": "deselectAllButton",
                 "value": {
@@ -13415,34 +14594,6 @@
                   "type": "boolean"
                 }
               },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the filter panel 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 filter's open state.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "hoist",
-                "description": "Enable this option to prevent the panel 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.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "label",
-                "description": "The filter's label.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "filterLabel",
-                "description": "(deprecated) The filter's label.",
-                "value": {
-                  "type": "string"
-                }
-              },
               {
                 "name": "debounceTimeout",
                 "description": "Delay between when a user types into the search input. It affects the `dsa-input` event.",
@@ -13465,137 +14616,197 @@
                 }
               },
               {
-                "name": "disabled",
-                "value": {
-                  "type": "boolean"
-                }
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleSearchInput",
+                "value": {}
+              },
+              {
+                "name": "handleOptionFocus",
+                "value": {}
               },
               {
-                "name": "readonly",
-                "value": {
-                  "type": "boolean"
-                }
+                "name": "handleOptionClick",
+                "value": {}
               },
               {
-                "name": "addOpenListeners",
+                "name": "filterOptions",
                 "value": {}
               },
               {
-                "name": "removeOpenListeners",
+                "name": "handleMultipleHeaderButtonClick",
                 "value": {}
               },
               {
-                "name": "handleFocus",
+                "name": "handleSearchClear",
                 "value": {}
               },
               {
-                "name": "handleBlur",
+                "name": "handleSeeAllClick",
                 "value": {}
               },
               {
-                "name": "handleDocumentFocusIn",
+                "name": "handleDefaultSlotChange",
                 "value": {}
               },
               {
-                "name": "handleKeyDown",
+                "name": "getAllOptions",
                 "value": {}
               },
               {
-                "name": "handleDocumentMouseDown",
+                "name": "getFirstOption",
                 "value": {}
               },
               {
-                "name": "handleFilterTriggerMouseDown",
+                "name": "setCurrentOption",
                 "value": {}
               },
               {
-                "name": "handleSearchInput",
+                "name": "setSelectedOptions",
                 "value": {}
               },
               {
-                "name": "handleOptionFocus",
+                "name": "toggleOptionSelection",
                 "value": {}
               },
               {
-                "name": "handleOptionClick",
+                "name": "selectionChanged",
                 "value": {}
               },
               {
-                "name": "filterOptions",
+                "name": "getDisplayedOptionsList",
                 "value": {}
               },
               {
-                "name": "handleMultipleHeaderButtonClick",
+                "name": "handleSearchValueChange",
                 "value": {}
               },
               {
-                "name": "handleSearchClear",
+                "name": "handleValueChange",
                 "value": {}
               },
               {
-                "name": "handleSeeAllClick",
+                "name": "handleOpenChange",
                 "value": {}
               },
               {
-                "name": "handleDefaultSlotChange",
+                "name": "handleSeeAllChange",
                 "value": {}
               },
               {
-                "name": "getAllOptions",
+                "name": "hide",
+                "description": "Hides the listbox.",
                 "value": {}
               },
               {
-                "name": "getFirstOption",
+                "name": "renderTrigger",
                 "value": {}
               },
               {
-                "name": "setCurrentOption",
+                "name": "renderDeSelectAll",
                 "value": {}
               },
               {
-                "name": "setSelectedOptions",
+                "name": "renderPanelContent",
                 "value": {}
               },
               {
-                "name": "toggleOptionSelection",
+                "name": "localize",
                 "value": {}
               },
               {
-                "name": "selectionChanged",
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "filterTrigger",
+                "value": {
+                  "type": "DSAFilterButton | DSAButton"
+                }
+              },
+              {
+                "name": "filterPanel",
+                "value": {
+                  "type": "HTMLDivElement"
+                }
+              },
+              {
+                "name": "label",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the filter panel 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 filter's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "hoist",
+                "description": "Enable this option to prevent the panel 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.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "drawer",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "addOpenListeners",
                 "value": {}
               },
               {
-                "name": "getDisplayedOptionsList",
+                "name": "removeOpenListeners",
                 "value": {}
               },
               {
-                "name": "handleSearchValueChange",
+                "name": "handleFocus",
                 "value": {}
               },
               {
-                "name": "handleValueChange",
+                "name": "handleBlur",
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
+                "name": "handleDocumentFocusIn",
                 "value": {}
               },
               {
-                "name": "handleOpenChange",
+                "name": "handleDocumentMouseDown",
                 "value": {}
               },
               {
-                "name": "handleSeeAllChange",
+                "name": "handleFilterTriggerMouseDown",
                 "value": {}
               },
               {
-                "name": "show",
-                "description": "Shows the listbox.",
+                "name": "handleDisabledChange",
                 "value": {}
               },
               {
-                "name": "hide",
-                "description": "Hides the listbox.",
+                "name": "show",
+                "description": "Shows the listbox.",
                 "value": {}
               },
               {
@@ -13674,62 +14885,60 @@
               }
             },
             {
-              "name": "open",
-              "description": "Indicates whether or not the filter panel 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 filter's open state.",
+              "name": "debounce-timeout",
+              "description": "Delay between when a user types into the search input. It affects the `dsa-input` event.",
               "value": {
-                "type": "boolean"
+                "type": "number"
               }
             },
             {
-              "name": "hoist",
-              "description": "Enable this option to prevent the panel 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.",
+              "name": "option-gender",
+              "description": "Indicates whether the options are in the masculine or feminine form",
               "value": {
-                "type": "boolean"
+                "type": "'feminine' | 'masculine'"
               }
             },
             {
-              "name": "label",
-              "description": "The filter's label.",
+              "name": "columns-filter",
+              "description": "Indicates if the component is used as a columns filter",
               "value": {
-                "type": "string"
+                "type": "boolean"
               }
             },
             {
-              "name": "filter-label",
-              "description": "(deprecated) The filter's label.",
+              "name": "label",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "debounce-timeout",
-              "description": "Delay between when a user types into the search input. It affects the `dsa-input` event.",
+              "name": "open",
+              "description": "Indicates whether or not the filter panel 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 filter's open state.",
               "value": {
-                "type": "number"
+                "type": "boolean"
               }
             },
             {
-              "name": "option-gender",
-              "description": "Indicates whether the options are in the masculine or feminine form",
+              "name": "hoist",
+              "description": "Enable this option to prevent the panel 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.",
               "value": {
-                "type": "'feminine' | 'masculine'"
+                "type": "boolean"
               }
             },
             {
-              "name": "columns-filter",
-              "description": "Indicates if the component is used as a columns filter",
+              "name": "disabled",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "disabled",
+              "name": "readonly",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "readonly",
+              "name": "drawer",
               "value": {
                 "type": "boolean"
               }
@@ -13894,54 +15103,6 @@
             }
           ]
         },
-        {
-          "name": "dsa-table-action",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "closeButton",
-                "value": {
-                  "type": "DSAButton"
-                }
-              },
-              {
-                "name": "show",
-                "description": "`true` if it should be visible.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "handleClose",
-                "value": {}
-              },
-              {
-                "name": "handleShowChange",
-                "value": {}
-              }
-            ],
-            "events": [
-              {
-                "name": "dsa-table-actions-close",
-                "description": "Emitted when the close button is activated."
-              }
-            ]
-          },
-          "attributes": [
-            {
-              "name": "show",
-              "description": "`true` if it should be visible.",
-              "value": {
-                "type": "boolean"
-              }
-            }
-          ]
-        },
         {
           "name": "dsa-navbar-menu",
           "description": "",
@@ -14088,6 +15249,54 @@
             }
           ]
         },
+        {
+          "name": "dsa-table-action",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "closeButton",
+                "value": {
+                  "type": "DSAButton"
+                }
+              },
+              {
+                "name": "show",
+                "description": "`true` if it should be visible.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleClose",
+                "value": {}
+              },
+              {
+                "name": "handleShowChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-table-actions-close",
+                "description": "Emitted when the close button is activated."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "show",
+              "description": "`true` if it should be visible.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-table-body",
           "description": "",