@ds-autonomie/web-components 2.2.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.2.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": "",
@@ -2157,6 +2214,12 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "hasCheckboxCards",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "defaultValue",
                 "value": {
@@ -2273,10 +2336,6 @@
                 "name": "handleLabelClick",
                 "value": {}
               },
-              {
-                "name": "handleSlottedElementChange",
-                "value": {}
-              },
               {
                 "name": "handleSlotChange",
                 "value": {}
@@ -2289,6 +2348,14 @@
                 "name": "handleValueChange",
                 "value": {}
               },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleReadonlyChange",
+                "value": {}
+              },
               {
                 "name": "handleErrorChange",
                 "value": {}
@@ -2973,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"
                 }
@@ -3067,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"
               }
@@ -7428,10 +7509,16 @@
                   "type": "DSAInputDate"
                 }
               },
+              {
+                "name": "timeInput",
+                "value": {
+                  "type": "DSAInputTime"
+                }
+              },
               {
                 "name": "input",
                 "value": {
-                  "type": "HTMLInputElement | DSAInputDate"
+                  "type": "HTMLInputElement | DSAInputDate | DSAInputTime"
                 }
               },
               {
@@ -7691,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": {}
               },
               {
@@ -8200,6 +8283,10 @@
                 "name": "getUpdateComplete",
                 "value": {}
               },
+              {
+                "name": "handleLabelClick",
+                "value": {}
+              },
               {
                 "name": "renderInput",
                 "value": {}
@@ -8229,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."
               }
             ]
           },
@@ -9318,184 +9421,577 @@
           "attributes": []
         },
         {
-          "name": "dsa-menu-accordion",
+          "name": "dsa-input-time",
           "description": "",
           "js": {
             "properties": [
+              {
+                "name": "formControlController",
+                "value": {}
+              },
               {
                 "name": "localize",
                 "value": {}
               },
               {
-                "name": "accordion",
+                "name": "nativeInput",
                 "value": {
-                  "type": "HTMLElement"
+                  "type": "HTMLInputElement"
                 }
               },
               {
-                "name": "headerButton",
+                "name": "timePickerButton",
                 "value": {
-                  "type": "HTMLElement"
+                  "type": "DSAIconButton"
                 }
               },
               {
-                "name": "body",
+                "name": "popup",
                 "value": {
-                  "type": "HTMLElement"
+                  "type": "DSAPopup"
                 }
               },
               {
-                "name": "open",
-                "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+                "name": "isTimePickerOpen",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "summary",
-                "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+                "name": "hasFocus",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "level",
-                "description": "The level of the menu accordion",
+                "name": "value",
+                "description": "The current value of the input, submitted as a name/value pair with form data.",
                 "value": {
-                  "type": "1 | 2"
+                  "type": "string"
                 }
               },
               {
-                "name": "handleSummaryClick",
-                "value": {}
-              },
-              {
-                "name": "handleSummaryKeyDown",
-                "value": {}
-              },
-              {
-                "name": "handleOpenChange",
-                "value": {}
-              },
-              {
-                "name": "handleLevelChange",
-                "value": {}
-              },
-              {
-                "name": "show",
-                "description": "Shows the accordion.",
-                "value": {}
-              },
-              {
-                "name": "hide",
-                "description": "Hides the accordion",
-                "value": {}
-              }
-            ],
-            "events": [
-              {
-                "name": "dsa-show",
-                "description": "Emitted when the menu-accordion opens."
-              },
-              {
-                "name": "dsa-after-show",
-                "description": "Emitted after the menu-accordion opens and all animations are complete."
-              },
-              {
-                "name": "dsa-hide",
-                "description": "Emitted when the menu-accordion closes."
-              },
-              {
-                "name": "dsa-after-hide",
-                "description": "Emitted after the menu-accordion closes and all animations are complete."
-              }
-            ]
-          },
-          "attributes": [
-            {
-              "name": "open",
-              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "summary",
-              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "level",
-              "description": "The level of the menu accordion",
-              "value": {
-                "type": "1 | 2"
-              }
-            }
-          ]
-        },
-        {
-          "name": "dsa-menu-item",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "cachedTextLabel",
+                "name": "defaultValue",
+                "description": "The default value of the form control. Primarily used for resetting the form control.",
                 "value": {
                   "type": "string"
                 }
               },
               {
-                "name": "defaultSlot",
+                "name": "clearable",
+                "description": "Adds a clear button when the input is not empty.",
                 "value": {
-                  "type": "HTMLSlotElement"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "menuItem",
+                "name": "min",
+                "description": "The input's minimum value.",
                 "value": {
-                  "type": "HTMLElement"
+                  "type": "string"
                 }
               },
               {
-                "name": "type",
-                "description": "The type of menu item to render.",
+                "name": "max",
+                "description": "The input's maximum value.",
                 "value": {
-                  "type": "'link' | 'button'"
+                  "type": "string"
                 }
               },
               {
-                "name": "size",
-                "description": "The menu item's size.",
+                "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": "'small' | 'medium' | 'large'"
+                  "type": "number | 'any'"
                 }
               },
               {
-                "name": "disabled",
-                "description": "Draws the menu item in a disabled state, preventing selection.",
+                "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": "boolean"
+                  "type": "string"
                 }
               },
               {
-                "name": "href",
-                "description": "The link URL",
+                "name": "autofocus",
+                "description": "Indicates that the input should receive focus on page load.",
                 "value": {
-                  "type": "string"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "target",
-                "description": "Tells the browser where to open the link.",
+                "name": "enterkeyhint",
+                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
                 "value": {
-                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
                 }
               },
               {
-                "name": "rel",
-                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
+                "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": "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'"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-menu-accordion",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "accordion",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "headerButton",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "body",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "summary",
+                "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "level",
+                "description": "The level of the menu accordion",
+                "value": {
+                  "type": "1 | 2"
+                }
+              },
+              {
+                "name": "handleSummaryClick",
+                "value": {}
+              },
+              {
+                "name": "handleSummaryKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "handleLevelChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the accordion.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the accordion",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-show",
+                "description": "Emitted when the menu-accordion opens."
+              },
+              {
+                "name": "dsa-after-show",
+                "description": "Emitted after the menu-accordion opens and all animations are complete."
+              },
+              {
+                "name": "dsa-hide",
+                "description": "Emitted when the menu-accordion closes."
+              },
+              {
+                "name": "dsa-after-hide",
+                "description": "Emitted after the menu-accordion closes and all animations are complete."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "summary",
+              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "level",
+              "description": "The level of the menu accordion",
+              "value": {
+                "type": "1 | 2"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-menu-item",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "cachedTextLabel",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "defaultSlot",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "menuItem",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "type",
+                "description": "The type of menu item to render.",
+                "value": {
+                  "type": "'link' | 'button'"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The menu item's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Draws the menu item in a disabled state, preventing selection.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "href",
+                "description": "The link URL",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "target",
+                "description": "Tells the browser where to open the link.",
+                "value": {
+                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                }
+              },
+              {
+                "name": "rel",
+                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                 "value": {
                   "type": "string"
                 }
@@ -11297,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.",
@@ -11304,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.",
@@ -11338,16 +11848,12 @@
                 "name": "handleFocus",
                 "value": {}
               },
-              {
-                "name": "setInitialAttributes",
-                "value": {}
-              },
               {
                 "name": "handleCheckedChange",
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
+                "name": "handleDeactivatedChange",
                 "value": {}
               }
             ],
@@ -11377,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.",
@@ -11384,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.",
@@ -11397,11 +11917,44 @@
               "value": {
                 "type": "boolean"
               }
-            }
-          ]
+            }
+          ]
+        },
+        {
+          "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-button",
+          "name": "dsa-radio-card",
           "description": "",
           "js": {
             "properties": [
@@ -11423,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."
               }
             ]
           },
@@ -11482,6 +12035,12 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "hasRadioCards",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "readonlyRadioButtonValue",
                 "value": {
@@ -13110,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": "",