@ds-autonomie/web-components 2.5.0 → 2.5.1

package/cdn/custom-elements.json

@@ -14006,98 +14006,10 @@
           "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": "input",
-              "type": {
-                "text": "HTMLInputElement | DSAInputDate | DSAInputTime"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "standardInput",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "dateInput",
-              "type": {
-                "text": "DSAInputDate"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "timeInput",
-              "type": {
-                "text": "DSAInputTime"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "type",
-              "type": {
-                "text": "DSAInputTypes"
-              },
-              "default": "'text'",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "attribute": "type",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "clearable",
+              "name": "inputElement",
               "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
+                "text": "| DSAInputNative\n    | DSAInputDate\n    | DSAInputTime"
+              }
             },
             {
               "kind": "field",
@@ -14105,73 +14017,9 @@
               "type": {
                 "text": "string"
               },
+              "description": "Input date specific properties",
               "attribute": "lang"
             },
-            {
-              "kind": "field",
-              "name": "passwordVisible",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "attribute": "password-visible"
-            },
-            {
-              "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "A regular expression pattern to validate input against.",
-              "attribute": "pattern"
-            },
-            {
-              "kind": "field",
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength"
-            },
-            {
-              "kind": "field",
-              "name": "maxlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The maximum length of input that will be considered valid.",
-              "attribute": "maxlength"
-            },
-            {
-              "kind": "field",
-              "name": "counter",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Display the counter if maxlength is provided",
-              "attribute": "counter"
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "attribute": "min"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "attribute": "max"
-            },
             {
               "kind": "field",
               "name": "calendarStartDate",
@@ -14180,79 +14028,6 @@
               },
               "attribute": "calendar-start-date"
             },
-            {
-              "kind": "field",
-              "name": "step",
-              "type": {
-                "text": "number | 'any'"
-              },
-              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "attribute": "step"
-            },
-            {
-              "kind": "field",
-              "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.",
-              "attribute": "autocapitalize"
-            },
-            {
-              "kind": "field",
-              "name": "autocorrect",
-              "type": {
-                "text": "'off' | 'on'"
-              },
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect"
-            },
-            {
-              "kind": "field",
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
-            },
-            {
-              "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": "spellcheck",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enables spell checking on the input.",
-              "attribute": "spellcheck"
-            },
-            {
-              "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": "valueAsDate",
@@ -14277,153 +14052,31 @@
             },
             {
               "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "handleChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
+              "name": "handleInput",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleAmountChange",
-              "privacy": "private"
+              "name": "handleStepChange"
             },
             {
               "kind": "method",
-              "name": "handleClearClick",
-              "privacy": "private",
+              "name": "focus",
               "parameters": [
                 {
-                  "name": "event",
+                  "name": "options",
+                  "optional": true,
                   "type": {
-                    "text": "MouseEvent"
+                    "text": "FocusOptions"
                   }
                 }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleInput",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "InputEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "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": "handleAmountKeydown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "getSafeStep",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handlePasswordToggle",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "getDescriptionIds",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleStepChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the input."
+              ],
+              "description": "Sets focus on the input."
             },
             {
               "kind": "method",
@@ -14509,19 +14162,6 @@
               "kind": "method",
               "name": "hideDatepicker"
             },
-            {
-              "kind": "method",
-              "name": "adjustAmountValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "direction",
-                  "type": {
-                    "text": "'up' | 'down'"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "stepUp",
@@ -14570,11 +14210,6 @@
               "name": "reportValidity",
               "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
-            {
-              "kind": "method",
-              "name": "checkAmountValidity",
-              "privacy": "private"
-            },
             {
               "kind": "method",
               "name": "setCustomValidity",
@@ -14596,14 +14231,6 @@
                   "text": "Promise<boolean>"
                 }
               }
-            },
-            {
-              "kind": "method",
-              "name": "renderInput"
-            },
-            {
-              "kind": "method",
-              "name": "renderCounter"
             }
           ],
           "events": [
@@ -14634,183 +14261,352 @@
           ],
           "attributes": [
             {
-              "name": "type",
+              "name": "lang",
               "type": {
-                "text": "DSAInputTypes"
+                "text": "string"
               },
-              "default": "'text'",
-              "description": "The type of input. Works the same as a native `<input>` element, but only a subset of types are supported. Defaults\nto `text`.",
-              "fieldName": "type"
+              "description": "Input date specific properties",
+              "fieldName": "lang"
             },
             {
-              "name": "value",
+              "name": "calendar-start-date",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "fieldName": "value"
+              "fieldName": "calendarStartDate"
+            }
+          ],
+          "superclass": {
+            "name": "InputBase",
+            "module": "/src/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/champ-de-saisie-input/web-wEUo4qY5",
+          "dependencies": [
+            "dsa-icon",
+            "dsa-icon-button",
+            "dsa-input-date",
+            "dsa-input-time",
+            "dsa-input-native",
+            "dsa-error-text"
+          ],
+          "tagName": "dsa-input",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "DSAInput",
+            "module": "components/input/input.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "dsa-input",
+          "declaration": {
+            "name": "DSAInput",
+            "module": "components/input/input.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "components/input-date/input-date.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "DSAInputDate",
+          "slots": [
+            {
+              "description": "The input's label. Alternatively, you can use the `label` attribute.",
+              "name": "label"
             },
             {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
+              "description": "Used to prepend a presentational icon or similar element to the input.",
+              "name": "prefix"
             },
             {
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "lang"
+              "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
+              "name": "help-text"
             },
             {
-              "name": "password-visible",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Determines whether or not the password is currently visible. Only applies to password input types.",
-              "fieldName": "passwordVisible"
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
-              "name": "pattern",
+              "kind": "field",
+              "name": "input",
               "type": {
-                "text": "string"
-              },
-              "description": "A regular expression pattern to validate input against.",
-              "fieldName": "pattern"
+                "text": "DSAInternalDateField"
+              }
             },
             {
-              "name": "minlength",
+              "kind": "field",
+              "name": "popup",
               "type": {
-                "text": "number"
-              },
-              "description": "The minimum length of input that will be considered valid.",
-              "fieldName": "minlength"
+                "text": "DSAPopup"
+              }
             },
             {
-              "name": "maxlength",
+              "kind": "field",
+              "name": "datepickerButton",
               "type": {
-                "text": "number"
-              },
-              "description": "The maximum length of input that will be considered valid.",
-              "fieldName": "maxlength"
+                "text": "DSAIconButton"
+              }
             },
             {
-              "name": "counter",
+              "kind": "field",
+              "name": "isDatepickerOpen",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Display the counter if maxlength is provided",
-              "fieldName": "counter"
+              "privacy": "private",
+              "default": "false"
             },
             {
-              "name": "min",
+              "kind": "field",
+              "name": "lang",
               "type": {
-                "text": "number | string"
+                "text": "string"
               },
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "fieldName": "min"
+              "attribute": "lang"
             },
             {
-              "name": "max",
+              "kind": "field",
+              "name": "calendarStartDate",
               "type": {
-                "text": "number | string"
+                "text": "string"
               },
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "fieldName": "max"
+              "attribute": "calendar-start-date"
             },
             {
-              "name": "calendar-start-date",
-              "type": {
-                "text": "string"
-              },
-              "fieldName": "calendarStartDate"
+              "kind": "method",
+              "name": "addOpenListeners",
+              "privacy": "private"
             },
             {
-              "name": "step",
-              "type": {
-                "text": "number | 'any'"
-              },
-              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value. Only applies to date and number input types.",
-              "fieldName": "step"
+              "kind": "method",
+              "name": "removeOpenListeners",
+              "privacy": "private"
             },
             {
-              "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"
+              "kind": "method",
+              "name": "handleSelectedDate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "DSADateSelected"
+                  }
+                }
+              ]
             },
             {
-              "name": "autocorrect",
-              "type": {
-                "text": "'off' | 'on'"
-              },
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "fieldName": "autocorrect"
+              "kind": "method",
+              "name": "handleDocumentFocusIn",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "FocusEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "fieldName": "autocomplete"
+              "kind": "method",
+              "name": "handleDocumentMouseDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "MouseEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "autofocus",
-              "type": {
-                "text": "boolean"
-              },
-              "description": "Indicates that the input should receive focus on page load.",
-              "fieldName": "autofocus"
+              "kind": "method",
+              "name": "handleDocumentKeyDown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "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"
+              "kind": "method",
+              "name": "handleDateFieldKeydown",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "event",
+                  "type": {
+                    "text": "KeyboardEvent"
+                  }
+                }
+              ]
             },
             {
-              "name": "spellcheck",
+              "kind": "method",
+              "name": "handleDateFieldChange",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDateFieldFocus",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "handleDateFieldBlur",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "getDateFieldDescription",
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "shouldDisableDate",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "date",
+                  "type": {
+                    "text": "Date"
+                  }
+                }
+              ]
+            },
+            {
+              "kind": "method",
+              "name": "handleOpenChange"
+            },
+            {
+              "kind": "method",
+              "name": "showDatepicker",
+              "description": "Displays the dsa-calendar picker for an input element."
+            },
+            {
+              "kind": "method",
+              "name": "hideDatepicker",
+              "description": "Hides dsa-calendar."
+            },
+            {
+              "kind": "method",
+              "name": "getUpdateComplete",
+              "return": {
+                "type": {
+                  "text": "Promise<boolean>"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleLabelClick",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              }
+            },
+            {
+              "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 clear button is activated.",
+              "name": "dsa-clear"
+            },
+            {
+              "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"
+            },
+            {
+              "description": "Emitted when the picker opens.",
+              "name": "dsa-show"
+            },
+            {
+              "description": "Emitted after the picker opens and all animations are complete.",
+              "name": "dsa-after-show"
+            },
+            {
+              "description": "Emitted when the picker closes.",
+              "name": "dsa-hide"
+            },
+            {
+              "description": "Emitted after the picker closes and all animations are complete.",
+              "name": "dsa-after-hide"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "lang",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "true",
-              "description": "Enables spell checking on the input.",
-              "fieldName": "spellcheck"
+              "fieldName": "lang"
             },
             {
-              "name": "inputmode",
+              "name": "calendar-start-date",
               "type": {
-                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+                "text": "string"
               },
-              "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"
+              "fieldName": "calendarStartDate"
             }
           ],
           "superclass": {
-            "name": "FormControlLayout",
-            "module": "/src/internal/components/form-control/form-control-layout"
+            "name": "InputBase",
+            "module": "/src/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/champ-de-saisie-input/web-wEUo4qY5",
+          "summary": "(Internal) Input-date collect date data from the user.",
           "dependencies": [
-            "dsa-icon",
             "dsa-icon-button",
-            "dsa-input-date",
             "dsa-error-text"
           ],
-          "tagName": "dsa-input",
+          "tagName": "dsa-input-date",
           "customElement": true
         }
       ],
@@ -14819,167 +14615,87 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInput",
-            "module": "components/input/input.js"
+            "name": "DSAInputDate",
+            "module": "components/input-date/input-date.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input",
+          "name": "dsa-input-date",
           "declaration": {
-            "name": "DSAInput",
-            "module": "components/input/input.js"
+            "name": "DSAInputDate",
+            "module": "components/input-date/input-date.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input/input.utils.js",
+      "path": "components/input-mask/input-mask.configs.js",
       "declarations": [
         {
-          "kind": "function",
-          "name": "isPrefixIconOverriden",
-          "return": {
-            "type": {
-              "text": "type is DSAInputOverridenPrefixIconTypes"
-            }
+          "kind": "variable",
+          "name": "IBANConfig",
+          "type": {
+            "text": "DSAMaskConfig"
           },
-          "parameters": [
-            {
-              "name": "type",
-              "type": {
-                "text": "DSAInputTypes"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "getOverridenIconDetails",
-          "parameters": [
-            {
-              "name": "type",
-              "type": {
-                "text": "DSAInputOverridenPrefixIconTypes"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "isInvalidAmountKey",
-          "parameters": [
-            {
-              "name": "event",
-              "type": {
-                "text": "KeyboardEvent"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "parseFrAmount",
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "numberToFrAmount",
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number | string"
-              }
-            }
-          ]
-        },
-        {
-          "kind": "function",
-          "name": "roundToStep",
-          "parameters": [
-            {
-              "name": "value",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "step",
-              "type": {
-                "text": "number | 'any'"
-              }
-            }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "isPrefixIconOverriden",
-          "declaration": {
-            "name": "isPrefixIconOverriden",
-            "module": "components/input/input.utils.js"
-          }
+          "default": "{ placeholder: '____ ____ ____ ____ ____ ____ ____ ___', mask: 'LL__ ____ ____ ____ ____ ____ ____ ___', pattern: '^(?:((?:IT|SM)\\\\d{2}[A-Z]{1}\\\\d{22})|(NL\\\\d{2}[A-Z]{4}\\\\d{10})|(LV\\\\d{2}[A-Z]{4}\\\\d{13})|((?:BG|GB|IE)\\\\d{2}[A-Z]{4}\\\\d{14})|(GI\\\\d{2}[A-Z]{4}\\\\d{15})|(RO\\\\d{2}[A-Z]{4}\\\\d{16})|(MT\\\\d{2}[A-Z]{4}\\\\d{23})|(NO\\\\d{13})|((?:DK|FI)\\\\d{16})|((?:SI)\\\\d{17})|((?:AT|EE|LU|LT)\\\\d{18})|((?:HR|LI|CH)\\\\d{19})|((?:DE|VA)\\\\d{20})|((?:AD|CZ|ES|MD|SK|SE)\\\\d{22})|(PT\\\\d{23})|((?:IS)\\\\d{24})|((?:BE)\\\\d{14})|((?:FR|MC|GR)\\\\d{25})|((?:PL|HU|CY)\\\\d{26}))$', 'help-text': `Indicatif pays en 2 lettres majuscules suivi de 10 à 31 charactères numériques`, }",
+          "description": "Input Mask configuration for IBAN from countries within the SEPA area."
         },
         {
-          "kind": "js",
-          "name": "getOverridenIconDetails",
-          "declaration": {
-            "name": "getOverridenIconDetails",
-            "module": "components/input/input.utils.js"
-          }
+          "kind": "variable",
+          "name": "BICConfig",
+          "type": {
+            "text": "DSAMaskConfig"
+          },
+          "default": "{ placeholder: '____ __ __ ___', pattern: `([a-zA-Z]{4})([a-zA-Z]{2})(([2-9a-zA-Z]{1})([0-9a-np-zA-NP-Z]{1}))((([0-9a-wy-zA-WY-Z]{1})([0-9a-zA-Z]{2}))|([xX]{3})|)`, 'help-text': '8 ou 11 charactères', }",
+          "description": "Input Mask configuration for BIC/Swift. Pattern compatible the 100 principal banks of France."
         },
         {
-          "kind": "js",
-          "name": "isInvalidAmountKey",
-          "declaration": {
-            "name": "isInvalidAmountKey",
-            "module": "components/input/input.utils.js"
-          }
-        },
+          "kind": "variable",
+          "name": "NIRConfig",
+          "type": {
+            "text": "DSAMaskConfig"
+          },
+          "default": "{ placeholder: '_ __ __ __ ___ ___ __', mask: '# ## ## ## ### ### ##', pattern: `[12][0-9]{2}(0[1-9]|1[0-2])(2[AB]|[0-9]{2})[0-9]{3}[0-9]{3}([0-9]{2})`, 'help-text': '15 charactères', }",
+          "description": "Input Mask configuration for NIR"
+        }
+      ],
+      "exports": [
         {
           "kind": "js",
-          "name": "parseFrAmount",
+          "name": "IBANConfig",
           "declaration": {
-            "name": "parseFrAmount",
-            "module": "components/input/input.utils.js"
+            "name": "IBANConfig",
+            "module": "components/input-mask/input-mask.configs.js"
           }
         },
         {
           "kind": "js",
-          "name": "numberToFrAmount",
+          "name": "BICConfig",
           "declaration": {
-            "name": "numberToFrAmount",
-            "module": "components/input/input.utils.js"
+            "name": "BICConfig",
+            "module": "components/input-mask/input-mask.configs.js"
           }
         },
         {
           "kind": "js",
-          "name": "roundToStep",
+          "name": "NIRConfig",
           "declaration": {
-            "name": "roundToStep",
-            "module": "components/input/input.utils.js"
+            "name": "NIRConfig",
+            "module": "components/input-mask/input-mask.configs.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-date/input-date.js",
+      "path": "components/input-mask/input-mask.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSAInputDate",
+          "name": "DSAInputMask",
           "slots": [
             {
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
@@ -14989,6 +14705,10 @@
               "description": "Used to prepend a presentational icon or similar element to the input.",
               "name": "prefix"
             },
+            {
+              "description": "Used to postpend a presentational icon or similar element to the input.",
+              "name": "suffix"
+            },
             {
               "description": "Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.",
               "name": "help-text"
@@ -14999,13 +14719,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['dsa-blur', 'dsa-input', 'dsa-change'], })"
-            },
             {
               "kind": "field",
               "name": "localize",
@@ -15013,13 +14726,6 @@
               "readonly": true,
               "default": "new LocalizeController(this)"
             },
-            {
-              "kind": "field",
-              "name": "dateField",
-              "type": {
-                "text": "DSAInternalDateField"
-              }
-            },
             {
               "kind": "field",
               "name": "input",
@@ -15029,121 +14735,42 @@
             },
             {
               "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "DSAPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "datepickerButton",
-              "type": {
-                "text": "DSAIconButton"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isDatepickerOpen",
+              "name": "maskedValue",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
               "privacy": "private",
-              "default": "false"
+              "default": "''"
             },
             {
               "kind": "field",
-              "name": "dateFieldHasFocus",
+              "name": "inputmode",
               "type": {
-                "text": "boolean"
+                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
               },
-              "privacy": "private",
-              "default": "false"
+              "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": "value",
+              "name": "pattern",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The current value of the input, 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": "defaultValue",
+              "name": "mask",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
-            },
-            {
-              "kind": "field",
-              "name": "lang",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "lang"
-            },
-            {
-              "kind": "field",
-              "name": "min",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "attribute": "min"
-            },
-            {
-              "kind": "field",
-              "name": "max",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "attribute": "max"
-            },
-            {
-              "kind": "field",
-              "name": "calendarStartDate",
-              "type": {
-                "text": "string"
-              },
-              "attribute": "calendar-start-date"
-            },
-            {
-              "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": "valueAsDate",
-              "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted."
+              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
+              "attribute": "mask",
+              "reflects": true
             },
             {
               "kind": "field",
@@ -15151,221 +14778,66 @@
               "description": "Gets the validity state object",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "addOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "removeOpenListeners",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectedDate",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "DSADateSelected"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleDocumentFocusIn",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "FocusEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleDocumentMouseDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleDocumentKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleDateFieldChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDateFieldFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDateFieldBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleClearClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
-              "name": "getDateFieldDescription",
+              "name": "handleDocumentKeyUp",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "shouldDisableDate",
+              "name": "rawValueToMaskedValue",
               "privacy": "private",
               "parameters": [
                 {
-                  "name": "date",
+                  "name": "inputValue",
                   "type": {
-                    "text": "Date"
+                    "text": "string"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
+              "name": "handleChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleOpenChange"
+              "name": "handleValueChange"
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "setRangeText",
               "parameters": [
                 {
-                  "name": "options",
+                  "name": "replacement",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "start",
                   "optional": true,
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "number"
                   }
-                }
-              ],
-              "description": "Sets focus on the input."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
-            },
-            {
-              "kind": "method",
-              "name": "showDatepicker",
-              "description": "Displays the dsa-calendar picker for an input element."
-            },
-            {
-              "kind": "method",
-              "name": "hideDatepicker",
-              "description": "Hides dsa-calendar."
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
-            },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
-            {
-              "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
+                },
                 {
-                  "name": "message",
+                  "name": "end",
+                  "optional": true,
                   "type": {
-                    "text": "string"
+                    "text": "number"
+                  }
+                },
+                {
+                  "name": "selectMode",
+                  "optional": true,
+                  "type": {
+                    "text": "'select' | 'start' | 'end' | 'preserve'"
                   }
                 }
               ],
-              "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": "handleLabelClick",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
+              "description": "Replaces a range of text with a new string."
             },
             {
               "kind": "method",
@@ -15396,100 +14868,47 @@
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
               "name": "dsa-invalid"
-            },
-            {
-              "description": "Emitted when the picker opens.",
-              "name": "dsa-show"
-            },
-            {
-              "description": "Emitted after the picker opens and all animations are complete.",
-              "name": "dsa-after-show"
-            },
-            {
-              "description": "Emitted when the picker closes.",
-              "name": "dsa-hide"
-            },
-            {
-              "description": "Emitted after the picker closes and all animations are complete.",
-              "name": "dsa-after-hide"
             }
           ],
           "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": "clearable",
+              "name": "inputmode",
               "type": {
-                "text": "boolean"
+                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
               },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
+              "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"
             },
             {
-              "name": "lang",
+              "name": "pattern",
               "type": {
                 "text": "string"
               },
-              "fieldName": "lang"
-            },
-            {
-              "name": "min",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's minimum value. Only applies to date and number input types.",
-              "fieldName": "min"
-            },
-            {
-              "name": "max",
-              "type": {
-                "text": "number | string"
-              },
-              "description": "The input's maximum value. Only applies to date and number input types.",
-              "fieldName": "max"
+              "default": "''",
+              "description": "A regular expression pattern to validate input against.",
+              "fieldName": "pattern"
             },
             {
-              "name": "calendar-start-date",
+              "name": "mask",
               "type": {
                 "text": "string"
               },
-              "fieldName": "calendarStartDate"
-            },
-            {
-              "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"
+              "default": "''",
+              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
+              "fieldName": "mask"
             }
           ],
           "superclass": {
-            "name": "FormControlLayout",
-            "module": "/src/internal/components/form-control/form-control-layout"
+            "name": "InputBase",
+            "module": "/src/internal/components/input-base/input-base"
           },
-          "summary": "(Internal) Input-date collect date data from the user.",
+          "summary": "Input Masks collect data from the user in a masked fashion.",
+          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/champs-de-saisie/input-mask/web-hTyf0FvL",
           "dependencies": [
-            "dsa-icon-button",
-            "dsa-error-text"
+            "dsa-error-text",
+            "dsa-icon"
           ],
-          "tagName": "dsa-input-date",
+          "tagName": "dsa-input-mask",
           "customElement": true
         }
       ],
@@ -15498,87 +14917,198 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInputDate",
-            "module": "components/input-date/input-date.js"
+            "name": "DSAInputMask",
+            "module": "components/input-mask/input-mask.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input-date",
+          "name": "dsa-input-mask",
           "declaration": {
-            "name": "DSAInputDate",
-            "module": "components/input-date/input-date.js"
+            "name": "DSAInputMask",
+            "module": "components/input-mask/input-mask.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-mask/input-mask.configs.js",
+      "path": "components/input-mask/input-mask.utils.js",
       "declarations": [
         {
           "kind": "variable",
-          "name": "IBANConfig",
+          "name": "specialCharPattern",
+          "default": "/[^a-zA-Z0-9#?_]+/g"
+        },
+        {
+          "kind": "variable",
+          "name": "normalCharPattern",
+          "default": "/^[_A-z0-9]*((-)*[_A-z0-9])*$/"
+        },
+        {
+          "kind": "variable",
+          "name": "maskOptions",
+          "type": {
+            "text": "{\n  allChar: '_',\n  numericChar: '#dDmMyYaA09',\n  alphaChar: '?LaA',\n}"
+          },
+          "default": "{ allChar: '_', numericChar: '#dDmMyYaA09', alphaChar: '?LaA', }"
+        },
+        {
+          "kind": "function",
+          "name": "stripSpecialChars",
+          "parameters": [
+            {
+              "name": "word",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "rawValueToMaskedValue",
+          "parameters": [
+            {
+              "name": "rawValue",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "mask",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "maskedValueToRawValue",
+          "parameters": [
+            {
+              "name": "value",
+              "type": {
+                "text": "string"
+              }
+            },
+            {
+              "name": "mask",
+              "type": {
+                "text": "string"
+              }
+            }
+          ]
+        },
+        {
+          "kind": "variable",
+          "name": "IBANTestValues",
           "type": {
-            "text": "DSAMaskConfig"
+            "text": "array"
           },
-          "default": "{ placeholder: '____ ____ ____ ____ ____ ____ ____ ___', mask: 'LL__ ____ ____ ____ ____ ____ ____ ___', pattern: '^(?:((?:IT|SM)\\\\d{2}[A-Z]{1}\\\\d{22})|(NL\\\\d{2}[A-Z]{4}\\\\d{10})|(LV\\\\d{2}[A-Z]{4}\\\\d{13})|((?:BG|GB|IE)\\\\d{2}[A-Z]{4}\\\\d{14})|(GI\\\\d{2}[A-Z]{4}\\\\d{15})|(RO\\\\d{2}[A-Z]{4}\\\\d{16})|(MT\\\\d{2}[A-Z]{4}\\\\d{23})|(NO\\\\d{13})|((?:DK|FI)\\\\d{16})|((?:SI)\\\\d{17})|((?:AT|EE|LU|LT)\\\\d{18})|((?:HR|LI|CH)\\\\d{19})|((?:DE|VA)\\\\d{20})|((?:AD|CZ|ES|MD|SK|SE)\\\\d{22})|(PT\\\\d{23})|((?:IS)\\\\d{24})|((?:BE)\\\\d{14})|((?:FR|MC|GR)\\\\d{25})|((?:PL|HU|CY)\\\\d{26}))$', 'help-text': `Indicatif pays en 2 lettres majuscules suivi de 10 à 31 charactères numériques`, }",
-          "description": "Input Mask configuration for IBAN from countries within the SEPA area."
+          "default": "[ 'AD1400080001001234567890', 'AT483200000012345864', 'BE71096123456769', 'BG18RZBB91550123456789', 'HR1723600001101234565', 'CY21002001950000357001234567', 'CZ5508000000001234567899', 'DK9520000123456789', 'EE471000001020145685', 'FI1410093000123458', 'FR7630006000011234567890189', 'DE75512108001245126199', 'GI04BARC000001234567890', 'GR9608100010000001234567890', 'HU93116000060000000012345676', 'IS750001121234563108962099', 'IE64IRCE92050112345678', 'IT60X0542811101000000123456', 'LV97HABA0012345678910', 'LI7408806123456789012', 'LT601010012345678901', 'LU120010001234567891', 'MT31MALT01100000000000000000123', 'MC5810096180790123456789085', 'NL02ABNA0123456789', 'NO8330001234567', 'PL10105000997603123456789123', 'PT50002700000001234567833', 'RO09BCYP0000001234567890', 'SM76P0854009812123456789123', 'SK8975000000000012345671', 'SI56192001234567892', 'ES7921000813610123456789', 'SE7280000810340009783242', 'CH5604835012345678009', 'GB33BUKB20201555555555', 'VA59001123000012345678', ]"
         },
         {
           "kind": "variable",
-          "name": "BICConfig",
+          "name": "BICTestValues",
           "type": {
-            "text": "DSAMaskConfig"
+            "text": "array"
           },
-          "default": "{ placeholder: '____ __ __ ___', pattern: `([a-zA-Z]{4})([a-zA-Z]{2})(([2-9a-zA-Z]{1})([0-9a-np-zA-NP-Z]{1}))((([0-9a-wy-zA-WY-Z]{1})([0-9a-zA-Z]{2}))|([xX]{3})|)`, 'help-text': '8 ou 11 charactères', }",
-          "description": "Input Mask configuration for BIC/Swift. Pattern compatible the 100 principal banks of France."
+          "default": "[ 'DEKTDE7GXXX', 'GEBABEBB', 'BKAUATWW', 'COBADEFF060', 'UCJAES2MXXX', 'ESSEDE5F100', 'CMCIFRPP', 'CHASFIHHXXX', 'PBNKDEFF100', 'ZUNOCZPP', 'ABNACHZ8XXX', 'DNBANOKK', 'DEUTDEDB101', 'ARSPBE22', 'DXIADEBBXXX', 'SOGEFRPP', // Société générale 'BNPAFRPPXXX', //BNP 'CMCIFR2AXXX', // Crédit Mutuel 'CMCIFRPPXXX', //CIC banque 'PSSTFRPPPAR', //Banque postale 'PSSTFRPPLIL', 'PSSTFRPPSCE', 'PSSTFRPPMAR', 'CMBRFR2BXXX', //credit mutuelle 'CEPAFRPP627', //caise d'epargne 'PSSTFRPPCNE', 'CEPAFRPP751', 'AGRIFRPP867', 'AGRIFRPP878', 'PSSTFRPPBOR', 'CEPAFRPP382', 'PSSTFRPPLYO', 'AGRIFRPP887', 'AGRIFRPP891', 'CEPAFRPP444', 'PSSTFRPPMON', 'AGRIFRPP882', 'AGRIFRPP835', 'CEPAFRPP513', 'CEPAFRPP333', 'PSSTFRPPTOU', 'AGRIFRPP833', 'AGRIFRPP802', 'CEPAFRPP131', 'AGRIFRPP868', 'PSSTFRPPROU', 'CEPAFRPP142', 'AGRIFRPP847', 'AGRIFRPP866', 'CEPAFRPP313', 'AGRIFRPP879', 'CEPAFRPP348', 'AGRIFRPP813', 'CCBPFRPPGRE', 'PSSTFRPPNTE', 'AGRIFRPP848', 'CEPAFRPP213', 'CCBPFRPPDJN', 'AGRIFRPP810', 'AGRIFRPP881', 'PSSTFRPPDIJ', 'AGRIFRPP839', 'AGRIFRPP883', 'CCBPFRPPBDX', 'CEPAFRPP450', 'BREDFRPPXXX', 'PSSTFRPPLIM', 'CCBPFRPPMTZ', 'AGRIFRPP869', 'PSSTFRPPCLE', 'AGRIFRPP812', 'CCBPFRPPNAN', 'CCBPFRPPTLS', 'PSSTFRPPCHA', 'PSSTFRPPNCY', 'PSSTFRPPGRE', 'CEPAFRPP831', 'CCBPFRPPMTG', 'AGRIFRPP825', 'AGRIFRPP845', 'PSSTFRPPREN', 'CEPAFRPP871', 'AGRIFRPP831', 'CEPAFRPP426', 'AGRIFRPP861', 'AGRIFRPP836', 'AGRIFRPP817', 'AGRIFRPP894', 'CCBPFRPPPPG', 'SOAPFR22XXX', 'CCBPFRPPVER', 'AGRIFRPP829', 'AGRIFRPP824', 'CCBPFRPPMAR', 'AGRIFRPP871', 'AGRIFRPP822', 'AGRIFRPP844', 'AGRIFRPP872', 'CCBPFRPPLIL', 'AGRIFRPP895', 'AGRIFRPP860', 'PSSTFRPPSDR', 'AXABFRPPXXX', 'PSSTFRPPSTR', 'CCOPFRPPXXX', 'SORMFR2NXXX', 'CCBPFRPPREN', 'PSSTFRPPBTE', 'GPBAFRPPXXX', 'PSSTFRPPCAY', 'PRNSFRP1XXX', 'CMCIFRP1MON', 'FTNOFRP1XXX', 'PSSTFRPPFDF', 'CEPAFRPP670', 'CMBRFR2BARK', ]"
         },
         {
           "kind": "variable",
-          "name": "NIRConfig",
+          "name": "NIRTestValues",
           "type": {
-            "text": "DSAMaskConfig"
+            "text": "array"
           },
-          "default": "{ placeholder: '_ __ __ __ ___ ___ __', mask: '# ## ## ## ### ### ##', pattern: `[12][0-9]{2}(0[1-9]|1[0-2])(2[AB]|[0-9]{2})[0-9]{3}[0-9]{3}([0-9]{2})`, 'help-text': '15 charactères', }",
-          "description": "Input Mask configuration for NIR"
+          "default": "['187089932132113']"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "IBANConfig",
+          "name": "specialCharPattern",
           "declaration": {
-            "name": "IBANConfig",
-            "module": "components/input-mask/input-mask.configs.js"
+            "name": "specialCharPattern",
+            "module": "components/input-mask/input-mask.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "BICConfig",
+          "name": "normalCharPattern",
           "declaration": {
-            "name": "BICConfig",
-            "module": "components/input-mask/input-mask.configs.js"
+            "name": "normalCharPattern",
+            "module": "components/input-mask/input-mask.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "NIRConfig",
+          "name": "maskOptions",
           "declaration": {
-            "name": "NIRConfig",
-            "module": "components/input-mask/input-mask.configs.js"
+            "name": "maskOptions",
+            "module": "components/input-mask/input-mask.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "stripSpecialChars",
+          "declaration": {
+            "name": "stripSpecialChars",
+            "module": "components/input-mask/input-mask.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "rawValueToMaskedValue",
+          "declaration": {
+            "name": "rawValueToMaskedValue",
+            "module": "components/input-mask/input-mask.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "maskedValueToRawValue",
+          "declaration": {
+            "name": "maskedValueToRawValue",
+            "module": "components/input-mask/input-mask.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "IBANTestValues",
+          "declaration": {
+            "name": "IBANTestValues",
+            "module": "components/input-mask/input-mask.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "BICTestValues",
+          "declaration": {
+            "name": "BICTestValues",
+            "module": "components/input-mask/input-mask.utils.js"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "NIRTestValues",
+          "declaration": {
+            "name": "NIRTestValues",
+            "module": "components/input-mask/input-mask.utils.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-mask/input-mask.js",
+      "path": "components/input-native/input-native.js",
       "declarations": [
         {
           "kind": "class",
           "description": "",
-          "name": "DSAInputMask",
+          "name": "DSAInputNative",
           "slots": [
             {
               "description": "The input's label. Alternatively, you can use the `label` attribute.",
@@ -15597,228 +15127,62 @@
               "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": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "maskedValue",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "private",
-              "default": "''"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
-            },
-            {
-              "kind": "field",
-              "name": "inputmode",
-              "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
-              },
-              "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": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A regular expression pattern to validate input against.",
-              "attribute": "pattern"
-            },
-            {
-              "kind": "field",
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The minimum length of input that will be considered valid.",
-              "attribute": "minlength"
-            },
-            {
-              "kind": "field",
-              "name": "autocorrect",
-              "type": {
-                "text": "'off' | 'on'"
-              },
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "attribute": "autocorrect"
-            },
-            {
-              "kind": "field",
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
-            },
-            {
-              "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": "mask",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
-              "attribute": "mask",
-              "reflects": true
-            },
-            {
-              "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": "handleDocumentKeyUp",
-              "privacy": "private"
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "private",
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "privacy": "protected"
             },
             {
-              "kind": "method",
-              "name": "rawValueToMaskedValue",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "inputValue",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ]
+              "kind": "field",
+              "name": "valueAsNumber",
+              "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted."
             },
             {
               "kind": "method",
-              "name": "handleClearClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
+              "name": "handleChange",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleFocus",
+              "name": "handleAmountChange",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleChange",
-              "privacy": "private"
+              "name": "handleInput",
+              "privacy": "protected"
             },
             {
               "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
+              "name": "handleKeyDown",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
                   "type": {
-                    "text": "Event"
+                    "text": "KeyboardEvent"
                   }
                 }
               ]
             },
             {
               "kind": "method",
-              "name": "handleKeyDown",
+              "name": "handleAmountKeydown",
               "privacy": "private",
               "parameters": [
                 {
@@ -15831,116 +15195,60 @@
             },
             {
               "kind": "method",
-              "name": "getDescriptionIds",
+              "name": "getSafeStep",
               "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleValueChange"
+              "name": "handlePasswordToggle",
+              "privacy": "private"
             },
             {
               "kind": "method",
-              "name": "focus",
+              "name": "adjustAmountValue",
+              "privacy": "private",
               "parameters": [
                 {
-                  "name": "options",
-                  "optional": true,
+                  "name": "direction",
                   "type": {
-                    "text": "FocusOptions"
+                    "text": "'up' | 'down'"
                   }
                 }
-              ],
-              "description": "Sets focus on the input."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
-            },
-            {
-              "kind": "method",
-              "name": "select",
-              "description": "Selects all the text in the input."
+              ]
             },
             {
               "kind": "method",
-              "name": "setSelectionRange",
+              "name": "stepUp",
               "parameters": [
                 {
-                  "name": "selectionStart",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectionEnd",
+                  "name": "stepNumber",
+                  "optional": true,
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "selectionDirection",
-                  "default": "'none'",
-                  "type": {
-                    "text": "'forward' | 'backward' | 'none'"
-                  }
                 }
               ],
-              "description": "Sets the start and end positions of the text selection (0-based)."
+              "description": "Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter."
             },
             {
               "kind": "method",
-              "name": "setRangeText",
+              "name": "stepDown",
               "parameters": [
                 {
-                  "name": "replacement",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "start",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "end",
+                  "name": "stepNumber",
                   "optional": true,
                   "type": {
                     "text": "number"
                   }
-                },
-                {
-                  "name": "selectMode",
-                  "optional": true,
-                  "type": {
-                    "text": "'select' | 'start' | 'end' | 'preserve'"
-                  }
                 }
               ],
-              "description": "Replaces a range of text with a new string."
+              "description": "Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter."
             },
             {
               "kind": "method",
               "name": "checkValidity",
               "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
             },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
             {
               "kind": "method",
               "name": "reportValidity",
@@ -15948,20 +15256,16 @@
             },
             {
               "kind": "method",
-              "name": "setCustomValidity",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "Sets a custom validation message. Pass an empty string to restore validity."
+              "name": "checkAmountValidity",
+              "privacy": "private"
             },
             {
               "kind": "method",
               "name": "renderInput"
+            },
+            {
+              "kind": "method",
+              "name": "renderCounter"
             }
           ],
           "events": [
@@ -15980,113 +15284,27 @@
             {
               "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": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
-            },
-            {
-              "name": "inputmode",
-              "type": {
-                "text": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
-              },
-              "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"
-            },
-            {
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "A regular expression pattern to validate input against.",
-              "fieldName": "pattern"
-            },
-            {
-              "name": "minlength",
-              "type": {
-                "text": "number"
-              },
-              "description": "The minimum length of input that will be considered valid.",
-              "fieldName": "minlength"
-            },
-            {
-              "name": "autocorrect",
-              "type": {
-                "text": "'off' | 'on'"
-              },
-              "description": "Indicates whether the browser's autocorrect feature is on or off.",
-              "fieldName": "autocorrect"
-            },
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "fieldName": "autocomplete"
-            },
-            {
-              "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": "mask",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
-              "fieldName": "mask"
+            },
+            {
+              "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"
             }
           ],
           "superclass": {
-            "name": "FormControlLayout",
-            "module": "/src/internal/components/form-control/form-control-layout"
+            "name": "InputBase",
+            "module": "/src/internal/components/input-base/input-base"
           },
-          "summary": "Input Masks collect data from the user in a masked fashion.",
-          "documentation": "https://dsa.service-public-autonomie.fr/latest/librairie-webcomponents/champs-de-saisie/input-mask/web-hTyf0FvL",
+          "summary": "(Internal) Inputs with native browser behavior.\n*",
           "dependencies": [
-            "dsa-error-text",
-            "dsa-icon"
+            "dsa-icon",
+            "dsa-icon-button",
+            "dsa-error-text"
           ],
-          "tagName": "dsa-input-mask",
+          "tagName": "dsa-input-native",
           "customElement": true
         }
       ],
@@ -16095,186 +15313,155 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "DSAInputMask",
-            "module": "components/input-mask/input-mask.js"
+            "name": "DSAInputNative",
+            "module": "components/input-native/input-native.js"
           }
         },
         {
           "kind": "custom-element-definition",
-          "name": "dsa-input-mask",
+          "name": "dsa-input-native",
           "declaration": {
-            "name": "DSAInputMask",
-            "module": "components/input-mask/input-mask.js"
+            "name": "DSAInputNative",
+            "module": "components/input-native/input-native.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "components/input-mask/input-mask.utils.js",
+      "path": "components/input-native/input-native.utils.js",
       "declarations": [
         {
-          "kind": "variable",
-          "name": "specialCharPattern",
-          "default": "/[^a-zA-Z0-9#?_]+/g"
-        },
-        {
-          "kind": "variable",
-          "name": "normalCharPattern",
-          "default": "/^[_A-z0-9]*((-)*[_A-z0-9])*$/"
+          "kind": "function",
+          "name": "isPrefixIconOverriden",
+          "return": {
+            "type": {
+              "text": "type is DSAInputOverridenPrefixIconTypes"
+            }
+          },
+          "parameters": [
+            {
+              "name": "type",
+              "type": {
+                "text": "DSAInputTypes"
+              }
+            }
+          ]
         },
         {
-          "kind": "variable",
-          "name": "maskOptions",
-          "type": {
-            "text": "{\n  allChar: '_',\n  numericChar: '#dDmMyYaA09',\n  alphaChar: '?LaA',\n}"
-          },
-          "default": "{ allChar: '_', numericChar: '#dDmMyYaA09', alphaChar: '?LaA', }"
+          "kind": "function",
+          "name": "getOverridenIconDetails",
+          "parameters": [
+            {
+              "name": "type",
+              "type": {
+                "text": "DSAInputOverridenPrefixIconTypes"
+              }
+            }
+          ]
         },
         {
           "kind": "function",
-          "name": "stripSpecialChars",
+          "name": "isInvalidAmountKey",
           "parameters": [
             {
-              "name": "word",
+              "name": "event",
               "type": {
-                "text": "string"
+                "text": "KeyboardEvent"
               }
             }
           ]
         },
         {
           "kind": "function",
-          "name": "rawValueToMaskedValue",
+          "name": "parseFrAmount",
           "parameters": [
             {
-              "name": "rawValue",
+              "name": "value",
               "type": {
                 "text": "string"
               }
-            },
+            }
+          ]
+        },
+        {
+          "kind": "function",
+          "name": "numberToFrAmount",
+          "parameters": [
             {
-              "name": "mask",
+              "name": "value",
               "type": {
-                "text": "string"
+                "text": "number | string"
               }
             }
           ]
         },
         {
           "kind": "function",
-          "name": "maskedValueToRawValue",
+          "name": "roundToStep",
           "parameters": [
             {
               "name": "value",
               "type": {
-                "text": "string"
+                "text": "number"
               }
             },
             {
-              "name": "mask",
+              "name": "step",
               "type": {
-                "text": "string"
+                "text": "number | 'any'"
               }
             }
           ]
-        },
-        {
-          "kind": "variable",
-          "name": "IBANTestValues",
-          "type": {
-            "text": "array"
-          },
-          "default": "[ 'AD1400080001001234567890', 'AT483200000012345864', 'BE71096123456769', 'BG18RZBB91550123456789', 'HR1723600001101234565', 'CY21002001950000357001234567', 'CZ5508000000001234567899', 'DK9520000123456789', 'EE471000001020145685', 'FI1410093000123458', 'FR7630006000011234567890189', 'DE75512108001245126199', 'GI04BARC000001234567890', 'GR9608100010000001234567890', 'HU93116000060000000012345676', 'IS750001121234563108962099', 'IE64IRCE92050112345678', 'IT60X0542811101000000123456', 'LV97HABA0012345678910', 'LI7408806123456789012', 'LT601010012345678901', 'LU120010001234567891', 'MT31MALT01100000000000000000123', 'MC5810096180790123456789085', 'NL02ABNA0123456789', 'NO8330001234567', 'PL10105000997603123456789123', 'PT50002700000001234567833', 'RO09BCYP0000001234567890', 'SM76P0854009812123456789123', 'SK8975000000000012345671', 'SI56192001234567892', 'ES7921000813610123456789', 'SE7280000810340009783242', 'CH5604835012345678009', 'GB33BUKB20201555555555', 'VA59001123000012345678', ]"
-        },
-        {
-          "kind": "variable",
-          "name": "BICTestValues",
-          "type": {
-            "text": "array"
-          },
-          "default": "[ 'DEKTDE7GXXX', 'GEBABEBB', 'BKAUATWW', 'COBADEFF060', 'UCJAES2MXXX', 'ESSEDE5F100', 'CMCIFRPP', 'CHASFIHHXXX', 'PBNKDEFF100', 'ZUNOCZPP', 'ABNACHZ8XXX', 'DNBANOKK', 'DEUTDEDB101', 'ARSPBE22', 'DXIADEBBXXX', 'SOGEFRPP', // Société générale 'BNPAFRPPXXX', //BNP 'CMCIFR2AXXX', // Crédit Mutuel 'CMCIFRPPXXX', //CIC banque 'PSSTFRPPPAR', //Banque postale 'PSSTFRPPLIL', 'PSSTFRPPSCE', 'PSSTFRPPMAR', 'CMBRFR2BXXX', //credit mutuelle 'CEPAFRPP627', //caise d'epargne 'PSSTFRPPCNE', 'CEPAFRPP751', 'AGRIFRPP867', 'AGRIFRPP878', 'PSSTFRPPBOR', 'CEPAFRPP382', 'PSSTFRPPLYO', 'AGRIFRPP887', 'AGRIFRPP891', 'CEPAFRPP444', 'PSSTFRPPMON', 'AGRIFRPP882', 'AGRIFRPP835', 'CEPAFRPP513', 'CEPAFRPP333', 'PSSTFRPPTOU', 'AGRIFRPP833', 'AGRIFRPP802', 'CEPAFRPP131', 'AGRIFRPP868', 'PSSTFRPPROU', 'CEPAFRPP142', 'AGRIFRPP847', 'AGRIFRPP866', 'CEPAFRPP313', 'AGRIFRPP879', 'CEPAFRPP348', 'AGRIFRPP813', 'CCBPFRPPGRE', 'PSSTFRPPNTE', 'AGRIFRPP848', 'CEPAFRPP213', 'CCBPFRPPDJN', 'AGRIFRPP810', 'AGRIFRPP881', 'PSSTFRPPDIJ', 'AGRIFRPP839', 'AGRIFRPP883', 'CCBPFRPPBDX', 'CEPAFRPP450', 'BREDFRPPXXX', 'PSSTFRPPLIM', 'CCBPFRPPMTZ', 'AGRIFRPP869', 'PSSTFRPPCLE', 'AGRIFRPP812', 'CCBPFRPPNAN', 'CCBPFRPPTLS', 'PSSTFRPPCHA', 'PSSTFRPPNCY', 'PSSTFRPPGRE', 'CEPAFRPP831', 'CCBPFRPPMTG', 'AGRIFRPP825', 'AGRIFRPP845', 'PSSTFRPPREN', 'CEPAFRPP871', 'AGRIFRPP831', 'CEPAFRPP426', 'AGRIFRPP861', 'AGRIFRPP836', 'AGRIFRPP817', 'AGRIFRPP894', 'CCBPFRPPPPG', 'SOAPFR22XXX', 'CCBPFRPPVER', 'AGRIFRPP829', 'AGRIFRPP824', 'CCBPFRPPMAR', 'AGRIFRPP871', 'AGRIFRPP822', 'AGRIFRPP844', 'AGRIFRPP872', 'CCBPFRPPLIL', 'AGRIFRPP895', 'AGRIFRPP860', 'PSSTFRPPSDR', 'AXABFRPPXXX', 'PSSTFRPPSTR', 'CCOPFRPPXXX', 'SORMFR2NXXX', 'CCBPFRPPREN', 'PSSTFRPPBTE', 'GPBAFRPPXXX', 'PSSTFRPPCAY', 'PRNSFRP1XXX', 'CMCIFRP1MON', 'FTNOFRP1XXX', 'PSSTFRPPFDF', 'CEPAFRPP670', 'CMBRFR2BARK', ]"
-        },
-        {
-          "kind": "variable",
-          "name": "NIRTestValues",
-          "type": {
-            "text": "array"
-          },
-          "default": "['187089932132113']"
         }
       ],
       "exports": [
         {
           "kind": "js",
-          "name": "specialCharPattern",
-          "declaration": {
-            "name": "specialCharPattern",
-            "module": "components/input-mask/input-mask.utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "normalCharPattern",
-          "declaration": {
-            "name": "normalCharPattern",
-            "module": "components/input-mask/input-mask.utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "maskOptions",
-          "declaration": {
-            "name": "maskOptions",
-            "module": "components/input-mask/input-mask.utils.js"
-          }
-        },
-        {
-          "kind": "js",
-          "name": "stripSpecialChars",
+          "name": "isPrefixIconOverriden",
           "declaration": {
-            "name": "stripSpecialChars",
-            "module": "components/input-mask/input-mask.utils.js"
+            "name": "isPrefixIconOverriden",
+            "module": "components/input-native/input-native.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "rawValueToMaskedValue",
+          "name": "getOverridenIconDetails",
           "declaration": {
-            "name": "rawValueToMaskedValue",
-            "module": "components/input-mask/input-mask.utils.js"
+            "name": "getOverridenIconDetails",
+            "module": "components/input-native/input-native.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "maskedValueToRawValue",
+          "name": "isInvalidAmountKey",
           "declaration": {
-            "name": "maskedValueToRawValue",
-            "module": "components/input-mask/input-mask.utils.js"
+            "name": "isInvalidAmountKey",
+            "module": "components/input-native/input-native.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "IBANTestValues",
+          "name": "parseFrAmount",
           "declaration": {
-            "name": "IBANTestValues",
-            "module": "components/input-mask/input-mask.utils.js"
+            "name": "parseFrAmount",
+            "module": "components/input-native/input-native.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "BICTestValues",
+          "name": "numberToFrAmount",
           "declaration": {
-            "name": "BICTestValues",
-            "module": "components/input-mask/input-mask.utils.js"
+            "name": "numberToFrAmount",
+            "module": "components/input-native/input-native.utils.js"
           }
         },
         {
           "kind": "js",
-          "name": "NIRTestValues",
+          "name": "roundToStep",
           "declaration": {
-            "name": "NIRTestValues",
-            "module": "components/input-mask/input-mask.utils.js"
+            "name": "roundToStep",
+            "module": "components/input-native/input-native.utils.js"
           }
         }
       ]
@@ -16294,160 +15481,57 @@
             },
             {
               "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": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "currentIndex",
-              "type": {
-                "text": "number"
-              },
-              "privacy": "private",
-              "default": "0"
-            },
-            {
-              "kind": "field",
-              "name": "patternRegexp",
-              "type": {
-                "text": "RegExp"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
-            },
-            {
-              "kind": "field",
-              "name": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "pattern",
-              "type": {
-                "text": "string"
-              },
-              "description": "A regular expression pattern to validate input against.",
-              "attribute": "pattern"
-            },
-            {
-              "kind": "field",
-              "name": "length",
-              "type": {
-                "text": "number"
-              },
-              "default": "6",
-              "description": "The length of input that will be considered valid.",
-              "attribute": "length"
+              "name": "help-text"
             },
+            {
+              "description": "The tooltip slot allows additional information to be passed along the label.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
             {
               "kind": "field",
-              "name": "autocapitalize",
+              "name": "input",
               "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.",
-              "attribute": "autocapitalize"
+                "text": "HTMLInputElement"
+              }
             },
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "currentIndex",
               "type": {
-                "text": "boolean"
+                "text": "number"
               },
-              "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus"
+              "privacy": "private",
+              "default": "0"
             },
             {
               "kind": "field",
-              "name": "enterkeyhint",
+              "name": "patternRegexp",
               "type": {
-                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                "text": "RegExp"
               },
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint"
+              "privacy": "private"
             },
             {
               "kind": "field",
-              "name": "inputmode",
+              "name": "length",
               "type": {
-                "text": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+                "text": "number"
               },
-              "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"
+              "default": "6",
+              "description": "The length of input that will be considered valid.",
+              "attribute": "length"
             },
             {
               "kind": "method",
               "name": "handleFocus",
-              "privacy": "private"
+              "privacy": "protected"
             },
             {
               "kind": "method",
               "name": "handleInput",
-              "privacy": "private",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
@@ -16462,23 +15546,10 @@
               "name": "handleSelect",
               "privacy": "private"
             },
-            {
-              "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "handleKeyDown",
-              "privacy": "private",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
@@ -16506,84 +15577,14 @@
               "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",
@@ -16634,23 +15635,6 @@
             }
           ],
           "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": {
@@ -16659,43 +15643,11 @@
               "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"
+            "name": "InputBase",
+            "module": "/src/internal/components/input-base/input-base"
           },
           "summary": "The OTP input is used for MFA procedure of authenticating users by a one-time password.",
           "documentation": "undefined",
@@ -16841,13 +15793,6 @@
             }
           ],
           "members": [
-            {
-              "kind": "field",
-              "name": "formControlController",
-              "privacy": "private",
-              "readonly": true,
-              "default": "new FormControlController(this, { assumeInteractionOn: ['dsa-blur', 'dsa-input'], })"
-            },
             {
               "kind": "field",
               "name": "localize",
@@ -16857,7 +15802,7 @@
             },
             {
               "kind": "field",
-              "name": "inputEl",
+              "name": "input",
               "type": {
                 "text": "HTMLInputElement"
               }
@@ -16869,15 +15814,6 @@
                 "text": "DSASelect"
               }
             },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
             {
               "kind": "field",
               "name": "maskedNumber",
@@ -16917,74 +15853,37 @@
               "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": "defaultValue",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
-            },
-            {
-              "kind": "field",
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
+              "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": "inputPrefix",
+              "name": "phonePrefix",
               "type": {
-                "text": "string"
+                "text": "FrenchNumberPrefix"
               },
-              "default": "''",
-              "description": "Optional input prefix to help the user understand the first digit is not needed",
-              "attribute": "input-prefix"
+              "default": "'+33'",
+              "description": "The current value of the prefix select"
             },
             {
               "kind": "field",
-              "name": "autofocus",
+              "name": "phoneNumber",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "description": "Indicates that the input should receive focus on page load.",
-              "attribute": "autofocus"
+              "default": "''",
+              "description": "The current value of the phone number without its prefix"
             },
             {
               "kind": "field",
-              "name": "enterkeyhint",
+              "name": "inputPrefix",
               "type": {
-                "text": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                "text": "string"
               },
-              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
-              "attribute": "enterkeyhint"
+              "default": "''",
+              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "attribute": "input-prefix"
             },
             {
               "kind": "field",
@@ -17003,12 +15902,6 @@
               "description": "Gets the validity state object",
               "readonly": true
             },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "handleDocumentKeyUp",
@@ -17048,43 +15941,7 @@
             {
               "kind": "method",
               "name": "handleChange",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleKeyDown",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "KeyboardEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInvalid",
-              "privacy": "private",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
@@ -17110,7 +15967,7 @@
             {
               "kind": "method",
               "name": "getDescriptionIds",
-              "privacy": "private"
+              "privacy": "protected"
             },
             {
               "kind": "method",
@@ -17128,123 +15985,16 @@
               "kind": "method",
               "name": "handlePhoneChange"
             },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the input."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
-            },
-            {
-              "kind": "method",
-              "name": "select",
-              "description": "Selects all the text in the input."
-            },
-            {
-              "kind": "method",
-              "name": "setSelectionRange",
-              "parameters": [
-                {
-                  "name": "selectionStart",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectionEnd",
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectionDirection",
-                  "default": "'none'",
-                  "type": {
-                    "text": "'forward' | 'backward' | 'none'"
-                  }
-                }
-              ],
-              "description": "Sets the start and end positions of the text selection (0-based)."
-            },
-            {
-              "kind": "method",
-              "name": "setRangeText",
-              "parameters": [
-                {
-                  "name": "replacement",
-                  "type": {
-                    "text": "string"
-                  }
-                },
-                {
-                  "name": "start",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "end",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                },
-                {
-                  "name": "selectMode",
-                  "optional": true,
-                  "type": {
-                    "text": "'select' | 'start' | 'end' | 'preserve'"
-                  }
-                }
-              ],
-              "description": "Replaces a range of text with a new string."
-            },
             {
               "kind": "method",
               "name": "checkValidity",
               "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
             },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
             {
               "kind": "method",
               "name": "reportValidity",
               "description": "Checks for validity and shows the browser's validation message if the control is invalid."
             },
-            {
-              "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": "renderInput"
@@ -17286,15 +16036,6 @@
               "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
               "fieldName": "value"
             },
-            {
-              "name": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
-            },
             {
               "name": "input-prefix",
               "type": {
@@ -17304,22 +16045,6 @@
               "description": "Optional input prefix to help the user understand the first digit is not needed",
               "fieldName": "inputPrefix"
             },
-            {
-              "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": "placement",
               "type": {
@@ -17331,8 +16056,8 @@
             }
           ],
           "superclass": {
-            "name": "FormControlLayout",
-            "module": "/src/internal/components/form-control/form-control-layout"
+            "name": "InputBase",
+            "module": "/src/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",
@@ -17439,86 +16164,33 @@
           "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": "nativeInput",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "privacy": "private"
-            },
-            {
-              "kind": "field",
-              "name": "timePickerButton",
-              "type": {
-                "text": "DSAIconButton"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "popup",
-              "type": {
-                "text": "DSAPopup"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "isTimePickerOpen",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "private",
-              "default": "false"
-            },
-            {
-              "kind": "field",
-              "name": "hasFocus",
-              "type": {
-                "text": "boolean"
-              },
+              "name": "localize",
               "privacy": "private",
-              "default": "false"
+              "readonly": true,
+              "default": "new LocalizeController(this)"
             },
             {
               "kind": "field",
-              "name": "value",
+              "name": "timePickerButton",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The current value of the input, submitted as a name/value pair with form data.",
-              "attribute": "value"
+                "text": "DSAIconButton"
+              }
             },
             {
               "kind": "field",
-              "name": "defaultValue",
+              "name": "popup",
               "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The default value of the form control. Primarily used for resetting the form control."
+                "text": "DSAPopup"
+              }
             },
             {
               "kind": "field",
-              "name": "clearable",
+              "name": "isTimePickerOpen",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "attribute": "clearable"
+              "privacy": "private",
+              "default": "false"
             },
             {
               "kind": "field",
@@ -17550,45 +16222,6 @@
               "description": "Allows the implementation of steps between each possible value, in seconds. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.",
               "attribute": "step"
             },
-            {
-              "kind": "field",
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "attribute": "autocomplete"
-            },
-            {
-              "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": "validity",
-              "description": "Gets the validity state object",
-              "readonly": true
-            },
-            {
-              "kind": "field",
-              "name": "validationMessage",
-              "description": "Gets the validation message",
-              "readonly": true
-            },
             {
               "kind": "method",
               "name": "addOpenListeners",
@@ -17640,54 +16273,8 @@
             },
             {
               "kind": "method",
-              "name": "handleInputBlur",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInputChange",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInputClearClick",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "MouseEvent"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleInputFocus",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInputInput",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleInputInvalid",
-              "privacy": "private",
-              "parameters": [
-                {
-                  "name": "event",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ]
-            },
-            {
-              "kind": "method",
-              "name": "handleInputKeyDown",
-              "privacy": "private",
+              "name": "handleKeyDown",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
@@ -17700,15 +16287,7 @@
             {
               "kind": "method",
               "name": "getDescriptionIds",
-              "privacy": "private"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleStepChange"
+              "privacy": "protected"
             },
             {
               "kind": "method",
@@ -17718,30 +16297,6 @@
               "kind": "method",
               "name": "handleOpenChange"
             },
-            {
-              "kind": "method",
-              "name": "focus",
-              "parameters": [
-                {
-                  "name": "options",
-                  "optional": true,
-                  "type": {
-                    "text": "FocusOptions"
-                  }
-                }
-              ],
-              "description": "Sets focus on the input."
-            },
-            {
-              "kind": "method",
-              "name": "blur",
-              "description": "Removes focus from the input."
-            },
-            {
-              "kind": "method",
-              "name": "select",
-              "description": "Selects all the text in the input."
-            },
             {
               "kind": "method",
               "name": "toggleTimePicker",
@@ -17758,67 +16313,6 @@
               "name": "hideTimePicker",
               "description": "Hides the time picker"
             },
-            {
-              "kind": "method",
-              "name": "stepUp",
-              "parameters": [
-                {
-                  "name": "stepNumber",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Passes the stepUp method to the native input element"
-            },
-            {
-              "kind": "method",
-              "name": "stepDown",
-              "parameters": [
-                {
-                  "name": "stepNumber",
-                  "optional": true,
-                  "type": {
-                    "text": "number"
-                  }
-                }
-              ],
-              "description": "Passes the stepDown method to the native input element"
-            },
-            {
-              "kind": "method",
-              "name": "checkValidity",
-              "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid."
-            },
-            {
-              "kind": "method",
-              "name": "getForm",
-              "return": {
-                "type": {
-                  "text": "HTMLFormElement | null"
-                }
-              },
-              "description": "Gets the associated form, if one exists."
-            },
-            {
-              "kind": "method",
-              "name": "reportValidity",
-              "description": "Checks for validity and shows the browser's validation message if the control is invalid."
-            },
-            {
-              "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": "scrollSelectedTimeUnitsIntoView",
@@ -17840,7 +16334,7 @@
             {
               "kind": "method",
               "name": "handlePanelKeydown",
-              "privacy": "private",
+              "privacy": "protected",
               "parameters": [
                 {
                   "name": "event",
@@ -17935,24 +16429,6 @@
             }
           ],
           "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": "clearable",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Adds a clear button when the input is not empty.",
-              "fieldName": "clearable"
-            },
             {
               "name": "min",
               "type": {
@@ -17979,35 +16455,11 @@
               "default": "60",
               "description": "Allows the implementation of steps between each possible value, in seconds. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.",
               "fieldName": "step"
-            },
-            {
-              "name": "autocomplete",
-              "type": {
-                "text": "string"
-              },
-              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
-              "fieldName": "autocomplete"
-            },
-            {
-              "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"
             }
           ],
           "superclass": {
-            "name": "FormControlLayout",
-            "module": "/src/internal/components/form-control/form-control-layout"
+            "name": "InputBase",
+            "module": "/src/internal/components/input-base/input-base"
           },
           "summary": "(Internal) Inputs time collect time data from the user.",
           "dependencies": [
@@ -25689,6 +24141,11 @@
               "description": "Whether the tab group is below the page header",
               "attribute": "below-page-header"
             },
+            {
+              "kind": "method",
+              "name": "awaitAllElementsDefined",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "getAllTabs",
@@ -25784,6 +24241,11 @@
               "name": "syncTabsAndPanels",
               "privacy": "private"
             },
+            {
+              "kind": "method",
+              "name": "handleSlotChange",
+              "privacy": "private"
+            },
             {
               "kind": "method",
               "name": "updateScrollControls"
@@ -30479,7 +28941,7 @@
   ],
   "package": {
     "name": "@ds-autonomie/web-components",
-    "version": "2.5.0",
+    "version": "2.5.1",
     "author": "CNSA",
     "homepage": "https://dsa.service-public-autonomie.fr",
     "license": "MIT"