@ds-autonomie/web-components 2.1.0 → 2.3.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "2.1.0",
+  "version": "2.3.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -1046,7 +1046,7 @@
                 "name": "variant",
                 "description": "The button's theme variant.",
                 "value": {
-                  "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'neutral'\n    | 'danger'\n    | 'navigation'"
+                  "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'tertiary-with-outline'\n    | 'neutral'\n    | 'danger'\n    | 'navigation'"
                 }
               },
               {
@@ -1330,7 +1330,7 @@
               "name": "variant",
               "description": "The button's theme variant.",
               "value": {
-                "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'neutral'\n    | 'danger'\n    | 'navigation'"
+                "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'tertiary-with-outline'\n    | 'neutral'\n    | 'danger'\n    | 'navigation'"
               }
             },
             {
@@ -1798,6 +1798,13 @@
                   "type": "'small' | 'medium' | 'large'"
                 }
               },
+              {
+                "name": "parentDisabled",
+                "description": "Disables the checkbox.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "disabled",
                 "description": "Disables the checkbox.",
@@ -1826,6 +1833,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "parentReadonly",
+                "description": "Disables the checkbox.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "readonly",
                 "description": "Sets the checkbox in readonly.",
@@ -1906,11 +1920,7 @@
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
-              {
-                "name": "handleReadonlyChange",
+                "name": "handleDeactivatedChange",
                 "value": {}
               },
               {
@@ -2009,6 +2019,13 @@
                 "type": "'small' | 'medium' | 'large'"
               }
             },
+            {
+              "name": "parentDisabled",
+              "description": "Disables the checkbox.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "disabled",
               "description": "Disables the checkbox.",
@@ -2030,6 +2047,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "parentReadonly",
+              "description": "Disables the checkbox.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "readonly",
               "description": "Sets the checkbox in readonly.",
@@ -2114,6 +2138,39 @@
           },
           "attributes": []
         },
+        {
+          "name": "dsa-checkbox-card",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "type",
+                "value": {
+                  "type": "'checkbox'"
+                }
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleErrorChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the card loses focus."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the card gains focus."
+              }
+            ]
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-checkbox-group",
           "description": "",
@@ -2139,12 +2196,6 @@
                   "type": "number"
                 }
               },
-              {
-                "name": "slottedElementsObserver",
-                "value": {
-                  "type": "MutationObserver"
-                }
-              },
               {
                 "name": "defaultSlot",
                 "value": {
@@ -2164,15 +2215,15 @@
                 }
               },
               {
-                "name": "defaultValue",
+                "name": "hasCheckboxCards",
                 "value": {
-                  "type": "string[]"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "allCheckboxes",
+                "name": "defaultValue",
                 "value": {
-                  "type": "(DSACheckbox | DSACheckboxButton)[]"
+                  "type": "string[]"
                 }
               },
               {
@@ -2198,7 +2249,7 @@
               },
               {
                 "name": "value",
-                "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+                "description": "The current value of the checkbox group, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
                 "value": {
                   "type": "string[]"
                 }
@@ -2269,10 +2320,6 @@
                 "description": "Gets the validation message",
                 "value": {}
               },
-              {
-                "name": "observeSlottedElements",
-                "value": {}
-              },
               {
                 "name": "getAllCheckboxes",
                 "value": {}
@@ -2290,23 +2337,23 @@
                 "value": {}
               },
               {
-                "name": "handleSlottedElementChange",
+                "name": "handleSlotChange",
                 "value": {}
               },
               {
-                "name": "handleSlotChange",
+                "name": "handleInvalid",
                 "value": {}
               },
               {
-                "name": "handleInvalid",
+                "name": "handleValueChange",
                 "value": {}
               },
               {
-                "name": "updateCheckedCheckbox",
+                "name": "handleDisabledChange",
                 "value": {}
               },
               {
-                "name": "handleValueChange",
+                "name": "handleReadonlyChange",
                 "value": {}
               },
               {
@@ -2373,7 +2420,7 @@
             },
             {
               "name": "value",
-              "description": "The current value of the checkbox group, submitted as a name/value pair with form data. The value is a comma-delimited list of values based on the checked checkboxes.",
+              "description": "The current value of the checkbox group, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
               "value": {
                 "type": "string[]"
               }
@@ -2530,7 +2577,7 @@
               },
               {
                 "name": "value",
-                "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+                "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
                 "value": {
                   "type": "string | string[]"
                 }
@@ -2873,7 +2920,7 @@
             },
             {
               "name": "value",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
               "value": {
                 "type": "string | string[]"
               }
@@ -2993,21 +3040,28 @@
               },
               {
                 "name": "label",
-                "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
+                "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using `no-header`\nor `hide-title`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
                 "value": {
                   "type": "string"
                 }
               },
               {
                 "name": "hideTitle",
-                "description": "Hides the title part of the header, allowing users to still use the close button to dismiss the dialog.",
+                "description": "Hides the title part from the header, which contains its label. When using this attribute, you still need to provide\na relevant label for accessibility.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "noCloseButton",
+                "description": "Removes the close button from the header part of the dialog. Please ensure you provide an easy, accessible way for\n users to dismiss the dialog if you use this attribute.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
                 "name": "noHeader",
-                "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+                "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you\nprovide an easy, accessible way for users to dismiss the dialog.",
                 "value": {
                   "type": "boolean"
                 }
@@ -3087,21 +3141,28 @@
             },
             {
               "name": "label",
-              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using\n`no-header`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
+              "description": "The dialog's label as displayed in the header. You should always include a relevant label even when using `no-header`\nor `hide-title`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
               "value": {
                 "type": "string"
               }
             },
             {
               "name": "hide-title",
-              "description": "Hides the title part of the header, allowing users to still use the close button to dismiss the dialog.",
+              "description": "Hides the title part from the header, which contains its label. When using this attribute, you still need to provide\na relevant label for accessibility.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "no-close-button",
+              "description": "Removes the close button from the header part of the dialog. Please ensure you provide an easy, accessible way for\n users to dismiss the dialog if you use this attribute.",
               "value": {
                 "type": "boolean"
               }
             },
             {
               "name": "no-header",
-              "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you\nprovide an easy, accessible way for users to dismiss the dialog.",
               "value": {
                 "type": "boolean"
               }
@@ -3906,7 +3967,7 @@
               },
               {
                 "name": "errorMessage",
-                "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+                "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
                 "value": {
                   "type": "string | string[]"
                 }
@@ -4042,7 +4103,7 @@
             },
             {
               "name": "error-message",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
               "value": {
                 "type": "string | string[]"
               }
@@ -5741,7 +5802,7 @@
               },
               {
                 "name": "value",
-                "description": "The current value of the filter. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+                "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
                 "value": {
                   "type": "string | string[]"
                 }
@@ -5755,7 +5816,7 @@
               },
               {
                 "name": "maxVisibleListLength",
-                "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to display the complete list. Set to 0 to remove the limit.",
+                "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
                 "value": {
                   "type": "number"
                 }
@@ -6047,7 +6108,7 @@
           "attributes": [
             {
               "name": "value",
-              "description": "The current value of the filter. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
               "value": {
                 "type": "string | string[]"
               }
@@ -6061,7 +6122,7 @@
             },
             {
               "name": "max-visible-list-length",
-              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to display the complete list. Set to 0 to remove the limit.",
+              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
               "value": {
                 "type": "number"
               }
@@ -7448,10 +7509,16 @@
                   "type": "DSAInputDate"
                 }
               },
+              {
+                "name": "timeInput",
+                "value": {
+                  "type": "DSAInputTime"
+                }
+              },
               {
                 "name": "input",
                 "value": {
-                  "type": "HTMLInputElement | DSAInputDate"
+                  "type": "HTMLInputElement | DSAInputDate | DSAInputTime"
                 }
               },
               {
@@ -7711,23 +7778,19 @@
                 "value": {}
               },
               {
-                "name": "checkNavigatorCompatibility",
-                "description": "Checks whether the current navigator is compatible with type=time",
+                "name": "showTimePicker",
                 "value": {}
               },
               {
-                "name": "showTimePicker",
-                "description": "Displays the browser picker for an input element (only works if the browser supports it for the input type).",
+                "name": "hideTimePicker",
                 "value": {}
               },
               {
                 "name": "showDatepicker",
-                "description": "Displays the dsa-calendar picker for an input element.",
                 "value": {}
               },
               {
                 "name": "hideDatepicker",
-                "description": "Hides dsa-calendar.",
                 "value": {}
               },
               {
@@ -8220,6 +8283,10 @@
                 "name": "getUpdateComplete",
                 "value": {}
               },
+              {
+                "name": "handleLabelClick",
+                "value": {}
+              },
               {
                 "name": "renderInput",
                 "value": {}
@@ -8249,6 +8316,22 @@
               {
                 "name": "dsa-invalid",
                 "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              },
+              {
+                "name": "dsa-show",
+                "description": "Emitted when the picker opens."
+              },
+              {
+                "name": "dsa-after-show",
+                "description": "Emitted after the picker opens and all animations are complete."
+              },
+              {
+                "name": "dsa-hide",
+                "description": "Emitted when the picker closes."
+              },
+              {
+                "name": "dsa-after-hide",
+                "description": "Emitted after the picker closes and all animations are complete."
               }
             ]
           },
@@ -8709,15 +8792,7 @@
           "attributes": []
         },
         {
-          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "name": "dsa-input-phone",
+          "name": "dsa-input-otp",
           "description": "",
           "js": {
             "properties": [
@@ -8726,21 +8801,11 @@
                 "value": {}
               },
               {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "inputEl",
+                "name": "input",
                 "value": {
                   "type": "HTMLInputElement"
                 }
               },
-              {
-                "name": "phonePrefixEl",
-                "value": {
-                  "type": "DSASelect"
-                }
-              },
               {
                 "name": "hasFocus",
                 "value": {
@@ -8748,71 +8813,50 @@
                 }
               },
               {
-                "name": "maskedNumber",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "phoneConfig",
-                "value": {
-                  "type": "DSAPhoneConfig"
-                }
-              },
-              {
-                "name": "placeholder",
-                "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters.",
+                "name": "currentIndex",
                 "value": {
-                  "type": "string"
+                  "type": "number"
                 }
               },
               {
-                "name": "pattern",
-                "description": "A regular expression pattern to validate input against.",
+                "name": "patternRegexp",
                 "value": {
-                  "type": "string"
+                  "type": "RegExp"
                 }
               },
               {
                 "name": "value",
-                "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+                "description": "The current value of the input, submitted as a name/value pair with form data.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "phonePrefix",
-                "description": "The current value of the prefix select",
-                "value": {
-                  "type": "FrenchNumberPrefix"
-                }
-              },
-              {
-                "name": "phoneNumber",
-                "description": "The current value of the phone number without its prefix",
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "defaultValue",
-                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "name": "pattern",
+                "description": "A regular expression pattern to validate input against.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "clearable",
-                "description": "Adds a clear button when the input is not empty.",
+                "name": "length",
+                "description": "The length of input that will be considered valid.",
                 "value": {
-                  "type": "boolean"
+                  "type": "number"
                 }
               },
               {
-                "name": "inputPrefix",
-                "description": "Optional input prefix to help the user understand the first digit is not needed",
+                "name": "autocapitalize",
+                "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
                 "value": {
-                  "type": "string"
+                  "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
                 }
               },
               {
@@ -8830,10 +8874,10 @@
                 }
               },
               {
-                "name": "placement",
-                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "name": "inputmode",
+                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
                 "value": {
-                  "type": "'top-start' | 'bottom-start'"
+                  "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
                 }
               },
               {
@@ -8847,51 +8891,51 @@
                 "value": {}
               },
               {
-                "name": "handleDocumentKeyUp",
+                "name": "handleBlur",
                 "value": {}
               },
               {
-                "name": "setPhoneFromValue",
+                "name": "handleChange",
                 "value": {}
               },
               {
-                "name": "updateValue",
+                "name": "handleFocus",
                 "value": {}
               },
               {
-                "name": "handlePhonePrefixChange",
+                "name": "handleInput",
                 "value": {}
               },
               {
-                "name": "handleChange",
+                "name": "handleSelect",
                 "value": {}
               },
               {
-                "name": "handleKeyDown",
+                "name": "handleInvalid",
                 "value": {}
               },
               {
-                "name": "handleFocus",
+                "name": "handleKeyDown",
                 "value": {}
               },
               {
-                "name": "handleBlur",
+                "name": "handleSingleFieldClick",
                 "value": {}
               },
               {
-                "name": "handleInvalid",
+                "name": "getLastIndex",
                 "value": {}
               },
               {
-                "name": "handleClearIconClick",
+                "name": "getDescriptionIds",
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
+                "name": "handleCurrentIndexChange",
                 "value": {}
               },
               {
-                "name": "updatePhoneConfig",
+                "name": "handleDisabledChange",
                 "value": {}
               },
               {
@@ -8899,52 +8943,50 @@
                 "value": {}
               },
               {
-                "name": "handlePhoneChange",
+                "name": "handlePatterChange",
                 "value": {}
               },
               {
-                "name": "focus",
-                "description": "Sets focus on the input.",
+                "name": "blur",
+                "description": "Removes focus from the input.",
                 "value": {}
               },
               {
-                "name": "blur",
-                "description": "Removes focus from the input.",
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                 "value": {}
               },
               {
-                "name": "select",
-                "description": "Selects all the text in the input.",
+                "name": "focus",
+                "description": "Sets focus on the input.",
                 "value": {}
               },
               {
-                "name": "setSelectionRange",
-                "description": "Sets the start and end positions of the text selection (0-based).",
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
                 "value": {}
               },
               {
-                "name": "setRangeText",
-                "description": "Replaces a range of text with a new string.",
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                 "value": {}
               },
               {
-                "name": "checkValidity",
-                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "name": "select",
+                "description": "Selects all the text in the input.",
                 "value": {}
               },
               {
-                "name": "getForm",
-                "description": "Gets the associated form, if one exists.",
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                 "value": {}
               },
               {
-                "name": "reportValidity",
-                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "name": "getUpdateComplete",
                 "value": {}
               },
               {
-                "name": "setCustomValidity",
-                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
+                "name": "renderSingleField",
                 "value": {}
               },
               {
@@ -8961,10 +9003,6 @@
                 "name": "dsa-change",
                 "description": "Emitted when an alteration to the control's value is committed by the user."
               },
-              {
-                "name": "dsa-clear",
-                "description": "Emitted when the clear button is activated."
-              },
               {
                 "name": "dsa-focus",
                 "description": "Emitted when the control gains focus."
@@ -8982,21 +9020,751 @@
           "attributes": [
             {
               "name": "value",
-              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "clearable",
-              "description": "Adds a clear button when the input is not empty.",
+              "name": "pattern",
+              "description": "A regular expression pattern to validate input against.",
               "value": {
-                "type": "boolean"
+                "type": "string"
+              }
+            },
+            {
+              "name": "length",
+              "description": "The length of input that will be considered valid.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "autocapitalize",
+              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
+              "value": {
+                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
+              }
+            },
+            {
+              "name": "autofocus",
+              "description": "Indicates that the input should receive focus on page load.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "enterkeyhint",
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "value": {
+                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              }
+            },
+            {
+              "name": "inputmode",
+              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
+              "value": {
+                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-input-phone",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "inputEl",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "phonePrefixEl",
+                "value": {
+                  "type": "DSASelect"
+                }
+              },
+              {
+                "name": "hasFocus",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "maskedNumber",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "phoneConfig",
+                "value": {
+                  "type": "DSAPhoneConfig"
+                }
+              },
+              {
+                "name": "placeholder",
+                "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "pattern",
+                "description": "A regular expression pattern to validate input against.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "phonePrefix",
+                "description": "The current value of the prefix select",
+                "value": {
+                  "type": "FrenchNumberPrefix"
+                }
+              },
+              {
+                "name": "phoneNumber",
+                "description": "The current value of the phone number without its prefix",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "clearable",
+                "description": "Adds a clear button when the input is not empty.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "inputPrefix",
+                "description": "Optional input prefix to help the user understand the first digit is not needed",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "autofocus",
+                "description": "Indicates that the input should receive focus on page load.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "enterkeyhint",
+                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+                "value": {
+                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                }
+              },
+              {
+                "name": "placement",
+                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+                "value": {
+                  "type": "'top-start' | 'bottom-start'"
+                }
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyUp",
+                "value": {}
+              },
+              {
+                "name": "setPhoneFromValue",
+                "value": {}
+              },
+              {
+                "name": "updateValue",
+                "value": {}
+              },
+              {
+                "name": "handlePhonePrefixChange",
+                "value": {}
+              },
+              {
+                "name": "handleChange",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleInvalid",
+                "value": {}
+              },
+              {
+                "name": "handleClearIconClick",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "updatePhoneConfig",
+                "value": {}
+              },
+              {
+                "name": "handleValueChange",
+                "value": {}
+              },
+              {
+                "name": "handlePhoneChange",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the input.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the input.",
+                "value": {}
+              },
+              {
+                "name": "select",
+                "description": "Selects all the text in the input.",
+                "value": {}
+              },
+              {
+                "name": "setSelectionRange",
+                "description": "Sets the start and end positions of the text selection (0-based).",
+                "value": {}
+              },
+              {
+                "name": "setRangeText",
+                "description": "Replaces a range of text with a new string.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "value": {}
+              },
+              {
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
+                "value": {}
+              },
+              {
+                "name": "renderInput",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "dsa-clear",
+                "description": "Emitted when the clear button is activated."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "clearable",
+              "description": "Adds a clear button when the input is not empty.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "input-prefix",
+              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "autofocus",
+              "description": "Indicates that the input should receive focus on page load.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "enterkeyhint",
+              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+              "value": {
+                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+              }
+            },
+            {
+              "name": "placement",
+              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
+              "value": {
+                "type": "'top-start' | 'bottom-start'"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-input-time",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "nativeInput",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "timePickerButton",
+                "value": {
+                  "type": "DSAIconButton"
+                }
+              },
+              {
+                "name": "popup",
+                "value": {
+                  "type": "DSAPopup"
+                }
+              },
+              {
+                "name": "isTimePickerOpen",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "hasFocus",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current value of the input, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "clearable",
+                "description": "Adds a clear button when the input is not empty.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "min",
+                "description": "The input's minimum value.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "max",
+                "description": "The input's maximum value.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "step",
+                "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value.",
+                "value": {
+                  "type": "number | 'any'"
+                }
+              },
+              {
+                "name": "autocomplete",
+                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "autofocus",
+                "description": "Indicates that the input should receive focus on page load.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "enterkeyhint",
+                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
+                "value": {
+                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
+                }
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentFocusIn",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentMouseDown",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleInputBlur",
+                "value": {}
+              },
+              {
+                "name": "handleInputChange",
+                "value": {}
+              },
+              {
+                "name": "handleInputClearClick",
+                "value": {}
+              },
+              {
+                "name": "handleInputFocus",
+                "value": {}
+              },
+              {
+                "name": "handleInputInput",
+                "value": {}
+              },
+              {
+                "name": "handleInputInvalid",
+                "value": {}
+              },
+              {
+                "name": "handleInputKeyDown",
+                "value": {}
+              },
+              {
+                "name": "getDescriptionIds",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleStepChange",
+                "value": {}
+              },
+              {
+                "name": "handleValueChange",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the input.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the input.",
+                "value": {}
+              },
+              {
+                "name": "select",
+                "description": "Selects all the text in the input.",
+                "value": {}
+              },
+              {
+                "name": "toggleTimePicker",
+                "description": "Shows or hides the time picker",
+                "value": {}
+              },
+              {
+                "name": "showTimePicker",
+                "description": "Displays the time picker for an input element.",
+                "value": {}
+              },
+              {
+                "name": "hideTimePicker",
+                "description": "Hides the time picker",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "value": {}
+              },
+              {
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
+                "value": {}
+              },
+              {
+                "name": "scrollSelectedTimeUnitsIntoView",
+                "value": {}
+              },
+              {
+                "name": "selectTimeUnit",
+                "value": {}
+              },
+              {
+                "name": "handlePanelKeydown",
+                "value": {}
+              },
+              {
+                "name": "handlePanelClick",
+                "value": {}
+              },
+              {
+                "name": "generateTimeUnitArrays",
+                "value": {}
+              },
+              {
+                "name": "generateTimeUnitList",
+                "value": {}
+              },
+              {
+                "name": "renderInput",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-change",
+                "description": "Emitted when an alteration to the control's value is committed by the user."
+              },
+              {
+                "name": "dsa-clear",
+                "description": "Emitted when the clear button is activated."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              },
+              {
+                "name": "dsa-show",
+                "description": "Emitted when the picker opens."
+              },
+              {
+                "name": "dsa-after-show",
+                "description": "Emitted after the picker opens and all animations are complete."
+              },
+              {
+                "name": "dsa-hide",
+                "description": "Emitted when the picker closes."
+              },
+              {
+                "name": "dsa-after-hide",
+                "description": "Emitted after the picker closes and all animations are complete."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The current value of the input, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
               }
             },
             {
-              "name": "input-prefix",
-              "description": "Optional input prefix to help the user understand the first digit is not needed",
+              "name": "clearable",
+              "description": "Adds a clear button when the input is not empty.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "min",
+              "description": "The input's minimum value.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "max",
+              "description": "The input's maximum value.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "step",
+              "description": "Specifies the granularity that the value must adhere to, or the special value `any` which means no stepping is\nimplied, allowing any numeric value.",
+              "value": {
+                "type": "number | 'any'"
+              }
+            },
+            {
+              "name": "autocomplete",
+              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
               "value": {
                 "type": "string"
               }
@@ -9014,13 +9782,6 @@
               "value": {
                 "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
               }
-            },
-            {
-              "name": "placement",
-              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
-              "value": {
-                "type": "'top-start' | 'bottom-start'"
-              }
             }
           ]
         },
@@ -9038,6 +9799,20 @@
           },
           "attributes": []
         },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-menu-accordion",
           "description": "",
@@ -11018,6 +11793,13 @@
                   "type": "'small' | 'medium' | 'large'"
                 }
               },
+              {
+                "name": "parentDisabled",
+                "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "disabled",
                 "description": "Disables the radio.",
@@ -11025,6 +11807,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "parentReadonly",
+                "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "readonly",
                 "description": "Sets the radio in readonly.",
@@ -11059,16 +11848,12 @@
                 "name": "handleFocus",
                 "value": {}
               },
-              {
-                "name": "setInitialAttributes",
-                "value": {}
-              },
               {
                 "name": "handleCheckedChange",
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
+                "name": "handleDeactivatedChange",
                 "value": {}
               }
             ],
@@ -11098,6 +11883,13 @@
                 "type": "'small' | 'medium' | 'large'"
               }
             },
+            {
+              "name": "parentDisabled",
+              "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "disabled",
               "description": "Disables the radio.",
@@ -11105,6 +11897,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "parentReadonly",
+              "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "readonly",
               "description": "Sets the radio in readonly.",
@@ -11122,7 +11921,40 @@
           ]
         },
         {
-          "name": "dsa-radio-button",
+          "name": "dsa-radio-button",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "type",
+                "value": {
+                  "type": "'radio'"
+                }
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleDeactivatedChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the button loses focus."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the button gains focus."
+              }
+            ]
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-radio-card",
           "description": "",
           "js": {
             "properties": [
@@ -11144,11 +11976,11 @@
             "events": [
               {
                 "name": "dsa-blur",
-                "description": "Emitted when the button loses focus."
+                "description": "Emitted when the card loses focus."
               },
               {
                 "name": "dsa-focus",
-                "description": "Emitted when the button gains focus."
+                "description": "Emitted when the card gains focus."
               }
             ]
           },
@@ -11203,6 +12035,12 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "hasRadioCards",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "readonlyRadioButtonValue",
                 "value": {
@@ -11294,7 +12132,7 @@
               },
               {
                 "name": "errorMessage",
-                "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+                "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
                 "value": {
                   "type": "string | string[]"
                 }
@@ -11480,7 +12318,7 @@
             },
             {
               "name": "error-message",
-              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
+              "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
               "value": {
                 "type": "string | string[]"
               }
@@ -11953,7 +12791,7 @@
               },
               {
                 "name": "value",
-                "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+                "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
                 "value": {
                   "type": "string | string[]"
                 }
@@ -12229,7 +13067,7 @@
           "attributes": [
             {
               "name": "value",
-              "description": "The current value of the select, submitted as a name/value pair with form data. When `multiple` is enabled, the\nvalue will be a space-delimited list of values based on the options selected.",
+              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
               "value": {
                 "type": "string | string[]"
               }
@@ -12831,6 +13669,274 @@
             }
           ]
         },
+        {
+          "name": "dsa-switch",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "input",
+                "value": {
+                  "type": "HTMLInputElement"
+                }
+              },
+              {
+                "name": "hasFocus",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "name",
+                "description": "The name of the switch, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The current value of the switch, submitted as a name/value pair with form data.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The switch's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the switch.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "description": "Sets the switch in readonly.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "checked",
+                "description": "Draws the switch in a checked state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "defaultChecked",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "form",
+                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "required",
+                "description": "Makes the switch a required field.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "onLabel",
+                "description": "State ON text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+                "value": {}
+              },
+              {
+                "name": "offLabel",
+                "description": "State OFF text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+                "value": {}
+              },
+              {
+                "name": "validity",
+                "description": "Gets the validity state object",
+                "value": {}
+              },
+              {
+                "name": "validationMessage",
+                "description": "Gets the validation message",
+                "value": {}
+              },
+              {
+                "name": "handleBlur",
+                "value": {}
+              },
+              {
+                "name": "handleInput",
+                "value": {}
+              },
+              {
+                "name": "handleInvalid",
+                "value": {}
+              },
+              {
+                "name": "handleClick",
+                "value": {}
+              },
+              {
+                "name": "handleFocus",
+                "value": {}
+              },
+              {
+                "name": "handleKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleCheckedChange",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "click",
+                "description": "Simulates a click on the switch.",
+                "value": {}
+              },
+              {
+                "name": "focus",
+                "description": "Sets focus on the switch.",
+                "value": {}
+              },
+              {
+                "name": "blur",
+                "description": "Removes focus from the switch.",
+                "value": {}
+              },
+              {
+                "name": "checkValidity",
+                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
+                "value": {}
+              },
+              {
+                "name": "getForm",
+                "description": "Gets the associated form, if one exists.",
+                "value": {}
+              },
+              {
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
+                "value": {}
+              },
+              {
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-blur",
+                "description": "Emitted when the control loses focus."
+              },
+              {
+                "name": "dsa-change",
+                "description": "Emitted when the control's checked state changes."
+              },
+              {
+                "name": "dsa-input",
+                "description": "Emitted when the control receives input."
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
+              },
+              {
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "name",
+              "description": "The name of the switch, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "value",
+              "description": "The current value of the switch, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The switch's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the switch.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Sets the switch in readonly.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "checked",
+              "description": "Draws the switch in a checked state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "form",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "required",
+              "description": "Makes the switch a required field.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "on-label",
+              "description": "State ON text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+              "value": {}
+            },
+            {
+              "name": "off-label",
+              "description": "State OFF text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
+              "value": {}
+            }
+          ]
+        },
         {
           "name": "dsa-tab",
           "description": "",