@ds-autonomie/web-components 1.7.0 → 1.8.0

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json.schemastore.org/web-types",
   "name": "@ds-autonomie/web-components",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "description-markup": "markdown",
   "framework-config": {
     "enable-when": {
@@ -156,565 +156,549 @@
           ]
         },
         {
-          "name": "dsa-animation",
+          "name": "dsa-alert",
           "description": "",
           "js": {
             "properties": [
               {
-                "name": "animation",
-                "value": {
-                  "type": "Animation | undefined"
-                }
-              },
-              {
-                "name": "hasStarted",
+                "name": "autoHideTimeout",
                 "value": {
-                  "type": "boolean"
+                  "type": "number"
                 }
               },
               {
-                "name": "defaultSlot",
-                "value": {
-                  "type": "Promise<HTMLSlotElement>"
-                }
+                "name": "localize",
+                "value": {}
               },
               {
-                "name": "name",
-                "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+                "name": "base",
                 "value": {
-                  "type": "string"
+                  "type": "HTMLElement"
                 }
               },
               {
-                "name": "play",
-                "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+                "name": "open",
+                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "delay",
-                "description": "The number of milliseconds to delay the start of the animation.",
+                "name": "closable",
+                "description": "Enables a close button that allows the user to dismiss the alert.",
                 "value": {
-                  "type": "number"
+                  "type": "boolean"
                 }
               },
               {
-                "name": "direction",
-                "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+                "name": "variant",
+                "description": "The alert's theme variant.",
                 "value": {
-                  "type": "PlaybackDirection"
+                  "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
                 }
               },
               {
                 "name": "duration",
-                "description": "The number of milliseconds each iteration of the animation takes to complete.",
-                "value": {
-                  "type": "number"
-                }
+                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+                "value": {}
               },
               {
-                "name": "easing",
-                "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
-                "value": {
-                  "type": "string"
-                }
+                "name": "restartAutoHide",
+                "value": {}
               },
               {
-                "name": "endDelay",
-                "description": "The number of milliseconds to delay after the active period of an animation sequence.",
-                "value": {
-                  "type": "number"
-                }
+                "name": "handleCloseClick",
+                "value": {}
               },
               {
-                "name": "fill",
-                "description": "Sets how the animation applies styles to its target before and after its execution.",
-                "value": {
-                  "type": "FillMode"
-                }
+                "name": "handleMouseMove",
+                "value": {}
               },
               {
-                "name": "iterations",
-                "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+                "name": "getPrefixIconName",
                 "value": {}
               },
               {
-                "name": "iterationStart",
-                "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
-                "value": {
-                  "type": "number"
-                }
+                "name": "handleOpenChange",
+                "value": {}
               },
               {
-                "name": "keyframes",
-                "description": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
-                "value": {
-                  "type": "Keyframe[] | undefined"
-                }
+                "name": "handleDurationChange",
+                "value": {}
               },
               {
-                "name": "playbackRate",
-                "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
-                "value": {
-                  "type": "number"
-                }
+                "name": "show",
+                "description": "Shows the alert.",
+                "value": {}
               },
               {
-                "name": "currentTime",
-                "description": "Gets and sets the current animation time.",
-                "value": {
-                  "type": "number | CSSNumberish"
-                }
+                "name": "hide",
+                "description": "Hides the alert",
+                "value": {}
               },
               {
-                "name": "handleAnimationFinish",
+                "name": "toast",
+                "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
                 "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-show",
+                "description": "Emitted when the alert opens."
               },
               {
-                "name": "handleAnimationCancel",
-                "value": {}
+                "name": "dsa-after-show",
+                "description": "Emitted after the alert opens and all animations are complete."
               },
               {
-                "name": "handleSlotChange",
-                "value": {}
+                "name": "dsa-hide",
+                "description": "Emitted when the alert closes."
               },
               {
-                "name": "createAnimation",
-                "value": {}
+                "name": "dsa-after-hide",
+                "description": "Emitted after the alert closes and all animations are complete."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "closable",
+              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "The alert's theme variant.",
+              "value": {
+                "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
+              }
+            },
+            {
+              "name": "duration",
+              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+              "value": {}
+            }
+          ]
+        },
+        {
+          "name": "dsa-anchor-tag",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "destroyAnimation",
-                "value": {}
+                "name": "href",
+                "description": "Makes the tag clickable and acts as a link. Specifies the URL of the page the link goes to.",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "handleAnimationChange",
-                "value": {}
+                "name": "rel",
+                "description": "Determines the relationship between the current document and the linked document",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "handlePlayChange",
-                "value": {}
+                "name": "referrerpolicy",
+                "description": "Specifies which referrer information to send with the link",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "handlePlaybackRateChange",
-                "value": {}
+                "name": "hreflang",
+                "description": "Specifies the language of the linked document",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "cancel",
-                "description": "Clears all keyframe effects caused by this animation and aborts its playback.",
-                "value": {}
+                "name": "ping",
+                "description": "Allows a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "finish",
-                "description": "Sets the playback time to the end of the animation corresponding to the current playback direction.",
-                "value": {}
-              }
-            ],
-            "events": [
+                "name": "download",
+                "description": "Specifies that the target will be downloaded when a user clicks on the hyperlink",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
-                "name": "dsa-cancel",
-                "description": "Emitted when the animation is canceled."
+                "name": "type",
+                "description": "Defines the media type of the linked document",
+                "value": {
+                  "type": "string"
+                }
               },
               {
-                "name": "dsa-finish",
-                "description": "Emitted when the animation finishes."
+                "name": "target",
+                "description": "Specifies where to open the linked document. Works when tag is clickable.",
+                "value": {
+                  "type": "'_blank' | '_parent' | '_self' | '_top'"
+                }
               },
               {
-                "name": "dsa-start",
-                "description": "Emitted when the animation starts or restarts."
+                "name": "size",
+                "description": "The tag's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
               }
-            ]
+            ],
+            "events": []
           },
           "attributes": [
             {
-              "name": "name",
-              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+              "name": "label",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "play",
-              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+              "name": "href",
+              "description": "Makes the tag clickable and acts as a link. Specifies the URL of the page the link goes to.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             },
             {
-              "name": "delay",
-              "description": "The number of milliseconds to delay the start of the animation.",
+              "name": "rel",
+              "description": "Determines the relationship between the current document and the linked document",
               "value": {
-                "type": "number"
+                "type": "string"
               }
             },
             {
-              "name": "direction",
-              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+              "name": "referrerpolicy",
+              "description": "Specifies which referrer information to send with the link",
               "value": {
-                "type": "PlaybackDirection"
+                "type": "string"
               }
             },
             {
-              "name": "duration",
-              "description": "The number of milliseconds each iteration of the animation takes to complete.",
+              "name": "hreflang",
+              "description": "Specifies the language of the linked document",
               "value": {
-                "type": "number"
+                "type": "string"
               }
             },
             {
-              "name": "easing",
-              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+              "name": "ping",
+              "description": "Allows a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "end-delay",
-              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+              "name": "download",
+              "description": "Specifies that the target will be downloaded when a user clicks on the hyperlink",
               "value": {
-                "type": "number"
+                "type": "string"
               }
             },
             {
-              "name": "fill",
-              "description": "Sets how the animation applies styles to its target before and after its execution.",
+              "name": "type",
+              "description": "Defines the media type of the linked document",
               "value": {
-                "type": "FillMode"
+                "type": "string"
               }
             },
             {
-              "name": "iterations",
-              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
-              "value": {}
-            },
-            {
-              "name": "iteration-start",
-              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
+              "name": "target",
+              "description": "Specifies where to open the linked document. Works when tag is clickable.",
               "value": {
-                "type": "number"
+                "type": "'_blank' | '_parent' | '_self' | '_top'"
               }
             },
             {
-              "name": "playback-rate",
-              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
+              "name": "size",
+              "description": "The tag's size.",
               "value": {
-                "type": "number"
+                "type": "'small' | 'medium' | 'large'"
               }
             }
           ]
         },
         {
-          "description": "Gets a list of all supported animation names.",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "description": "Gets a list of all supported easing function names.",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
-        {
-          "name": "dsa-alert",
+          "name": "dsa-animation",
           "description": "",
           "js": {
             "properties": [
               {
-                "name": "autoHideTimeout",
+                "name": "animation",
+                "value": {
+                  "type": "Animation | undefined"
+                }
+              },
+              {
+                "name": "hasStarted",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "defaultSlot",
+                "value": {
+                  "type": "Promise<HTMLSlotElement>"
+                }
+              },
+              {
+                "name": "name",
+                "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "play",
+                "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "delay",
+                "description": "The number of milliseconds to delay the start of the animation.",
                 "value": {
                   "type": "number"
                 }
               },
               {
-                "name": "localize",
+                "name": "direction",
+                "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
+                "value": {
+                  "type": "PlaybackDirection"
+                }
+              },
+              {
+                "name": "duration",
+                "description": "The number of milliseconds each iteration of the animation takes to complete.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "easing",
+                "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "endDelay",
+                "description": "The number of milliseconds to delay after the active period of an animation sequence.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "fill",
+                "description": "Sets how the animation applies styles to its target before and after its execution.",
+                "value": {
+                  "type": "FillMode"
+                }
+              },
+              {
+                "name": "iterations",
+                "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
                 "value": {}
               },
               {
-                "name": "base",
+                "name": "iterationStart",
+                "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
                 "value": {
-                  "type": "HTMLElement"
+                  "type": "number"
                 }
               },
               {
-                "name": "open",
-                "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+                "name": "keyframes",
+                "description": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
                 "value": {
-                  "type": "boolean"
+                  "type": "Keyframe[] | undefined"
                 }
               },
               {
-                "name": "closable",
-                "description": "Enables a close button that allows the user to dismiss the alert.",
+                "name": "playbackRate",
+                "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
                 "value": {
-                  "type": "boolean"
+                  "type": "number"
                 }
               },
               {
-                "name": "variant",
-                "description": "The alert's theme variant.",
+                "name": "currentTime",
+                "description": "Gets and sets the current animation time.",
                 "value": {
-                  "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
+                  "type": "number | CSSNumberish"
                 }
               },
               {
-                "name": "duration",
-                "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
+                "name": "handleAnimationFinish",
                 "value": {}
               },
               {
-                "name": "restartAutoHide",
+                "name": "handleAnimationCancel",
                 "value": {}
               },
               {
-                "name": "handleCloseClick",
+                "name": "handleSlotChange",
                 "value": {}
               },
               {
-                "name": "handleMouseMove",
+                "name": "createAnimation",
                 "value": {}
               },
               {
-                "name": "getPrefixIconName",
+                "name": "destroyAnimation",
                 "value": {}
               },
               {
-                "name": "handleOpenChange",
+                "name": "handleAnimationChange",
                 "value": {}
               },
               {
-                "name": "handleDurationChange",
+                "name": "handlePlayChange",
                 "value": {}
               },
               {
-                "name": "show",
-                "description": "Shows the alert.",
+                "name": "handlePlaybackRateChange",
                 "value": {}
               },
               {
-                "name": "hide",
-                "description": "Hides the alert",
+                "name": "cancel",
+                "description": "Clears all keyframe effects caused by this animation and aborts its playback.",
                 "value": {}
               },
               {
-                "name": "toast",
-                "description": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
+                "name": "finish",
+                "description": "Sets the playback time to the end of the animation corresponding to the current playback direction.",
                 "value": {}
               }
             ],
             "events": [
               {
-                "name": "dsa-show",
-                "description": "Emitted when the alert opens."
-              },
-              {
-                "name": "dsa-after-show",
-                "description": "Emitted after the alert opens and all animations are complete."
+                "name": "dsa-cancel",
+                "description": "Emitted when the animation is canceled."
               },
               {
-                "name": "dsa-hide",
-                "description": "Emitted when the alert closes."
+                "name": "dsa-finish",
+                "description": "Emitted when the animation finishes."
               },
               {
-                "name": "dsa-after-hide",
-                "description": "Emitted after the alert closes and all animations are complete."
+                "name": "dsa-start",
+                "description": "Emitted when the animation starts or restarts."
               }
             ]
           },
           "attributes": [
             {
-              "name": "open",
-              "description": "Indicates whether or not the alert is open. You can toggle this attribute to show and hide the alert, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the alert's open state.",
+              "name": "name",
+              "description": "The name of the built-in animation to use. For custom animations, use the `keyframes` prop.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             },
             {
-              "name": "closable",
-              "description": "Enables a close button that allows the user to dismiss the alert.",
+              "name": "play",
+              "description": "Plays the animation. When omitted, the animation will be paused. This attribute will be automatically removed when\nthe animation finishes or gets canceled.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "variant",
-              "description": "The alert's theme variant.",
-              "value": {
-                "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
-              }
-            },
-            {
-              "name": "duration",
-              "description": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with\nthe alert before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe alert will not close on its own.",
-              "value": {}
-            }
-          ]
-        },
-        {
-          "name": "dsa-anchor-tag",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "label",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "href",
-                "description": "Makes the tag clickable and acts as a link. Specifies the URL of the page the link goes to.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "rel",
-                "description": "Determines the relationship between the current document and the linked document",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "referrerpolicy",
-                "description": "Specifies which referrer information to send with the link",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "hreflang",
-                "description": "Specifies the language of the linked document",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "ping",
-                "description": "Allows a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "download",
-                "description": "Specifies that the target will be downloaded when a user clicks on the hyperlink",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "type",
-                "description": "Defines the media type of the linked document",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "target",
-                "description": "Specifies where to open the linked document. Works when tag is clickable.",
-                "value": {
-                  "type": "'_blank' | '_parent' | '_self' | '_top'"
-                }
-              },
-              {
-                "name": "size",
-                "description": "The tag's size.",
-                "value": {
-                  "type": "'small' | 'medium' | 'large'"
-                }
-              }
-            ],
-            "events": []
-          },
-          "attributes": [
-            {
-              "name": "label",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "href",
-              "description": "Makes the tag clickable and acts as a link. Specifies the URL of the page the link goes to.",
+              "name": "delay",
+              "description": "The number of milliseconds to delay the start of the animation.",
               "value": {
-                "type": "string"
+                "type": "number"
               }
             },
             {
-              "name": "rel",
-              "description": "Determines the relationship between the current document and the linked document",
+              "name": "direction",
+              "description": "Determines the direction of playback as well as the behavior when reaching the end of an iteration.\n[Learn more](https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction)",
               "value": {
-                "type": "string"
+                "type": "PlaybackDirection"
               }
             },
             {
-              "name": "referrerpolicy",
-              "description": "Specifies which referrer information to send with the link",
+              "name": "duration",
+              "description": "The number of milliseconds each iteration of the animation takes to complete.",
               "value": {
-                "type": "string"
+                "type": "number"
               }
             },
             {
-              "name": "hreflang",
-              "description": "Specifies the language of the linked document",
+              "name": "easing",
+              "description": "The easing function to use for the animation. This can be a Shoelace easing function or a custom easing function\nsuch as `cubic-bezier(0, 1, .76, 1.14)`.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "ping",
-              "description": "Allows a space-separated list of URLs to which, when the link is followed, post requests with the body ping will be sent by the browser (in the background). Typically used for tracking.",
+              "name": "end-delay",
+              "description": "The number of milliseconds to delay after the active period of an animation sequence.",
               "value": {
-                "type": "string"
+                "type": "number"
               }
             },
             {
-              "name": "download",
-              "description": "Specifies that the target will be downloaded when a user clicks on the hyperlink",
+              "name": "fill",
+              "description": "Sets how the animation applies styles to its target before and after its execution.",
               "value": {
-                "type": "string"
+                "type": "FillMode"
               }
             },
             {
-              "name": "type",
-              "description": "Defines the media type of the linked document",
-              "value": {
-                "type": "string"
-              }
+              "name": "iterations",
+              "description": "The number of iterations to run before the animation completes. Defaults to `Infinity`, which loops.",
+              "value": {}
             },
             {
-              "name": "target",
-              "description": "Specifies where to open the linked document. Works when tag is clickable.",
+              "name": "iteration-start",
+              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
               "value": {
-                "type": "'_blank' | '_parent' | '_self' | '_top'"
+                "type": "number"
               }
             },
             {
-              "name": "size",
-              "description": "The tag's size.",
+              "name": "playback-rate",
+              "description": "Sets the animation's playback rate. The default is `1`, which plays the animation at a normal speed. Setting this\nto `2`, for example, will double the animation's speed. A negative value can be used to reverse the animation. This\nvalue can be changed without causing the animation to restart.",
               "value": {
-                "type": "'small' | 'medium' | 'large'"
+                "type": "number"
               }
             }
           ]
         },
         {
-          "name": "dsa-avatar-group",
-          "description": "",
+          "description": "Gets a list of all supported animation names.",
           "js": {
-            "properties": [
-              {
-                "name": "defaultSlot",
-                "value": {
-                  "type": "HTMLSlotElement"
-                }
-              }
-            ],
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "description": "Gets a list of all supported easing function names.",
+          "js": {
+            "properties": [],
             "events": []
           },
           "attributes": []
@@ -813,8 +797,24 @@
               "value": {
                 "type": "'small' | 'medium' | 'large' | 'x-large'"
               }
-            }
-          ]
+            }
+          ]
+        },
+        {
+          "name": "dsa-avatar-group",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "defaultSlot",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
         },
         {
           "name": "dsa-badge",
@@ -1114,6 +1114,13 @@
                   "type": "| '_self'\n    | '_blank'\n    | '_parent'\n    | '_top'\n    | string"
                 }
               },
+              {
+                "name": "ariaLabel",
+                "description": "Provides an accessible label for the button element",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "validity",
                 "description": "Gets the validity state object",
@@ -1346,9 +1353,30 @@
               "value": {
                 "type": "| '_self'\n    | '_blank'\n    | '_parent'\n    | '_top'\n    | string"
               }
+            },
+            {
+              "name": "aria-label",
+              "description": "Provides an accessible label for the button element",
+              "value": {
+                "type": "string"
+              }
             }
           ]
         },
+        {
+          "name": "dsa-card",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-checkbox",
           "description": "",
@@ -1425,6 +1453,13 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "readonly",
+                "description": "Sets the checkbox in readonly.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "error",
                 "description": "Indicates whether the checkbox's should be in error state",
@@ -1603,6 +1638,13 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "readonly",
+              "description": "Sets the checkbox in readonly.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "error",
               "description": "Indicates whether the checkbox's should be in error state",
@@ -1633,20 +1675,6 @@
             }
           ]
         },
-        {
-          "name": "dsa-card",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "hasSlotController",
-                "value": {}
-              }
-            ],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-checkbox-button",
           "description": "",
@@ -1884,6 +1912,20 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "disabled",
+                "description": "Disables children checkboxes",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "description": "Sets children checkboxes to readonly.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "horizontal",
                 "description": "Sets the orientation of the checkbox options",
@@ -1962,253 +2004,107 @@
                 "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-change",
-                "description": "Emitted when the checkbox group's selected value changes."
-              },
-              {
-                "name": "dsa-input",
-                "description": "Emitted when the checkbox group receives user input."
-              },
-              {
-                "name": "dsa-invalid",
-                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
-              }
-            ]
-          },
-          "attributes": [
-            {
-              "name": "label",
-              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "help-text",
-              "description": "The checkbox groups's help text. If you need to display HTML, use the `help-text` slot instead.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "name",
-              "description": "The name of the checkbox group, submitted as a name/value pair with form data.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "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.",
-              "value": {
-                "type": "string[]"
-              }
-            },
-            {
-              "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": "Ensures a child checkbox is checked before allowing the containing form to submit.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "horizontal",
-              "description": "Sets the orientation of the checkbox options",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "error",
-              "description": "Indicates whether the group should be in error state",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "error-message",
-              "description": "An error message that is shown when `error` is set to true",
-              "value": {
-                "type": "string"
-              }
-            }
-          ]
-        },
-        {
-          "name": "dsa-dialog",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "hasSlotController",
-                "value": {}
-              },
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "modal",
-                "value": {
-                  "type": "Modal"
-                }
-              },
-              {
-                "name": "originalTrigger",
-                "value": {
-                  "type": "HTMLElement | null"
-                }
-              },
-              {
-                "name": "dialog",
-                "value": {
-                  "type": "HTMLElement"
-                }
-              },
-              {
-                "name": "panel",
-                "value": {
-                  "type": "HTMLElement"
-                }
-              },
-              {
-                "name": "overlay",
-                "value": {
-                  "type": "HTMLElement"
-                }
-              },
-              {
-                "name": "open",
-                "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "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.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "noHeader",
-                "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "size",
-                "description": "The dialog's size.",
-                "value": {
-                  "type": "'small' | 'medium' | 'large'"
-                }
-              },
-              {
-                "name": "requestClose",
-                "value": {}
-              },
-              {
-                "name": "addOpenListeners",
-                "value": {}
-              },
-              {
-                "name": "removeOpenListeners",
-                "value": {}
-              },
-              {
-                "name": "handleDocumentKeyDown",
-                "value": {}
-              },
-              {
-                "name": "handleOpenChange",
-                "value": {}
-              },
-              {
-                "name": "show",
-                "description": "Shows the dialog.",
+                "name": "reportValidity",
+                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                 "value": {}
               },
               {
-                "name": "hide",
-                "description": "Hides the dialog",
+                "name": "setCustomValidity",
+                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                 "value": {}
               }
             ],
             "events": [
               {
-                "name": "dsa-show",
-                "description": "Emitted when the dialog opens."
-              },
-              {
-                "name": "dsa-after-show",
-                "description": "Emitted after the dialog opens and all animations are complete."
-              },
-              {
-                "name": "dsa-hide",
-                "description": "Emitted when the dialog closes."
-              },
-              {
-                "name": "dsa-after-hide",
-                "description": "Emitted after the dialog closes and all animations are complete."
+                "name": "dsa-change",
+                "description": "Emitted when the checkbox group's selected value changes."
               },
               {
-                "name": "dsa-initial-focus",
-                "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
+                "name": "dsa-input",
+                "description": "Emitted when the checkbox group receives user input."
               },
               {
-                "name": "dsa-request-close",
-                "description": "{{ source: 'close-button' | 'keyboard' | 'overlay' }}  - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
+                "name": "dsa-invalid",
+                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
               }
             ]
           },
           "attributes": [
             {
-              "name": "open",
-              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "name": "label",
+              "description": "The checkbox group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             },
             {
-              "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.",
+              "name": "help-text",
+              "description": "The checkbox groups's help text. If you need to display HTML, use the `help-text` slot instead.",
               "value": {
                 "type": "string"
               }
             },
             {
-              "name": "no-header",
-              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "name": "name",
+              "description": "The name of the checkbox group, submitted as a name/value pair with form data.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "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.",
+              "value": {
+                "type": "string[]"
+              }
+            },
+            {
+              "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": "Ensures a child checkbox is checked before allowing the containing form to submit.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "size",
-              "description": "The dialog's size.",
+              "name": "disabled",
+              "description": "Disables children checkboxes",
               "value": {
-                "type": "'small' | 'medium' | 'large'"
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Sets children checkboxes to readonly.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "horizontal",
+              "description": "Sets the orientation of the checkbox options",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Indicates whether the group should be in error state",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error-message",
+              "description": "An error message that is shown when `error` is set to true",
+              "value": {
+                "type": "string"
               }
             }
           ]
@@ -2849,7 +2745,167 @@
               "name": "fetching-state",
               "description": "When using asynchronous option loading, allows to specify the fetching state",
               "value": {
-                "type": "| 'loading'\n    | 'error'\n    | 'success'"
+                "type": "| 'loading'\n    | 'error'\n    | 'success'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-dialog",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "modal",
+                "value": {
+                  "type": "Modal"
+                }
+              },
+              {
+                "name": "originalTrigger",
+                "value": {
+                  "type": "HTMLElement | null"
+                }
+              },
+              {
+                "name": "dialog",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "panel",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "overlay",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "open",
+                "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "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.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "noHeader",
+                "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The dialog's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "requestClose",
+                "value": {}
+              },
+              {
+                "name": "addOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "removeOpenListeners",
+                "value": {}
+              },
+              {
+                "name": "handleDocumentKeyDown",
+                "value": {}
+              },
+              {
+                "name": "handleOpenChange",
+                "value": {}
+              },
+              {
+                "name": "show",
+                "description": "Shows the dialog.",
+                "value": {}
+              },
+              {
+                "name": "hide",
+                "description": "Hides the dialog",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-show",
+                "description": "Emitted when the dialog opens."
+              },
+              {
+                "name": "dsa-after-show",
+                "description": "Emitted after the dialog opens and all animations are complete."
+              },
+              {
+                "name": "dsa-hide",
+                "description": "Emitted when the dialog closes."
+              },
+              {
+                "name": "dsa-after-hide",
+                "description": "Emitted after the dialog closes and all animations are complete."
+              },
+              {
+                "name": "dsa-initial-focus",
+                "description": "Emitted when the dialog opens and is ready to receive focus. Calling `event.preventDefault()` will prevent focusing and allow you to set it on a different element, such as an input."
+              },
+              {
+                "name": "dsa-request-close",
+                "description": "{{ source: 'close-button' | 'keyboard' | 'overlay' }}  - Emitted when the user attempts to close the dialog by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the dialog open. Avoid using this unless closing the dialog will result in destructive behavior such as data loss."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "open",
+              "description": "Indicates whether or not the dialog is open. You can toggle this attribute to show and hide the dialog, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the dialog's open state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "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.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "no-header",
+              "description": "Disables the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the dialog.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The dialog's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
               }
             }
           ]
@@ -2880,7 +2936,7 @@
           ]
         },
         {
-          "name": "dsa-download-link",
+          "name": "dsa-download-card",
           "description": "",
           "js": {
             "properties": [
@@ -2891,6 +2947,13 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "description",
+                "description": "Optional description of the file",
+                "value": {
+                  "type": "string | undefined"
+                }
+              },
               {
                 "name": "format",
                 "description": "The document format",
@@ -2905,20 +2968,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "variant",
-                "description": "The link's theme variant.",
-                "value": {
-                  "type": "'base' | 'layer' | 'contrasted' | 'floating'"
-                }
-              },
-              {
-                "name": "size",
-                "description": "The link's size.",
-                "value": {
-                  "type": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
-                }
-              },
               {
                 "name": "handleFocus",
                 "value": {}
@@ -2931,11 +2980,11 @@
             "events": [
               {
                 "name": "dsa-blur",
-                "description": "Emitted when the link loses focus."
+                "description": "Emitted when the card loses focus."
               },
               {
                 "name": "dsa-focus",
-                "description": "Emitted when the link gains focus."
+                "description": "Emitted when the card gains focus."
               }
             ]
           },
@@ -2947,6 +2996,13 @@
                 "type": "string"
               }
             },
+            {
+              "name": "description",
+              "description": "Optional description of the file",
+              "value": {
+                "type": "string | undefined"
+              }
+            },
             {
               "name": "format",
               "description": "The document format",
@@ -2960,25 +3016,11 @@
               "value": {
                 "type": "string"
               }
-            },
-            {
-              "name": "variant",
-              "description": "The link's theme variant.",
-              "value": {
-                "type": "'base' | 'layer' | 'contrasted' | 'floating'"
-              }
-            },
-            {
-              "name": "size",
-              "description": "The link's size.",
-              "value": {
-                "type": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
-              }
             }
           ]
         },
         {
-          "name": "dsa-download-card",
+          "name": "dsa-download-link",
           "description": "",
           "js": {
             "properties": [
@@ -2989,13 +3031,6 @@
                   "type": "string"
                 }
               },
-              {
-                "name": "description",
-                "description": "Optional description of the file",
-                "value": {
-                  "type": "string | undefined"
-                }
-              },
               {
                 "name": "format",
                 "description": "The document format",
@@ -3010,6 +3045,20 @@
                   "type": "string"
                 }
               },
+              {
+                "name": "variant",
+                "description": "The link's theme variant.",
+                "value": {
+                  "type": "'base' | 'layer' | 'contrasted' | 'floating'"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The link's size.",
+                "value": {
+                  "type": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
+                }
+              },
               {
                 "name": "handleFocus",
                 "value": {}
@@ -3022,11 +3071,11 @@
             "events": [
               {
                 "name": "dsa-blur",
-                "description": "Emitted when the card loses focus."
+                "description": "Emitted when the link loses focus."
               },
               {
                 "name": "dsa-focus",
-                "description": "Emitted when the card gains focus."
+                "description": "Emitted when the link gains focus."
               }
             ]
           },
@@ -3038,13 +3087,6 @@
                 "type": "string"
               }
             },
-            {
-              "name": "description",
-              "description": "Optional description of the file",
-              "value": {
-                "type": "string | undefined"
-              }
-            },
             {
               "name": "format",
               "description": "The document format",
@@ -3058,6 +3100,20 @@
               "value": {
                 "type": "string"
               }
+            },
+            {
+              "name": "variant",
+              "description": "The link's theme variant.",
+              "value": {
+                "type": "'base' | 'layer' | 'contrasted' | 'floating'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The link's size.",
+              "value": {
+                "type": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'"
+              }
             }
           ]
         },
@@ -3459,15 +3515,6 @@
             }
           ]
         },
-        {
-          "name": "dsa-error-text",
-          "description": "",
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-error-message-panel",
           "description": "",
@@ -3501,6 +3548,15 @@
             }
           ]
         },
+        {
+          "name": "dsa-error-text",
+          "description": "",
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-file-upload",
           "description": "",
@@ -3814,8 +3870,6 @@
           ]
         },
         {
-          "name": "dsa-footer-inline-divider",
-          "description": "",
           "js": {
             "properties": [],
             "events": []
@@ -3823,15 +3877,22 @@
           "attributes": []
         },
         {
-          "name": "dsa-footer-content-block",
+          "name": "dsa-footer",
           "description": "",
           "js": {
-            "properties": [],
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              }
+            ],
             "events": []
           },
           "attributes": []
         },
         {
+          "name": "dsa-footer-content-block",
+          "description": "",
           "js": {
             "properties": [],
             "events": []
@@ -3839,15 +3900,10 @@
           "attributes": []
         },
         {
-          "name": "dsa-footer",
+          "name": "dsa-footer-inline-divider",
           "description": "",
           "js": {
-            "properties": [
-              {
-                "name": "hasSlotController",
-                "value": {}
-              }
-            ],
+            "properties": [],
             "events": []
           },
           "attributes": []
@@ -3894,6 +3950,63 @@
           },
           "attributes": []
         },
+        {
+          "name": "dsa-format-bytes",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "value",
+                "description": "The number to format in bytes.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "unit",
+                "description": "The type of unit to display.",
+                "value": {
+                  "type": "'byte' | 'bit'"
+                }
+              },
+              {
+                "name": "display",
+                "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
+                "value": {
+                  "type": "'long' | 'short' | 'narrow'"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The number to format in bytes.",
+              "value": {
+                "type": "number"
+              }
+            },
+            {
+              "name": "unit",
+              "description": "The type of unit to display.",
+              "value": {
+                "type": "'byte' | 'bit'"
+              }
+            },
+            {
+              "name": "display",
+              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
+              "value": {
+                "type": "'long' | 'short' | 'narrow'"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-format-date",
           "description": "",
@@ -4053,83 +4166,26 @@
               "value": {
                 "type": "'numeric' | '2-digit'"
               }
-            },
-            {
-              "name": "time-zone-name",
-              "description": "The format for displaying the time.",
-              "value": {
-                "type": "'short' | 'long'"
-              }
-            },
-            {
-              "name": "time-zone",
-              "description": "The time zone to express the time in.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "hour-format",
-              "description": "The format for displaying the hour.",
-              "value": {
-                "type": "'auto' | '12' | '24'"
-              }
-            }
-          ]
-        },
-        {
-          "name": "dsa-format-bytes",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "value",
-                "description": "The number to format in bytes.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "unit",
-                "description": "The type of unit to display.",
-                "value": {
-                  "type": "'byte' | 'bit'"
-                }
-              },
-              {
-                "name": "display",
-                "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
-                "value": {
-                  "type": "'long' | 'short' | 'narrow'"
-                }
-              }
-            ],
-            "events": []
-          },
-          "attributes": [
+            },
             {
-              "name": "value",
-              "description": "The number to format in bytes.",
+              "name": "time-zone-name",
+              "description": "The format for displaying the time.",
               "value": {
-                "type": "number"
+                "type": "'short' | 'long'"
               }
             },
             {
-              "name": "unit",
-              "description": "The type of unit to display.",
+              "name": "time-zone",
+              "description": "The time zone to express the time in.",
               "value": {
-                "type": "'byte' | 'bit'"
+                "type": "string"
               }
             },
             {
-              "name": "display",
-              "description": "Determines how to display the result, e.g. \"100 bytes\", \"100 b\", or \"100b\".",
+              "name": "hour-format",
+              "description": "The format for displaying the hour.",
               "value": {
-                "type": "'long' | 'short' | 'narrow'"
+                "type": "'auto' | '12' | '24'"
               }
             }
           ]
@@ -4518,6 +4574,13 @@
                   "type": "| 'default'\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'danger'"
                 }
               },
+              {
+                "name": "size",
+                "description": "The icon button's size.",
+                "value": {
+                  "type": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | '2xlarge'"
+                }
+              },
               {
                 "name": "handleBlur",
                 "value": {}
@@ -4620,6 +4683,13 @@
               "value": {
                 "type": "| 'default'\n    | 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'danger'"
               }
+            },
+            {
+              "name": "size",
+              "description": "The icon button's size.",
+              "value": {
+                "type": "| '2xsmall'\n    | 'xsmall'\n    | 'small'\n    | 'medium'\n    | 'large'\n    | 'xlarge'\n    | '2xlarge'"
+              }
             }
           ]
         },
@@ -6617,6 +6687,132 @@
           },
           "attributes": []
         },
+        {
+          "name": "dsa-mutation-observer",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "mutationObserver",
+                "value": {
+                  "type": "MutationObserver"
+                }
+              },
+              {
+                "name": "attr",
+                "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "attrOldValue",
+                "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "charData",
+                "description": "Watches for changes to the character data contained within the node.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "charDataOldValue",
+                "description": "Indicates whether or not the previous value of the node's text should be recorded.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "childList",
+                "description": "Watches for the addition or removal of new child nodes.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the observer.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleMutation",
+                "value": {}
+              },
+              {
+                "name": "startObserver",
+                "value": {}
+              },
+              {
+                "name": "stopObserver",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-mutation",
+                "description": "Emitted when a mutation occurs."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "attr",
+              "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "attr-old-value",
+              "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "char-data",
+              "description": "Watches for changes to the character data contained within the node.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "char-data-old-value",
+              "description": "Indicates whether or not the previous value of the node's text should be recorded.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "child-list",
+              "description": "Watches for the addition or removal of new child nodes.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the observer.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-option",
           "description": "",
@@ -6693,28 +6889,138 @@
                 "value": {}
               },
               {
-                "name": "handleMouseLeave",
+                "name": "handleMouseLeave",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleSelectedChange",
+                "value": {}
+              },
+              {
+                "name": "handleErrorChange",
+                "value": {}
+              },
+              {
+                "name": "handleValueChange",
+                "value": {}
+              },
+              {
+                "name": "getTextLabel",
+                "description": "Returns a plain text label based on the option's content.",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Draws the option in a disabled state, preventing selection.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The option's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Indicates whether the input should be in error state",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-pagination",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "desktopNavigation",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "mobileNavigation",
+                "value": {
+                  "type": "HTMLElement"
+                }
+              },
+              {
+                "name": "totalPages",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "currentPage",
+                "description": "The number of the page currently displayed.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "totalItems",
+                "description": "The total number of items in the table.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "itemsPerPage",
+                "description": "The number of items displayed in the table per page.",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "handlePageButtonClick",
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
+                "name": "handlePageInputChange",
                 "value": {}
               },
               {
-                "name": "handleSelectedChange",
+                "name": "renderButtonsRange",
                 "value": {}
               },
               {
-                "name": "handleErrorChange",
+                "name": "getPageButtons",
                 "value": {}
               },
               {
-                "name": "handleValueChange",
+                "name": "handleDefaultSlotChange",
                 "value": {}
               },
               {
-                "name": "getTextLabel",
-                "description": "Returns a plain text label based on the option's content.",
+                "name": "updateTotalPages",
                 "value": {}
               }
             ],
@@ -6722,29 +7028,85 @@
           },
           "attributes": [
             {
-              "name": "value",
-              "description": "The option's value. When selected, the containing form control will receive this value. The value must be unique\nfrom other options in the same group. Values may not contain spaces, as spaces are used as delimiters when listing\nmultiple values.",
+              "name": "current-page",
+              "description": "The number of the page currently displayed.",
               "value": {
-                "type": "string"
+                "type": "number"
               }
             },
             {
-              "name": "disabled",
-              "description": "Draws the option in a disabled state, preventing selection.",
+              "name": "total-items",
+              "description": "The total number of items in the table.",
               "value": {
-                "type": "boolean"
+                "type": "number"
               }
             },
             {
-              "name": "size",
-              "description": "The option's size.",
+              "name": "items-per-page",
+              "description": "The number of items displayed in the table per page.",
               "value": {
-                "type": "'small' | 'medium' | 'large'"
+                "type": "number"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-pagination-button",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "button",
+                "value": {
+                  "type": "HTMLButtonElement"
+                }
+              },
+              {
+                "name": "value",
+                "description": "The page number of the button. A value of \"-1\" leads to a label \"...\"",
+                "value": {
+                  "type": "number"
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Determine if the page linked to the button is the current one (inactivates the button)",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the button",
+                "value": {
+                  "type": "boolean"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "value",
+              "description": "The page number of the button. A value of \"-1\" leads to a label \"...\"",
+              "value": {
+                "type": "number"
               }
             },
             {
-              "name": "error",
-              "description": "Indicates whether the input should be in error state",
+              "name": "selected",
+              "description": "Determine if the page linked to the button is the current one (inactivates the button)",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the button",
               "value": {
                 "type": "boolean"
               }
@@ -7104,127 +7466,58 @@
           ]
         },
         {
-          "name": "dsa-mutation-observer",
+          "name": "dsa-progress-bar",
           "description": "",
           "js": {
             "properties": [
               {
-                "name": "mutationObserver",
-                "value": {
-                  "type": "MutationObserver"
-                }
-              },
-              {
-                "name": "attr",
-                "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "attrOldValue",
-                "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "charData",
-                "description": "Watches for changes to the character data contained within the node.",
-                "value": {
-                  "type": "boolean"
-                }
+                "name": "localize",
+                "value": {}
               },
               {
-                "name": "charDataOldValue",
-                "description": "Indicates whether or not the previous value of the node's text should be recorded.",
+                "name": "value",
+                "description": "The current progress as a percentage, 0 to 100.",
                 "value": {
-                  "type": "boolean"
+                  "type": "number"
                 }
               },
               {
-                "name": "childList",
-                "description": "Watches for the addition or removal of new child nodes.",
+                "name": "indeterminate",
+                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "disabled",
-                "description": "Disables the observer.",
+                "name": "label",
+                "description": "A custom label for assistive devices.",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 }
-              },
-              {
-                "name": "handleMutation",
-                "value": {}
-              },
-              {
-                "name": "startObserver",
-                "value": {}
-              },
-              {
-                "name": "stopObserver",
-                "value": {}
-              },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              },
-              {
-                "name": "handleChange",
-                "value": {}
               }
             ],
-            "events": [
-              {
-                "name": "dsa-mutation",
-                "description": "Emitted when a mutation occurs."
-              }
-            ]
+            "events": []
           },
           "attributes": [
             {
-              "name": "attr",
-              "description": "Watches for changes to attributes. To watch only specific attributes, separate them by a space, e.g.\n`attr=\"class id title\"`. To watch all attributes, use `*`.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "attr-old-value",
-              "description": "Indicates whether or not the attribute's previous value should be recorded when monitoring changes.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "char-data",
-              "description": "Watches for changes to the character data contained within the node.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "char-data-old-value",
-              "description": "Indicates whether or not the previous value of the node's text should be recorded.",
+              "name": "value",
+              "description": "The current progress as a percentage, 0 to 100.",
               "value": {
-                "type": "boolean"
+                "type": "number"
               }
             },
             {
-              "name": "child-list",
-              "description": "Watches for the addition or removal of new child nodes.",
+              "name": "indeterminate",
+              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "disabled",
-              "description": "Disables the observer.",
+              "name": "label",
+              "description": "A custom label for assistive devices.",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             }
           ]
@@ -7387,104 +7680,47 @@
               {
                 "name": "dsa-blur",
                 "description": "Emitted when the control loses focus."
-              },
-              {
-                "name": "dsa-focus",
-                "description": "Emitted when the control gains focus."
-              }
-            ]
-          },
-          "attributes": [
-            {
-              "name": "value",
-              "description": "The radio's value. When selected, the radio group will receive this value.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "size",
-              "description": "The radio's size.",
-              "value": {
-                "type": "'small' | 'medium' | 'large'"
-              }
-            },
-            {
-              "name": "disabled",
-              "description": "Disables the radio.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "readonly",
-              "description": "Sets the radio in readonly.",
-              "value": {
-                "type": "boolean"
-              }
-            },
-            {
-              "name": "error",
-              "description": "Indicates whether the radio should be in error state",
-              "value": {
-                "type": "boolean"
-              }
-            }
-          ]
-        },
-        {
-          "name": "dsa-progress-bar",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "value",
-                "description": "The current progress as a percentage, 0 to 100.",
-                "value": {
-                  "type": "number"
-                }
-              },
-              {
-                "name": "indeterminate",
-                "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "label",
-                "description": "A custom label for assistive devices.",
-                "value": {
-                  "type": "string"
-                }
+              },
+              {
+                "name": "dsa-focus",
+                "description": "Emitted when the control gains focus."
               }
-            ],
-            "events": []
+            ]
           },
           "attributes": [
             {
               "name": "value",
-              "description": "The current progress as a percentage, 0 to 100.",
+              "description": "The radio's value. When selected, the radio group will receive this value.",
               "value": {
-                "type": "number"
+                "type": "string"
               }
             },
             {
-              "name": "indeterminate",
-              "description": "When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.",
+              "name": "size",
+              "description": "The radio's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the radio.",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "label",
-              "description": "A custom label for assistive devices.",
+              "name": "readonly",
+              "description": "Sets the radio in readonly.",
               "value": {
-                "type": "string"
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "error",
+              "description": "Indicates whether the radio should be in error state",
+              "value": {
+                "type": "boolean"
               }
             }
           ]
@@ -7741,6 +7977,20 @@
                   "type": "boolean"
                 }
               },
+              {
+                "name": "disabled",
+                "description": "Disables children radios.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "readonly",
+                "description": "Sets children radios to readonly.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
               {
                 "name": "horizontal",
                 "description": "Sets the orientation of the radio options",
@@ -7894,6 +8144,20 @@
                 "type": "boolean"
               }
             },
+            {
+              "name": "disabled",
+              "description": "Disables children radios.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "readonly",
+              "description": "Sets children radios to readonly.",
+              "value": {
+                "type": "boolean"
+              }
+            },
             {
               "name": "horizontal",
               "description": "Sets the orientation of the radio options",
@@ -8012,6 +8276,64 @@
             }
           ]
         },
+        {
+          "name": "dsa-resize-observer",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "resizeObserver",
+                "value": {
+                  "type": "ResizeObserver"
+                }
+              },
+              {
+                "name": "observedElements",
+                "value": {
+                  "type": "HTMLElement[]"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the observer.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "handleSlotChange",
+                "value": {}
+              },
+              {
+                "name": "startObserver",
+                "value": {}
+              },
+              {
+                "name": "stopObserver",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-resize",
+                "description": "Emitted when the element is resized."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "disabled",
+              "description": "Disables the observer.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
         {
           "name": "dsa-select",
           "description": "",
@@ -8611,64 +8933,6 @@
             }
           ]
         },
-        {
-          "name": "dsa-resize-observer",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "resizeObserver",
-                "value": {
-                  "type": "ResizeObserver"
-                }
-              },
-              {
-                "name": "observedElements",
-                "value": {
-                  "type": "HTMLElement[]"
-                }
-              },
-              {
-                "name": "disabled",
-                "description": "Disables the observer.",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "handleSlotChange",
-                "value": {}
-              },
-              {
-                "name": "startObserver",
-                "value": {}
-              },
-              {
-                "name": "stopObserver",
-                "value": {}
-              },
-              {
-                "name": "handleDisabledChange",
-                "value": {}
-              }
-            ],
-            "events": [
-              {
-                "name": "dsa-resize",
-                "description": "Emitted when the element is resized."
-              }
-            ]
-          },
-          "attributes": [
-            {
-              "name": "disabled",
-              "description": "Disables the observer.",
-              "value": {
-                "type": "boolean"
-              }
-            }
-          ]
-        },
         {
           "name": "dsa-skeleton",
           "description": "",
@@ -8743,6 +9007,30 @@
             }
           ]
         },
+        {
+          "name": "dsa-skip-links",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "allLinks",
+                "value": {
+                  "type": "DSASkipLinkItem[]"
+                }
+              },
+              {
+                "name": "getAllLinks",
+                "value": {}
+              },
+              {
+                "name": "handleDefaultSlotChange",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-spinner",
           "description": "",
@@ -8753,25 +9041,125 @@
                 "value": {}
               },
               {
-                "name": "variant",
-                "description": "The sprinner's variant.",
+                "name": "variant",
+                "description": "The sprinner's variant.",
+                "value": {
+                  "type": "'base' | 'floating'"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The sprinner's variant.",
+              "value": {
+                "type": "'base' | 'floating'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-step",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "hasSlotController",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "status",
+                "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
+                "value": {
+                  "type": "DSAStepStatus"
+                }
+              },
+              {
+                "name": "title",
+                "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "content",
+                "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "index",
+                "description": "Sets the step's index",
+                "value": {
+                  "type": "number | undefined"
+                }
+              },
+              {
+                "name": "vertical",
+                "description": "When set to true, put the step in vertical mode",
                 "value": {
-                  "type": "'base' | 'floating'"
+                  "type": "boolean"
                 }
+              },
+              {
+                "name": "getStepLabel",
+                "value": {}
               }
             ],
             "events": []
           },
           "attributes": [
             {
-              "name": "variant",
-              "description": "The sprinner's variant.",
+              "name": "status",
+              "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
               "value": {
-                "type": "'base' | 'floating'"
+                "type": "DSAStepStatus"
+              }
+            },
+            {
+              "name": "title",
+              "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "content",
+              "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "index",
+              "description": "Sets the step's index",
+              "value": {
+                "type": "number | undefined"
+              }
+            },
+            {
+              "name": "vertical",
+              "description": "When set to true, put the step in vertical mode",
+              "value": {
+                "type": "boolean"
               }
             }
           ]
         },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-stepper",
           "description": "",
@@ -8827,30 +9215,6 @@
             }
           ]
         },
-        {
-          "name": "dsa-skip-links",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "allLinks",
-                "value": {
-                  "type": "DSASkipLinkItem[]"
-                }
-              },
-              {
-                "name": "getAllLinks",
-                "value": {}
-              },
-              {
-                "name": "handleDefaultSlotChange",
-                "value": {}
-              }
-            ],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-tab",
           "description": "",
@@ -8971,106 +9335,6 @@
             }
           ]
         },
-        {
-          "name": "dsa-step",
-          "description": "",
-          "js": {
-            "properties": [
-              {
-                "name": "hasSlotController",
-                "value": {}
-              },
-              {
-                "name": "localize",
-                "value": {}
-              },
-              {
-                "name": "status",
-                "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
-                "value": {
-                  "type": "DSAStepStatus"
-                }
-              },
-              {
-                "name": "title",
-                "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "content",
-                "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
-                "value": {
-                  "type": "string"
-                }
-              },
-              {
-                "name": "index",
-                "description": "Sets the step's index",
-                "value": {
-                  "type": "number | undefined"
-                }
-              },
-              {
-                "name": "vertical",
-                "description": "When set to true, put the step in vertical mode",
-                "value": {
-                  "type": "boolean"
-                }
-              },
-              {
-                "name": "getStepLabel",
-                "value": {}
-              }
-            ],
-            "events": []
-          },
-          "attributes": [
-            {
-              "name": "status",
-              "description": "The step's status. There can only be one active step's state inside a stepper.\nThe `active` status defines the current step as the only active step on the page. It usually has related content  on the page like a form.",
-              "value": {
-                "type": "DSAStepStatus"
-              }
-            },
-            {
-              "name": "title",
-              "description": "The step's title. If you need to display HTML, use the `title` slot instead.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "content",
-              "description": "The step's content. If you need to display HTML, use the `content` slot instead.",
-              "value": {
-                "type": "string"
-              }
-            },
-            {
-              "name": "index",
-              "description": "Sets the step's index",
-              "value": {
-                "type": "number | undefined"
-              }
-            },
-            {
-              "name": "vertical",
-              "description": "When set to true, put the step in vertical mode",
-              "value": {
-                "type": "boolean"
-              }
-            }
-          ]
-        },
-        {
-          "js": {
-            "properties": [],
-            "events": []
-          },
-          "attributes": []
-        },
         {
           "name": "dsa-tab-group",
           "description": "",
@@ -9271,21 +9535,124 @@
           },
           "attributes": [
             {
-              "name": "name",
-              "description": "The tab panel's name.",
+              "name": "name",
+              "description": "The tab panel's name.",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "active",
+              "description": "When true, the tab panel will be shown.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-table",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "role",
+                "description": "The table's role",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The table's size.",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "sortable",
+                "description": "`true` if this table should support sorting",
+                "value": {
+                  "type": "boolean | undefined"
+                }
+              },
+              {
+                "name": "alignment",
+                "description": "Used to align content",
+                "value": {
+                  "type": "'left' | 'right'"
+                }
+              },
+              {
+                "name": "handleSizeChange",
+                "value": {}
+              },
+              {
+                "name": "handleSortableChange",
+                "value": {}
+              },
+              {
+                "name": "handleAlignmentChange",
+                "value": {}
+              },
+              {
+                "name": "selectorHeaderCell",
+                "value": {}
+              },
+              {
+                "name": "selectorAllRows",
+                "value": {}
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The table's role",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The table's size.",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "sortable",
+              "description": "`true` if this table should support sorting",
               "value": {
-                "type": "string"
+                "type": "boolean | undefined"
               }
             },
             {
-              "name": "active",
-              "description": "When true, the tab panel will be shown.",
+              "name": "alignment",
+              "description": "Used to align content",
               "value": {
-                "type": "boolean"
+                "type": "'left' | 'right'"
               }
             }
           ]
         },
+        {
+          "name": "dsa-table-container",
+          "description": "",
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
         {
           "name": "dsa-tag",
           "description": "",
@@ -9295,6 +9662,12 @@
                 "name": "localize",
                 "value": {}
               },
+              {
+                "name": "iconButtonSize",
+                "value": {
+                  "type": "string"
+                }
+              },
               {
                 "name": "variant",
                 "description": "The tag's theme variant.",
@@ -9325,6 +9698,10 @@
               {
                 "name": "handleRemoveClick",
                 "value": {}
+              },
+              {
+                "name": "updateIconButtonSize",
+                "value": {}
               }
             ],
             "events": [
@@ -10218,220 +10595,506 @@
                 "value": {}
               },
               {
-                "name": "handleSelectionChange",
-                "value": {}
+                "name": "handleSelectionChange",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-selection-change",
+                "description": "Emitted when a tree item is selected or deselected."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "selection",
+              "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
+              "value": {
+                "type": "'single' | 'multiple' | 'leaf'"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-tree-item",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "isTreeItem",
+                "value": {}
+              },
+              {
+                "name": "localize",
+                "value": {}
+              },
+              {
+                "name": "indeterminate",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "isLeaf",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "loading",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "selectable",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "expanded",
+                "description": "Expands the tree item.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Draws the tree item in a selected state.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "disabled",
+                "description": "Disables the tree item.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "lazy",
+                "description": "Enables lazy loading behavior.",
+                "value": {
+                  "type": "boolean"
+                }
+              },
+              {
+                "name": "defaultSlot",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "childrenSlot",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "itemElement",
+                "value": {
+                  "type": "HTMLDivElement"
+                }
+              },
+              {
+                "name": "childrenContainer",
+                "value": {
+                  "type": "HTMLDivElement"
+                }
+              },
+              {
+                "name": "expandButtonSlot",
+                "value": {
+                  "type": "HTMLSlotElement"
+                }
+              },
+              {
+                "name": "animateCollapse",
+                "value": {}
+              },
+              {
+                "name": "isNestedItem",
+                "value": {}
+              },
+              {
+                "name": "handleChildrenSlotChange",
+                "value": {}
+              },
+              {
+                "name": "animateExpand",
+                "value": {}
+              },
+              {
+                "name": "handleLoadingChange",
+                "value": {}
+              },
+              {
+                "name": "handleDisabledChange",
+                "value": {}
+              },
+              {
+                "name": "handleSelectedChange",
+                "value": {}
+              },
+              {
+                "name": "handleExpandedChange",
+                "value": {}
+              },
+              {
+                "name": "handleExpandAnimation",
+                "value": {}
+              },
+              {
+                "name": "handleLazyChange",
+                "value": {}
+              },
+              {
+                "name": "getChildrenItems",
+                "description": "Gets all the nested tree items in this node.",
+                "value": {}
+              }
+            ],
+            "events": [
+              {
+                "name": "dsa-expand",
+                "description": "Emitted when the tree item expands."
+              },
+              {
+                "name": "dsa-after-expand",
+                "description": "Emitted after the tree item expands and all animations are complete."
+              },
+              {
+                "name": "dsa-collapse",
+                "description": "Emitted when the tree item collapses."
+              },
+              {
+                "name": "dsa-after-collapse",
+                "description": "Emitted after the tree item collapses and all animations are complete."
+              },
+              {
+                "name": "dsa-lazy-change",
+                "description": "Emitted when the tree item's lazy state changes."
+              },
+              {
+                "name": "dsa-lazy-load",
+                "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree."
+              }
+            ]
+          },
+          "attributes": [
+            {
+              "name": "expanded",
+              "description": "Expands the tree item.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Draws the tree item in a selected state.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "disabled",
+              "description": "Disables the tree item.",
+              "value": {
+                "type": "boolean"
+              }
+            },
+            {
+              "name": "lazy",
+              "description": "Enables lazy loading behavior.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-visually-hidden",
+          "description": "",
+          "js": {
+            "properties": [],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-table-body",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "role",
+                "description": "The table-body's role",
+                "value": {
+                  "type": "string"
+                }
               }
             ],
-            "events": [
-              {
-                "name": "dsa-selection-change",
-                "description": "Emitted when a tree item is selected or deselected."
-              }
-            ]
+            "events": []
           },
           "attributes": [
             {
-              "name": "selection",
-              "description": "The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple\ndisplays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.",
+              "name": "role",
+              "description": "The table-body's role",
               "value": {
-                "type": "'single' | 'multiple' | 'leaf'"
+                "type": "string"
               }
             }
           ]
         },
         {
-          "name": "dsa-tree-item",
+          "name": "dsa-table-caption",
           "description": "",
           "js": {
             "properties": [
               {
-                "name": "isTreeItem",
+                "name": "hasSlotController",
                 "value": {}
               },
               {
                 "name": "localize",
                 "value": {}
-              },
+              }
+            ],
+            "events": []
+          },
+          "attributes": []
+        },
+        {
+          "name": "dsa-table-cell",
+          "description": "",
+          "js": {
+            "properties": [
               {
-                "name": "indeterminate",
+                "name": "role",
+                "description": "The table-cell's role",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 }
-              },
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The table-cell's role",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-table-head",
+          "description": "",
+          "js": {
+            "properties": [
               {
-                "name": "isLeaf",
+                "name": "role",
+                "description": "The table-head's role",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 }
-              },
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The table-head's role",
+              "value": {
+                "type": "string"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-table-header-cell",
+          "description": "",
+          "js": {
+            "properties": [
               {
-                "name": "loading",
-                "value": {
-                  "type": "boolean"
-                }
+                "name": "localize",
+                "value": {}
               },
               {
-                "name": "selectable",
+                "name": "button",
                 "value": {
-                  "type": "boolean"
+                  "type": "HTMLButtonElement"
                 }
               },
               {
-                "name": "expanded",
-                "description": "Expands the tree item.",
-                "value": {
-                  "type": "boolean"
-                }
+                "name": "nextSortDirection",
+                "value": {}
               },
               {
-                "name": "selected",
-                "description": "Draws the tree item in a selected state.",
+                "name": "isHovered",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "disabled",
-                "description": "Disables the tree item.",
+                "name": "role",
+                "description": "The table-header-cell's role",
                 "value": {
-                  "type": "boolean"
+                  "type": "string"
                 }
               },
               {
-                "name": "lazy",
-                "description": "Enables lazy loading behavior.",
+                "name": "sortable",
+                "description": "`true` if this should be sortable",
                 "value": {
                   "type": "boolean"
                 }
               },
               {
-                "name": "defaultSlot",
-                "value": {
-                  "type": "HTMLSlotElement"
-                }
-              },
-              {
-                "name": "childrenSlot",
-                "value": {
-                  "type": "HTMLSlotElement"
-                }
-              },
-              {
-                "name": "itemElement",
-                "value": {
-                  "type": "HTMLDivElement"
-                }
-              },
-              {
-                "name": "childrenContainer",
+                "name": "alignment",
+                "description": "Used to align content",
                 "value": {
-                  "type": "HTMLDivElement"
+                  "type": "'left' | 'right'"
                 }
               },
               {
-                "name": "expandButtonSlot",
+                "name": "sortDirection",
+                "description": "The table sort direction. Choose between `ascending` or `descending` or `none`",
                 "value": {
-                  "type": "HTMLSlotElement"
+                  "type": "TABLE_SORT_DIRECTION"
                 }
               },
               {
-                "name": "animateCollapse",
-                "value": {}
-              },
-              {
-                "name": "isNestedItem",
-                "value": {}
-              },
-              {
-                "name": "handleChildrenSlotChange",
+                "name": "handleSort",
                 "value": {}
               },
               {
-                "name": "animateExpand",
+                "name": "getNextSortDirection",
                 "value": {}
               },
               {
-                "name": "handleLoadingChange",
+                "name": "handleMouseOver",
                 "value": {}
               },
               {
-                "name": "handleDisabledChange",
+                "name": "handleMouseOut",
                 "value": {}
               },
               {
-                "name": "handleSelectedChange",
+                "name": "handleSortableChange",
                 "value": {}
               },
               {
-                "name": "handleExpandedChange",
+                "name": "handleSortDirectionChange",
                 "value": {}
               },
               {
-                "name": "handleExpandAnimation",
+                "name": "click",
+                "description": "Simulates a click on the sort button.",
                 "value": {}
               },
               {
-                "name": "handleLazyChange",
+                "name": "focus",
+                "description": "Sets focus on the sort button.",
                 "value": {}
               },
               {
-                "name": "getChildrenItems",
-                "description": "Gets all the nested tree items in this node.",
+                "name": "blur",
+                "description": "Removes focus from the sort button.",
                 "value": {}
               }
             ],
             "events": [
               {
-                "name": "dsa-expand",
-                "description": "Emitted when the tree item expands."
-              },
-              {
-                "name": "dsa-after-expand",
-                "description": "Emitted after the tree item expands and all animations are complete."
-              },
-              {
-                "name": "dsa-collapse",
-                "description": "Emitted when the tree item collapses."
-              },
-              {
-                "name": "dsa-after-collapse",
-                "description": "Emitted after the tree item collapses and all animations are complete."
-              },
-              {
-                "name": "dsa-lazy-change",
-                "description": "Emitted when the tree item's lazy state changes."
-              },
-              {
-                "name": "dsa-lazy-load",
-                "description": "Emitted when a lazy item is selected. Use this event to asynchronously load data and append items to the tree before expanding. After appending new items, remove the `lazy` attribute to remove the loading state and update the tree."
+                "name": "dsa-table-header-cell-sort",
+                "description": "Emitted when a table-header-cell changes its sort direction."
               }
             ]
           },
           "attributes": [
             {
-              "name": "expanded",
-              "description": "Expands the tree item.",
+              "name": "role",
+              "description": "The table-header-cell's role",
               "value": {
-                "type": "boolean"
+                "type": "string"
               }
             },
             {
-              "name": "selected",
-              "description": "Draws the tree item in a selected state.",
+              "name": "sortable",
+              "description": "`true` if this should be sortable",
               "value": {
                 "type": "boolean"
               }
             },
             {
-              "name": "disabled",
-              "description": "Disables the tree item.",
+              "name": "alignment",
+              "description": "Used to align content",
               "value": {
-                "type": "boolean"
+                "type": "'left' | 'right'"
               }
             },
             {
-              "name": "lazy",
-              "description": "Enables lazy loading behavior.",
+              "name": "sort-direction",
+              "description": "The table sort direction. Choose between `ascending` or `descending` or `none`",
+              "value": {
+                "type": "TABLE_SORT_DIRECTION"
+              }
+            }
+          ]
+        },
+        {
+          "name": "dsa-table-header-row",
+          "description": "",
+          "js": {
+            "properties": [
+              {
+                "name": "role",
+                "description": "The table-row's role",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The table-row's size",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Draws the table-row in a selected state.",
+                "value": {
+                  "type": "boolean"
+                }
+              }
+            ],
+            "events": []
+          },
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The table-row's role",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The table-row's size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Draws the table-row in a selected state.",
               "value": {
                 "type": "boolean"
               }
@@ -10439,13 +11102,57 @@
           ]
         },
         {
-          "name": "dsa-visually-hidden",
+          "name": "dsa-table-row",
           "description": "",
           "js": {
-            "properties": [],
+            "properties": [
+              {
+                "name": "role",
+                "description": "The table-row's role",
+                "value": {
+                  "type": "string"
+                }
+              },
+              {
+                "name": "size",
+                "description": "The table-row's size",
+                "value": {
+                  "type": "'small' | 'medium' | 'large'"
+                }
+              },
+              {
+                "name": "selected",
+                "description": "Draws the table-row in a selected state.",
+                "value": {
+                  "type": "boolean"
+                }
+              }
+            ],
             "events": []
           },
-          "attributes": []
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The table-row's role",
+              "value": {
+                "type": "string"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The table-row's size",
+              "value": {
+                "type": "'small' | 'medium' | 'large'"
+              }
+            },
+            {
+              "name": "selected",
+              "description": "Draws the table-row in a selected state.",
+              "value": {
+                "type": "boolean"
+              }
+            }
+          ]
         }
       ]
     }