@ds-autonomie/web-components 2.13.0 → 2.14.0

package/cdn/custom-elements.json

@@ -576,6 +576,11 @@
               "name": "getPrefixIconName",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getIconLabel",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleOpenChange"
@@ -5617,6 +5622,19 @@
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "handleSpaceKey",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
+            },
             {
               "kind": "method",
               "name": "handleArrowKeys",
@@ -11436,7 +11454,17 @@
         },
         {
           "kind": "function",
-          "name": "dsaLogoSvg",
+          "name": "cnsaLogoNoSubtextSvg",
+          "parameters": [
+            {
+              "name": "alt",
+              "default": "''"
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "spaLogoSvg",
           "parameters": [
             {
               "name": "alt",
@@ -11456,9 +11484,17 @@
         },
         {
           "kind": "js",
-          "name": "dsaLogoSvg",
+          "name": "cnsaLogoNoSubtextSvg",
+          "declaration": {
+            "name": "cnsaLogoNoSubtextSvg",
+            "module": "components/header/header.assets.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "spaLogoSvg",
           "declaration": {
-            "name": "dsaLogoSvg",
+            "name": "spaLogoSvg",
             "module": "components/header/header.assets.js"
           }
         }
@@ -11597,6 +11633,11 @@
               "name": "handleSearchCollapseEvent",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "getFirtLogo",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "handleSearchExpanded"
@@ -11740,6 +11781,186 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/header-modern/header-modern.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAHeaderModern",
+          "cssProperties": [
+            {
+              "description": "Custom value for the header content maximum width",
+              "name": "--header-max-width"
+            },
+            {
+              "description": "Custom value for the header inline padding",
+              "name": "--header-padding-inline"
+            }
+          ],
+          "slots": [
+            {
+              "description": "External links that will be displayed in the very top on desktop.",
+              "name": "external-links"
+            },
+            {
+              "description": "Optional second logo.",
+              "name": "second-logo"
+            },
+            {
+              "description": "Website / service name.",
+              "name": "site-name"
+            },
+            {
+              "description": "Search component (dsa-header-search).",
+              "name": "search"
+            },
+            {
+              "description": "Right section of the header, used for action buttons.",
+              "name": ""
+            },
+            {
+              "description": "Navigation bar.",
+              "name": "navbar"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "hasSlotController",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new HasSlotController( this, 'external-links', 'second-logo', 'site-name', 'search', 'navbar' )"
+            },
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
+            },
+            {
+              "kind": "field",
+              "name": "externalLinks",
+              "type": {
+                "text": "HTMLSlotElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "firstLogo",
+              "type": {
+                "text": "| 'public'\n    | 'pro'"
+              },
+              "default": "'public'",
+              "description": "Choice between public or pro for the first logo",
+              "attribute": "first-logo",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "searchExpanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands the search",
+              "attribute": "search-expanded",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "mobile",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
+              "attribute": "mobile"
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchExpandEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchCollapseEvent",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getFirtLogo",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleSearchExpanded"
+            },
+            {
+              "kind": "method",
+              "name": "handleMobile"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "first-logo",
+              "type": {
+                "text": "| 'public'\n    | 'pro'"
+              },
+              "default": "'public'",
+              "description": "Choice between public or pro for the first logo",
+              "fieldName": "firstLogo"
+            },
+            {
+              "name": "search-expanded",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Expands the search",
+              "fieldName": "searchExpanded"
+            },
+            {
+              "name": "mobile",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
+              "fieldName": "mobile"
+            }
+          ],
+          "superclass": {
+            "name": "ShoelaceElement",
+            "package": "@internal/shoelace-element"
+          },
+          "summary": "The header offers elements of information on the site (logos, title, etc.), a search field and a set of links and actions for the user.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/en-tete-header/en-tete-header/web-580agKvE",
+          "tagName": "dsa-header-modern",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAHeaderModern",
+            "module": "components/header-modern/header-modern.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-header-modern",
+          "declaration": {
+            "name": "DSAHeaderModern",
+            "module": "components/header-modern/header-modern.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/header-search/header-search.js",
@@ -14548,12 +14769,49 @@
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-otp/input-otp.js",
+      "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": "DSAInputOTP",
+          "name": "DSAInputPhone",
           "slots": [
             {
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
@@ -14571,77 +14829,163 @@
           "members": [
             {
               "kind": "field",
-              "name": "input",
+              "name": "defaultChecked",
               "type": {
-                "text": "HTMLInputElement"
+                "text": "boolean | undefined | undefined"
               }
             },
             {
               "kind": "field",
-              "name": "currentIndex",
-              "type": {
-                "text": "number"
-              },
+              "name": "localize",
               "privacy": "private",
-              "default": "0"
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "patternRegexp",
+              "name": "input",
               "type": {
-                "text": "RegExp"
+                "text": "HTMLInputElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "phonePrefixEl",
+              "type": {
+                "text": "DSASelect"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "maskedNumber",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "private",
+              "default": "''"
+            },
+            {
+              "kind": "field",
+              "name": "phoneConfig",
+              "type": {
+                "text": "DSAPhoneConfig"
               },
               "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "length",
+              "name": "placeholder",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "6",
-              "description": "The length of input that will be considered valid.",
-              "attribute": "length"
+              "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": "_isSyncing",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "private",
+              "default": "false"
+            },
+            {
+              "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",
+              "name": "inputPrefix",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "attribute": "input-prefix"
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'top-start' | 'bottom-start'"
+              },
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "description": "Gets the validity state object",
+              "readonly": true
             },
             {
               "kind": "method",
-              "name": "handleFocus",
-              "privacy": "protected"
+              "name": "handleDocumentKeyUp",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleInput",
-              "privacy": "protected",
+              "name": "handlePhonePrefixSelectChange",
+              "privacy": "private",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "InputEvent"
+                    "text": "DSAChangeEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleSelect",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
+              "name": "handleInputChange",
               "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "KeyboardEvent"
+                    "text": "Event"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleSingleFieldClick",
+              "name": "handleClearIconClick",
               "privacy": "private",
               "parameters": [
                 {
@@ -14654,39 +14998,56 @@
             },
             {
               "kind": "method",
-              "name": "getLastIndex",
+              "name": "updateValue",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleCurrentIndexChange"
-            },
-            {
-              "kind": "method",
-              "name": "handlePatterChange"
-            },
-            {
-              "kind": "method",
-              "name": "getUpdateComplete",
-              "return": {
-                "type": {
-                  "text": "Promise<boolean>"
-                }
-              }
+              "name": "updatePhoneConfig",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "renderSingleField",
+              "name": "setPhoneFromValue",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "index",
+                  "name": "value",
                   "type": {
-                    "text": "number"
+                    "text": "string"
                   }
                 }
               ]
             },
+            {
+              "kind": "method",
+              "name": "getDescriptionIds",
+              "privacy": "protected"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleValueChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePhonePrefixChange"
+            },
+            {
+              "kind": "method",
+              "name": "handlePhoneNumberChange"
+            },
+            {
+              "kind": "method",
+              "name": "checkValidity"
+            },
+            {
+              "kind": "method",
+              "name": "reportValidity"
+            },
             {
               "kind": "method",
               "name": "renderInput"
@@ -14701,6 +15062,10 @@
               "description": "Emitted when an alteration to the control's value is committed by the user.",
               "name": "dsa-change"
             },
+            {
+              "description": "Emitted when the clear button is activated.",
+              "name": "dsa-clear"
+            },
             {
               "description": "Emitted when the control gains focus.",
               "name": "dsa-focus"
@@ -14716,25 +15081,47 @@
           ],
           "attributes": [
             {
-              "name": "length",
+              "name": "value",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "default": "6",
-              "description": "The length of input that will be considered valid.",
-              "fieldName": "length"
+              "default": "''",
+              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+              "fieldName": "value"
+            },
+            {
+              "name": "input-prefix",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "fieldName": "inputPrefix"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top-start' | 'bottom-start'"
+              },
+              "default": "'bottom-start'",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "fieldName": "placement"
             }
           ],
           "superclass": {
             "name": "InputBase",
             "package": "@internal/components/input-base/input-base"
           },
-          "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/input-champ-de-saisie/input-otp-code-mfa/web-p6oWJZn2",
+          "summary": "Inputs collect data from the user.",
+          "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"
           ],
-          "tagName": "dsa-input-otp",
+          "tagName": "dsa-input-phone",
           "customElement": true
         }
       ],
@@ -14743,121 +15130,68 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInputOTP",
-            "module": "components/input-otp/input-otp.js"
+            "name": "DSAInputPhone",
+            "module": "components/input-phone/input-phone.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input-otp",
+          "name": "dsa-input-phone",
           "declaration": {
-            "name": "DSAInputOTP",
-            "module": "components/input-otp/input-otp.js"
+            "name": "DSAInputPhone",
+            "module": "components/input-phone/input-phone.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-otp/input-otp.utils.js",
+      "path": "components/input-phone/input-phone.utils.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "REGEXP_ONLY_DIGITS",
-          "type": {
-            "text": "string"
-          },
-          "default": "'^\\\\d*$'"
-        },
-        {
-          "kind": "variable",
-          "name": "REGEXP_ONLY_LETTERS",
+          "name": "frenchNumberPrefix",
           "type": {
-            "text": "string"
+            "text": "[\n  '+33',\n  '+262',\n  '+508',\n  '+590',\n  '+594',\n  '+596',\n  '+681',\n  '+687',\n  '+689',\n]"
           },
-          "default": "'^[a-zA-Z]*$'"
+          "default": "[ '+33', '+262', '+508', '+590', '+594', '+596', '+681', '+687', '+689', ]"
         },
         {
           "kind": "variable",
-          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "name": "phonePrefixOptions",
           "type": {
-            "text": "string"
+            "text": "PhonePrefixOption[]"
           },
-          "default": "'^[a-zA-Z0-9]*$'"
+          "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' }, ]"
         }
       ],
       "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",
+          "name": "frenchNumberPrefix",
           "declaration": {
-            "name": "REGEXP_ONLY_LETTERS",
-            "module": "components/input-otp/input-otp.utils.js"
+            "name": "frenchNumberPrefix",
+            "module": "components/input-phone/input-phone.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",
+          "name": "phonePrefixOptions",
           "declaration": {
-            "name": "getPhoneConfig",
-            "module": "components/input-phone/input-phone.configs.js"
+            "name": "phonePrefixOptions",
+            "module": "components/input-phone/input-phone.utils.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.",
@@ -14873,165 +15207,79 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "defaultChecked",
-              "type": {
-                "text": "boolean | undefined | undefined"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "localize",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new LocalizeController(this)"
-            },
             {
               "kind": "field",
               "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "phonePrefixEl",
-              "type": {
-                "text": "DSASelect"
-              }
-            },
-            {
-              "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": "_isSyncing",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "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"
+              "type": {
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "inputPrefix",
+              "name": "currentIndex",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "Optional input prefix to help the user understand the first digit is not needed",
-              "attribute": "input-prefix"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "placement",
+              "name": "patternRegexp",
               "type": {
-                "text": "'top-start' | 'bottom-start'"
+                "text": "RegExp"
               },
-              "default": "'bottom-start'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "attribute": "placement",
-              "reflects": true
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
+              "name": "length",
+              "type": {
+                "text": "number"
+              },
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "attribute": "length"
             },
             {
               "kind": "method",
-              "name": "handleDocumentKeyUp",
-              "privacy": "private"
+              "name": "handleFocus",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handlePhonePrefixSelectChange",
-              "privacy": "private",
+              "name": "handleInput",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "DSAChangeEvent"
+                    "text": "InputEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleInputChange",
+              "name": "handleSelect",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleKeyDown",
               "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleClearIconClick",
+              "name": "handleSingleFieldClick",
               "privacy": "private",
               "parameters": [
                 {
@@ -15044,56 +15292,39 @@
             },
             {
               "kind": "method",
-              "name": "updateValue",
+              "name": "getLastIndex",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "updatePhoneConfig",
-              "privacy": "private"
+              "name": "handleCurrentIndexChange"
             },
             {
               "kind": "method",
-              "name": "setPhoneFromValue",
+              "name": "handlePatterChange"
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderSingleField",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "value",
+                  "name": "index",
                   "type": {
-                    "text": "string"
+                    "text": "number"
                   }
                 }
               ]
             },
-            {
-              "kind": "method",
-              "name": "getDescriptionIds",
-              "privacy": "protected"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "handlePhonePrefixChange"
-            },
-            {
-              "kind": "method",
-              "name": "handlePhoneNumberChange"
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity"
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity"
-            },
             {
               "kind": "method",
               "name": "renderInput"
@@ -15108,10 +15339,6 @@
               "description": "Emitted when an alteration to the control's value is committed by the user.",
               "name": "dsa-change"
             },
-            {
-              "description": "Emitted when the clear button is activated.",
-              "name": "dsa-clear"
-            },
             {
               "description": "Emitted when the control gains focus.",
               "name": "dsa-focus"
@@ -15127,47 +15354,25 @@
           ],
           "attributes": [
             {
-              "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.",
-              "fieldName": "value"
-            },
-            {
-              "name": "input-prefix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Optional input prefix to help the user understand the first digit is not needed",
-              "fieldName": "inputPrefix"
-            },
-            {
-              "name": "placement",
+              "name": "length",
               "type": {
-                "text": "'top-start' | 'bottom-start'"
+                "text": "number"
               },
-              "default": "'bottom-start'",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "fieldName": "placement"
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "fieldName": "length"
             }
           ],
           "superclass": {
             "name": "InputBase",
             "package": "@internal/components/input-base/input-base"
           },
-          "summary": "Inputs collect data from the user.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/champs-de-saisie/input-phone/web-LwXd33D5",
+          "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/input-champ-de-saisie/input-otp-code-mfa/web-p6oWJZn2",
           "dependencies": [
-            "dsa-icon",
-            "dsa-icon-button",
-            "dsa-option",
-            "dsa-select",
             "dsa-error-text"
           ],
-          "tagName": "dsa-input-phone",
+          "tagName": "dsa-input-otp",
           "customElement": true
         }
       ],
@@ -15176,56 +15381,72 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInputPhone",
-            "module": "components/input-phone/input-phone.js"
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input-phone",
+          "name": "dsa-input-otp",
           "declaration": {
-            "name": "DSAInputPhone",
-            "module": "components/input-phone/input-phone.js"
+            "name": "DSAInputOTP",
+            "module": "components/input-otp/input-otp.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-phone/input-phone.utils.js",
+      "path": "components/input-otp/input-otp.utils.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "frenchNumberPrefix",
+          "name": "REGEXP_ONLY_DIGITS",
           "type": {
-            "text": "[\n  '+33',\n  '+262',\n  '+508',\n  '+590',\n  '+594',\n  '+596',\n  '+681',\n  '+687',\n  '+689',\n]"
+            "text": "string"
           },
-          "default": "[ '+33', '+262', '+508', '+590', '+594', '+596', '+681', '+687', '+689', ]"
+          "default": "'^\\\\d*$'"
         },
         {
           "kind": "variable",
-          "name": "phonePrefixOptions",
+          "name": "REGEXP_ONLY_LETTERS",
           "type": {
-            "text": "PhonePrefixOption[]"
+            "text": "string"
           },
-          "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' }, ]"
+          "default": "'^[a-zA-Z]*$'"
+        },
+        {
+          "kind": "variable",
+          "name": "REGEXP_ONLY_DIGITS_AND_LETTERS",
+          "type": {
+            "text": "string"
+          },
+          "default": "'^[a-zA-Z0-9]*$'"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "frenchNumberPrefix",
+          "name": "REGEXP_ONLY_DIGITS",
           "declaration": {
-            "name": "frenchNumberPrefix",
-            "module": "components/input-phone/input-phone.utils.js"
+            "name": "REGEXP_ONLY_DIGITS",
+            "module": "components/input-otp/input-otp.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "phonePrefixOptions",
+          "name": "REGEXP_ONLY_LETTERS",
           "declaration": {
-            "name": "phonePrefixOptions",
-            "module": "components/input-phone/input-phone.utils.js"
+            "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"
           }
         }
       ]
@@ -21335,7 +21556,7 @@
               "kind": "field",
               "name": "currentOption",
               "type": {
-                "text": "DSAOption"
+                "text": "DSAOption | undefined"
               }
             },
             {
@@ -21624,11 +21845,6 @@
               "name": "getAllOptions",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "getFirstOption",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "setCurrentOption",
@@ -21637,7 +21853,7 @@
                 {
                   "name": "option",
                   "type": {
-                    "text": "DSAOption | null"
+                    "text": "DSAOption | undefined"
                   }
                 }
               ]
@@ -27313,6 +27529,20 @@
               "privacy": "private",
               "default": "'small'"
             },
+            {
+              "kind": "field",
+              "name": "content",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "removeButton",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
             {
               "kind": "field",
               "name": "variant",
@@ -27354,6 +27584,26 @@
               "default": "''",
               "attribute": "label"
             },
+            {
+              "kind": "field",
+              "name": "accessibleName",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(Optional) An accessible name for the tag",
+              "attribute": "accessible-name"
+            },
+            {
+              "kind": "field",
+              "name": "tooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Display the tag label in a tooltip",
+              "attribute": "tooltip"
+            },
             {
               "kind": "method",
               "name": "handleRemoveClick",
@@ -27405,6 +27655,24 @@
               },
               "default": "''",
               "fieldName": "label"
+            },
+            {
+              "name": "accessible-name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(Optional) An accessible name for the tag",
+              "fieldName": "accessibleName"
+            },
+            {
+              "name": "tooltip",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Display the tag label in a tooltip",
+              "fieldName": "tooltip"
             }
           ],
           "superclass": {
@@ -27414,7 +27682,9 @@
           "summary": "Tags are used as labels to organize things or to indicate a selection.",
           "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/tag-tag/web-ztnWI4xr",
           "dependencies": [
-            "dsa-icon-button"
+            "dsa-icon-button",
+            "dsa-tooltip",
+            "dsa-visually-hidden"
           ],
           "tagName": "dsa-tag",
           "customElement": true
@@ -29263,7 +29533,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.13.0",
+    "version": "2.14.0",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"