@ds-autonomie/web-components 2.0.1 → 2.2.0

package/dist/custom-elements.json

@@ -1753,6 +1753,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "attribute": "title"
             },
             {
@@ -1983,9 +1984,19 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Provides an accessible label for the button element",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "attribute": "aria-label"
             },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Provides an accessible label for the button element",
+              "attribute": "accessible-name"
+            },
             {
               "kind": "field",
               "name": "description",
@@ -2151,6 +2162,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "fieldName": "title"
             },
             {
@@ -2349,9 +2361,18 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "Provides an accessible label for the button element",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "fieldName": "ariaLabel"
             },
+            {
+              "name": "accessible-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Provides an accessible label for the button element",
+              "fieldName": "accessibleName"
+            },
             {
               "name": "description",
               "type": {
@@ -2613,9 +2634,19 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The callout's title.",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the callout-title attribute instead.",
               "attribute": "title"
             },
+            {
+              "kind": "field",
+              "name": "calloutTitle",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The callout's title.",
+              "attribute": "callout-title"
+            },
             {
               "kind": "field",
               "name": "headerLevel",
@@ -2634,9 +2665,18 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "The callout's title.",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the callout-title attribute instead.",
               "fieldName": "title"
             },
+            {
+              "name": "callout-title",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The callout's title.",
+              "fieldName": "calloutTitle"
+            },
             {
               "name": "header-level",
               "type": {
@@ -2877,6 +2917,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "attribute": "title"
             },
             {
@@ -3013,11 +3054,20 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Provides an accessible label for the button element",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "attribute": "aria-label",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "description": "Provides an accessible label for the checkbox element (used by dsa-table-row and dsa-table-header-row)",
+              "attribute": "accessible-name",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -3174,6 +3224,7 @@
                 "text": "string"
               },
               "default": "''",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "fieldName": "title"
             },
             {
@@ -3279,9 +3330,16 @@
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "Provides an accessible label for the button element",
+              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
               "fieldName": "ariaLabel"
+            },
+            {
+              "name": "accessible-name",
+              "type": {
+                "text": "string"
+              },
+              "description": "Provides an accessible label for the checkbox element (used by dsa-table-row and dsa-table-header-row)",
+              "fieldName": "accessibleName"
             }
           ],
           "superclass": {
@@ -3451,14 +3509,6 @@
               },
               "privacy": "private"
             },
-            {
-              "kind": "field",
-              "name": "slottedElementsObserver",
-              "type": {
-                "text": "MutationObserver"
-              },
-              "privacy": "private"
-            },
             {
               "kind": "field",
               "name": "defaultSlot",
@@ -3490,14 +3540,6 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "allCheckboxes",
-              "type": {
-                "text": "(DSACheckbox | DSACheckboxButton)[]"
-              },
-              "default": "[]"
-            },
             {
               "kind": "field",
               "name": "label",
@@ -3535,7 +3577,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+              "description": "The current value of the checkbox group, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
               "attribute": "value"
             },
             {
@@ -3612,6 +3654,16 @@
               "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
               "attribute": "error-message"
             },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
+              "attribute": "hide-label"
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -3624,11 +3676,6 @@
               "description": "Gets the validation message",
               "readonly": true
             },
-            {
-              "kind": "method",
-              "name": "observeSlottedElements",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "getAllCheckboxes",
@@ -3688,11 +3735,6 @@
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "updateCheckedCheckbox",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "handleValueChange"
@@ -3786,7 +3828,7 @@
                 "text": "string[]"
               },
               "default": "[]",
-              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+              "description": "The current value of the checkbox group, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
               "fieldName": "value"
             },
             {
@@ -3851,6 +3893,15 @@
               "default": "''",
               "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
               "fieldName": "errorMessage"
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
+              "fieldName": "hideLabel"
             }
           ],
           "superclass": {
@@ -3860,7 +3911,8 @@
           "summary": "Checkbox groups are used to group multiple [checkbox](/components/checkbox) or [checkbox buttons](/components/checkbox-button) so they function as a single form control.",
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/checkbox/checkbox-group/web-oG8sM40s",
           "dependencies": [
-            "dsa-error-text"
+            "dsa-error-text",
+            "dsa-visually-hidden"
           ],
           "tagName": "dsa-checkbox-group",
           "customElement": true
@@ -4040,7 +4092,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
               "attribute": "value"
             },
             {
@@ -4642,7 +4694,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
               "fieldName": "value"
             },
             {
@@ -4861,6 +4913,17 @@
               "attribute": "label",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "hideTitle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the title part of the header, allowing users to still use the close button to dismiss the dialog.",
+              "attribute": "hide-title",
+              "reflects": true
+            },
             {
               "kind": "field",
               "name": "noHeader",
@@ -4868,7 +4931,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
               "attribute": "no-header",
               "reflects": true
             },
@@ -4979,13 +5042,22 @@
               "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
               "fieldName": "label"
             },
+            {
+              "name": "hide-title",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the title part of the header, allowing users to still use the close button to dismiss the dialog.",
+              "fieldName": "hideTitle"
+            },
             {
               "name": "no-header",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
               "fieldName": "noHeader"
             },
             {
@@ -6430,7 +6502,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
               "attribute": "error-message"
             },
             {
@@ -6622,7 +6694,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
               "fieldName": "errorMessage"
             }
           ],
@@ -9797,7 +9869,7 @@
               "default": "''",
               "attribute": "value",
               "reflects": true,
-              "description": "The current value of the filter. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
               "inheritedFrom": {
                 "name": "FilterBase",
                 "module": "components/filter-base/filter-base.js"
@@ -9821,7 +9893,7 @@
                 "text": "number"
               },
               "default": "5",
-              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to display the complete list. Set to 0 to remove the limit.",
+              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
               "attribute": "max-visible-list-length"
             },
             {
@@ -10031,6 +10103,10 @@
               "kind": "method",
               "name": "handleSeeAllChange"
             },
+            {
+              "kind": "method",
+              "name": "handleMultipleChange"
+            },
             {
               "kind": "method",
               "name": "hide",
@@ -10390,7 +10466,7 @@
               },
               "default": "''",
               "fieldName": "value",
-              "description": "The current value of the filter. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
               "inheritedFrom": {
                 "name": "FilterBase",
                 "module": "src/components/filter-base/filter-base.ts"
@@ -10411,7 +10487,7 @@
                 "text": "number"
               },
               "default": "5",
-              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to display the complete list. Set to 0 to remove the limit.",
+              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
               "fieldName": "maxVisibleListLength"
             },
             {
@@ -11599,6 +11675,10 @@
               "description": "External links that will be displayed in the very top on desktop.",
               "name": "external-links"
             },
+            {
+              "description": "Change the first logo (for exemple if you need to use Angular routerLink).",
+              "name": "first-logo"
+            },
             {
               "description": "Optional second logo.",
               "name": "second-logo"
@@ -11649,7 +11729,7 @@
                 "text": "| 'public'\n    | 'pro'"
               },
               "default": "'public'",
-              "description": "Choice bewteen public or pro for the first logo",
+              "description": "Choice between public or pro for the first logo",
               "attribute": "first-logo",
               "reflects": true
             },
@@ -11664,6 +11744,16 @@
               "attribute": "logo-href",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "logoSize",
+              "type": {
+                "text": "'default' | 'large'"
+              },
+              "default": "'default'",
+              "description": "Renders the logo with larger dimensions",
+              "attribute": "logo-size"
+            },
             {
               "kind": "field",
               "name": "searchExpanded",
@@ -11698,6 +11788,10 @@
             {
               "kind": "method",
               "name": "handleSearchExpanded"
+            },
+            {
+              "kind": "method",
+              "name": "handleMobile"
             }
           ],
           "attributes": [
@@ -11707,7 +11801,7 @@
                 "text": "| 'public'\n    | 'pro'"
               },
               "default": "'public'",
-              "description": "Choice bewteen public or pro for the first logo",
+              "description": "Choice between public or pro for the first logo",
               "fieldName": "firstLogo"
             },
             {
@@ -11719,6 +11813,15 @@
               "description": "The url of the first logo link",
               "fieldName": "logoHref"
             },
+            {
+              "name": "logo-size",
+              "type": {
+                "text": "'default' | 'large'"
+              },
+              "default": "'default'",
+              "description": "Renders the logo with larger dimensions",
+              "fieldName": "logoSize"
+            },
             {
               "name": "search-expanded",
               "type": {
@@ -11906,6 +12009,26 @@
               "attribute": "expanded",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "alwaysOpen",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Renders the search in an always opened state",
+              "attribute": "always-open"
+            },
+            {
+              "kind": "field",
+              "name": "mobile",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the header search is rendered in its mobile version or in its desktop version",
+              "attribute": "mobile"
+            },
             {
               "kind": "method",
               "name": "handleExpandClick",
@@ -12020,6 +12143,24 @@
               "default": "false",
               "description": "Expands the search and displays the input",
               "fieldName": "expanded"
+            },
+            {
+              "name": "always-open",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Renders the search in an always opened state",
+              "fieldName": "alwaysOpen"
+            },
+            {
+              "name": "mobile",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the header search is rendered in its mobile version or in its desktop version",
+              "fieldName": "mobile"
             }
           ],
           "superclass": {
@@ -12030,7 +12171,8 @@
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/en-tete-header/recherche-d-en-tete-header-search/web-clHODcyh",
           "dependencies": [
             "dsa-icon",
-            "dsa-icon-button"
+            "dsa-icon-button",
+            "dsa-button"
           ],
           "tagName": "dsa-header-search",
           "customElement": true
@@ -15186,49 +15328,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-phone/input-phone.configs.js",
-      "declarations": [
-        {
-          "kind": "function",
-          "name": "getPhoneConfig",
-          "return": {
-            "type": {
-              "text": "DSAPhoneConfig"
-            }
-          },
-          "parameters": [
-            {
-              "name": "phonePrefix",
-              "type": {
-                "text": "FrenchNumberPrefix"
-              }
-            }
-          ],
-          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
-          "type": {
-            "text": "DSAPhoneConfig"
-          }
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "getPhoneConfig",
-          "declaration": {
-            "name": "getPhoneConfig",
-            "module": "components/input-phone/input-phone.configs.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "components/input-phone/input-phone.js",
+      "path": "components/input-otp/input-otp.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSAInputPhone",
+          "name": "DSAInputOTP",
           "slots": [
             {
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
@@ -15253,24 +15358,11 @@
             },
             {
               "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
-            {
-              "kind": "field",
-              "name": "inputEl",
+              "name": "input",
               "type": {
                 "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "phonePrefixEl",
-              "type": {
-                "text": "DSASelect"
-              }
+              },
+              "privacy": "private"
             },
             {
               "kind": "field",
@@ -15283,64 +15375,616 @@
             },
             {
               "kind": "field",
-              "name": "maskedNumber",
+              "name": "currentIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
               "privacy": "private",
-              "default": "''"
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "phoneConfig",
+              "name": "patternRegexp",
               "type": {
-                "text": "DSAPhoneConfig"
+                "text": "RegExp"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "placeholder",
+              "name": "value",
               "type": {
                 "text": "string"
               },
-              "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."
+              "default": "''",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "attribute": "value"
             },
             {
               "kind": "field",
-              "name": "pattern",
+              "name": "defaultValue",
               "type": {
                 "text": "string"
               },
-              "description": "A regular expression pattern to validate input against."
+              "default": "''",
+              "description": "The default value of the form control. Primarily used for resetting the form control."
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "pattern",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
-              "attribute": "value"
+              "description": "A regular expression pattern to validate input against.",
+              "attribute": "pattern"
             },
             {
               "kind": "field",
-              "name": "phonePrefix",
+              "name": "length",
               "type": {
-                "text": "FrenchNumberPrefix"
+                "text": "number"
               },
-              "default": "'+33'",
-              "description": "The current value of the prefix select"
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "attribute": "length"
             },
             {
               "kind": "field",
-              "name": "phoneNumber",
+              "name": "autocapitalize",
               "type": {
-                "text": "string"
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
               },
-              "default": "''",
-              "description": "The current value of the phone number without its prefix"
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "attribute": "autocapitalize"
+            },
+            {
+              "kind": "field",
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that the input should receive focus on page load.",
+              "attribute": "autofocus"
+            },
+            {
+              "kind": "field",
+              "name": "enterkeyhint",
+              "type": {
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              },
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "attribute": "enterkeyhint"
+            },
+            {
+              "kind": "field",
+              "name": "inputmode",
+              "type": {
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+              },
+              "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.",
+              "attribute": "inputmode"
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "description": "Gets the validation message",
+              "readonly": true
+            },
+            {
+              "kind": "method",
+              "name": "handleBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInput",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "InputEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleInvalid",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleSingleFieldClick",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "getLastIndex",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getDescriptionIds",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleCurrentIndexChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePatterChange"
+            },
+            {
+              "kind": "method",
+              "name": "blur",
+              "description": "Removes focus from the input."
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity",
+              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "parameters": [
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "FocusOptions"
+                  }
+                }
+              ],
+              "description": "Sets focus on the input."
+            },
+            {
+              "kind": "method",
+              "name": "getForm",
+              "return": {
+                "type": {
+                  "text": "HTMLFormElement | null"
+                }
+              },
+              "description": "Gets the associated form, if one exists."
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity",
+              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
+            },
+            {
+              "kind": "method",
+              "name": "select",
+              "description": "Selects all the text in the input."
+            },
+            {
+              "kind": "method",
+              "name": "setCustomValidity",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderSingleField",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "index",
+                  "type": {
+                    "text": "number"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "renderInput"
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the control loses focus.",
+              "name": "dsa-blur"
+            },
+            {
+              "description": "Emitted when an alteration to the control's value is committed by the user.",
+              "name": "dsa-change"
+            },
+            {
+              "description": "Emitted when the control gains focus.",
+              "name": "dsa-focus"
+            },
+            {
+              "description": "Emitted when the control receives input.",
+              "name": "dsa-input"
+            },
+            {
+              "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
+              "name": "dsa-invalid"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against.",
+              "fieldName": "pattern"
+            },
+            {
+              "name": "length",
+              "type": {
+                "text": "number"
+              },
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "fieldName": "length"
+            },
+            {
+              "name": "autocapitalize",
+              "type": {
+                "text": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+              },
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "fieldName": "autocapitalize"
+            },
+            {
+              "name": "autofocus",
+              "type": {
+                "text": "boolean"
+              },
+              "description": "Indicates that the input should receive focus on page load.",
+              "fieldName": "autofocus"
+            },
+            {
+              "name": "enterkeyhint",
+              "type": {
+                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              },
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "fieldName": "enterkeyhint"
+            },
+            {
+              "name": "inputmode",
+              "type": {
+                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+              },
+              "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.",
+              "fieldName": "inputmode"
+            }
+          ],
+          "superclass": {
+            "name": "FormControlLayout",
+            "module": "/src/internal/components/form-control/form-control-layout"
+          },
+          "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
+          "documentation": "undefined",
+          "dependencies": [
+            "dsa-error-text"
+          ],
+          "tagName": "dsa-input-otp",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-input-otp",
+          "declaration": {
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-otp/input-otp.utils.js",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_DIGITS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^\\\\d*$'"
+        },
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_LETTERS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^[a-zA-Z]*$'"
+        },
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^[a-zA-Z0-9]*$'"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "REGEXP_ONLY_DIGITS",
+          "declaration": {
+            "name": "REGEXP_ONLY_DIGITS",
+            "module": "components/input-otp/input-otp.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "REGEXP_ONLY_LETTERS",
+          "declaration": {
+            "name": "REGEXP_ONLY_LETTERS",
+            "module": "components/input-otp/input-otp.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "declaration": {
+            "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+            "module": "components/input-otp/input-otp.utils.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-phone/input-phone.configs.js",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "getPhoneConfig",
+          "return": {
+            "type": {
+              "text": "DSAPhoneConfig"
+            }
+          },
+          "parameters": [
+            {
+              "name": "phonePrefix",
+              "type": {
+                "text": "FrenchNumberPrefix"
+              }
+            }
+          ],
+          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
+          "type": {
+            "text": "DSAPhoneConfig"
+          }
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "getPhoneConfig",
+          "declaration": {
+            "name": "getPhoneConfig",
+            "module": "components/input-phone/input-phone.configs.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-phone/input-phone.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAInputPhone",
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
+            },
+            {
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
+            },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "formControlController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new FormControlController(this, { assumeInteractionOn: ['dsa-blur', 'dsa-input'], })"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "inputEl",
+              "type": {
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "phonePrefixEl",
+              "type": {
+                "text": "DSASelect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "kind": "field",
+              "name": "maskedNumber",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "phoneConfig",
+              "type": {
+                "text": "DSAPhoneConfig"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "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."
+            },
+            {
+              "kind": "field",
+              "name": "pattern",
+              "type": {
+                "text": "string"
+              },
+              "description": "A regular expression pattern to validate input against."
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "phonePrefix",
+              "type": {
+                "text": "FrenchNumberPrefix"
+              },
+              "default": "'+33'",
+              "description": "The current value of the prefix select"
+            },
+            {
+              "kind": "field",
+              "name": "phoneNumber",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The current value of the phone number without its prefix"
             },
             {
               "kind": "field",
@@ -15736,6 +16380,7 @@
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/champs-de-saisie/input-phone/web-LwXd33D5",
           "dependencies": [
             "dsa-icon",
+            "dsa-icon-button",
             "dsa-option",
             "dsa-select",
             "dsa-error-text"
@@ -15782,23 +16427,6 @@
             "text": "PhonePrefixOption[]"
           },
           "default": "[ { value: '+33', label: 'fr_FR' }, { value: '+590', label: 'fr_GP' }, { value: '+594', label: 'fr_GF' }, { value: '+596', label: 'fr_MQ' }, { value: '+687', label: 'fr_NC' }, { value: '+689', label: 'fr_PF' }, { value: '+508', label: 'fr_PM' }, { value: '+262', label: 'fr_RE' }, { value: '+681', label: 'fr_WF' }, ]"
-        },
-        {
-          "kind": "variable",
-          "name": "frenchFlagSelect",
-          "default": "html`<svg slot=\"prefix\" xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"20\" fill=\"none\" aria-hidden=\"true\" > <rect width=\"27.5\" height=\"19.5\" x=\".25\" y=\".25\" fill=\"#fff\" stroke=\"#F5F5F5\" stroke-width=\".5\" rx=\"1.75\" /> <mask id=\"mask0_16382_21057\" width=\"28\" height=\"20\" x=\"0\" y=\"0\" maskUnits=\"userSpaceOnUse\" style=\"mask-type:luminance\" > <rect width=\"27.5\" height=\"19.5\" x=\".25\" y=\".25\" fill=\"#fff\" stroke=\"#fff\" stroke-width=\".5\" rx=\"1.75\" /> </mask> <g mask=\"url(#mask0_16382_21057)\"> <path fill=\"#F44653\" d=\"M18.666 0h9.333v20h-9.333z\" /> <path fill=\"#1035BB\" fill-rule=\"evenodd\" d=\"M0 20h9.333V0H0v20Z\" clip-rule=\"evenodd\" /> </g> </svg>`"
-        },
-        {
-          "kind": "function",
-          "name": "frenchFlagOption",
-          "parameters": [
-            {
-              "name": "id",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
         }
       ],
       "exports": [
@@ -15817,22 +16445,6 @@
             "name": "phonePrefixOptions",
             "module": "components/input-phone/input-phone.utils.js"
           }
-        },
-        {
-          "kind": "js",
-          "name": "frenchFlagSelect",
-          "declaration": {
-            "name": "frenchFlagSelect",
-            "module": "components/input-phone/input-phone.utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "frenchFlagOption",
-          "declaration": {
-            "name": "frenchFlagOption",
-            "module": "components/input-phone/input-phone.utils.js"
-          }
         }
       ]
     },
@@ -19601,9 +20213,19 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
               "attribute": "error-message"
             },
+            {
+              "kind": "field",
+              "name": "hideLabel",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
+              "attribute": "hide-label"
+            },
             {
               "kind": "field",
               "name": "validity",
@@ -19852,8 +20474,17 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
               "fieldName": "errorMessage"
+            },
+            {
+              "name": "hide-label",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
+              "fieldName": "hideLabel"
             }
           ],
           "superclass": {
@@ -19863,7 +20494,8 @@
           "summary": "Radio groups are used to group multiple [radios](/components/radio) or [radio buttons](/components/radio-button) so they function as a single form control.",
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/radio/groupe-de-radios-radio-group/web-cfij4VEK",
           "dependencies": [
-            "dsa-error-text"
+            "dsa-error-text",
+            "dsa-visually-hidden"
           ],
           "tagName": "dsa-radio-group",
           "customElement": true
@@ -19963,16 +20595,6 @@
               "privacy": "private",
               "default": "false"
             },
-            {
-              "kind": "field",
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The title contains a text representing advisory information related to the element it belongs to.",
-              "attribute": "title"
-            },
             {
               "kind": "field",
               "name": "labelFrom",
@@ -20172,15 +20794,6 @@
             }
           ],
           "attributes": [
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The title contains a text representing advisory information related to the element it belongs to.",
-              "fieldName": "title"
-            },
             {
               "name": "label-from",
               "type": {
@@ -20683,7 +21296,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
               "attribute": "value"
             },
             {
@@ -21155,7 +21768,7 @@
                 "text": "string | string[]"
               },
               "default": "''",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
               "fieldName": "value"
             },
             {
@@ -22412,6 +23025,15 @@
               "description": "Makes the tab closable and shows a close button.",
               "attribute": "closable"
             },
+            {
+              "kind": "field",
+              "name": "closeButtonLabel",
+              "type": {
+                "text": "string"
+              },
+              "description": "Provide a custom label for the tab close button.",
+              "attribute": "close-button-label"
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -22479,6 +23101,14 @@
               "description": "Makes the tab closable and shows a close button.",
               "fieldName": "closable"
             },
+            {
+              "name": "close-button-label",
+              "type": {
+                "text": "string"
+              },
+              "description": "Provide a custom label for the tab close button.",
+              "fieldName": "closeButtonLabel"
+            },
             {
               "name": "disabled",
               "type": {
@@ -27092,8 +27722,9 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.0.1",
+    "version": "2.2.0",
     "author": "CNSA",
+    "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"
   }
 }