{
  "$schema": "http://json.schemastore.org/web-types",
  "name": "@ds-autonomie/web-components",
  "version": "2.21.0",
  "description-markup": "markdown",
  "framework-config": {
    "enable-when": {
      "node-packages": [
        "@ds-autonomie/web-components"
      ]
    }
  },
  "contributions": {
    "html": {
      "elements": [
        {
          "name": "dsa-accordion",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "accordion",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "headerButton",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "summary",
                "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "headerLevel",
                "description": "Optional aria-level of the accordion header",
                "value": {
                  "type": "1 | 2 | 3 | 4 | 5 | 6"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the accordion so it can't be toggled.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "icon",
                "description": "The accordion's expand/collapse icon variant",
                "value": {
                  "type": "'chevron' | 'box'"
                }
              },
              {
                "name": "variant",
                "description": "The card's style variant.",
                "value": {
                  "type": "'outlined' | 'filled'"
                }
              },
              {
                "name": "size",
                "description": "The card's size.",
                "value": {
                  "type": "'small' | 'medium'"
                }
              },
              {
                "name": "handleSummaryClick",
                "value": {}
              },
              {
                "name": "handleSummaryKeyDown",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the accordion.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the accordion",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the accordion opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the accordion opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the accordion closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the accordion closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "summary",
              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "header-level",
              "description": "Optional aria-level of the accordion header",
              "value": {
                "type": "1 | 2 | 3 | 4 | 5 | 6"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the accordion so it can't be toggled.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "icon",
              "description": "The accordion's expand/collapse icon variant",
              "value": {
                "type": "'chevron' | 'box'"
              }
            },
            {
              "name": "variant",
              "description": "The card's style variant.",
              "value": {
                "type": "'outlined' | 'filled'"
              }
            },
            {
              "name": "size",
              "description": "The card's size.",
              "value": {
                "type": "'small' | 'medium'"
              }
            }
          ]
        },
        {
          "name": "dsa-accordion-group",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "isToggleButtonInCloseMode",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "allAccordions",
                "value": {
                  "type": "DSAAccordion[]"
                }
              },
              {
                "name": "singleOpen",
                "description": "Allows only one accordion to be opened simultaneously.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "toggleButton",
                "description": "Defines which grouped accordion opening or closing button will be displayed. Can only be used when single-open is set to false",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "openAll",
                "value": {}
              },
              {
                "name": "closeAll",
                "value": {}
              },
              {
                "name": "updateToggleButtonMode",
                "value": {}
              },
              {
                "name": "handleAccordionOpenEvent",
                "value": {}
              },
              {
                "name": "handleAccordionCloseEvent",
                "value": {}
              },
              {
                "name": "handleToggleButtonClick",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "single-open",
              "description": "Allows only one accordion to be opened simultaneously.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "toggle-button",
              "description": "Defines which grouped accordion opening or closing button will be displayed. Can only be used when single-open is set to false",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-alert",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "autoHideTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "base",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "alertTitle",
                "description": "The alert's title.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "title",
                "description": "(deprecated) The alert's title.",
                "value": {
                  "type": "string"
                }
              },
              {
                "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": "headerLevel",
                "description": "Optional aria-level of the alert header",
                "value": {
                  "type": "1 | 2 | 3 | 4 | 5 | 6"
                }
              },
              {
                "name": "variant",
                "description": "The alert's theme variant.",
                "value": {
                  "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
                }
              },
              {
                "name": "size",
                "description": "The alert's size.",
                "value": {
                  "type": "'small' | 'medium'"
                }
              },
              {
                "name": "duration",
                "description": "(deprecated) 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": "restartAutoHide",
                "value": {}
              },
              {
                "name": "handleCloseClick",
                "value": {}
              },
              {
                "name": "handleMouseMove",
                "value": {}
              },
              {
                "name": "getPrefixIconName",
                "value": {}
              },
              {
                "name": "getIconLabel",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleDurationChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the alert.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the alert",
                "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.",
                "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-hide",
                "description": "Emitted when the alert closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the alert closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "alert-title",
              "description": "The alert's title.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "title",
              "description": "(deprecated) The alert's title.",
              "value": {
                "type": "string"
              }
            },
            {
              "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": "header-level",
              "description": "Optional aria-level of the alert header",
              "value": {
                "type": "1 | 2 | 3 | 4 | 5 | 6"
              }
            },
            {
              "name": "variant",
              "description": "The alert's theme variant.",
              "value": {
                "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
              }
            },
            {
              "name": "size",
              "description": "The alert's size.",
              "value": {
                "type": "'small' | 'medium'"
              }
            },
            {
              "name": "duration",
              "description": "(deprecated) 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.",
              "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'"
              }
            }
          ]
        },
        {
          "name": "dsa-animation",
          "description": "",
          "js": {
            "properties": [
              {
                "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": "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": "iterationStart",
                "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "keyframes",
                "description": "The keyframes to use for the animation. If this is set, `name` will be ignored.",
                "value": {
                  "type": "Keyframe[] | undefined"
                }
              },
              {
                "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": "currentTime",
                "description": "Gets and sets the current animation time.",
                "value": {
                  "type": "number | CSSNumberish"
                }
              },
              {
                "name": "handleAnimationFinish",
                "value": {}
              },
              {
                "name": "handleAnimationCancel",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "createAnimation",
                "value": {}
              },
              {
                "name": "destroyAnimation",
                "value": {}
              },
              {
                "name": "handleAnimationChange",
                "value": {}
              },
              {
                "name": "handlePlayChange",
                "value": {}
              },
              {
                "name": "handlePlaybackRateChange",
                "value": {}
              },
              {
                "name": "cancel",
                "description": "Clears all keyframe effects caused by this animation and aborts its playback.",
                "value": {}
              },
              {
                "name": "finish",
                "description": "Sets the playback time to the end of the animation corresponding to the current playback direction.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-cancel",
                "description": "Emitted when the animation is canceled."
              },
              {
                "name": "dsa-finish",
                "description": "Emitted when the animation finishes."
              },
              {
                "name": "dsa-start",
                "description": "Emitted when the animation starts or restarts."
              }
            ]
          },
          "attributes": [
            {
              "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": "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": "end-delay",
              "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": "iteration-start",
              "description": "The offset at which to start the animation, usually between 0 (start) and 1 (end).",
              "value": {
                "type": "number"
              }
            },
            {
              "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": "number"
              }
            }
          ]
        },
        {
          "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-avatar",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasError",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "image",
                "description": "The image source to use for the avatar.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "label",
                "description": "A label to use to describe the avatar to assistive devices.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "initials",
                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "loading",
                "description": "Indicates how the browser should load the image.",
                "value": {
                  "type": "'eager' | 'lazy'"
                }
              },
              {
                "name": "size",
                "description": "The avatar's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large' | 'x-large'"
                }
              },
              {
                "name": "handleImageChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "image",
              "description": "The image source to use for the avatar.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label",
              "description": "A label to use to describe the avatar to assistive devices.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "initials",
              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "loading",
              "description": "Indicates how the browser should load the image.",
              "value": {
                "type": "'eager' | 'lazy'"
              }
            },
            {
              "name": "size",
              "description": "The avatar's size.",
              "value": {
                "type": "'small' | 'medium' | 'large' | 'x-large'"
              }
            }
          ]
        },
        {
          "name": "dsa-avatar-group",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-badge",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "variant",
                "description": "The badge's theme variant.",
                "value": {
                  "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
                }
              },
              {
                "name": "size",
                "description": "The badge's size.",
                "value": {
                  "type": "'medium' | 'small'"
                }
              },
              {
                "name": "pulse",
                "description": "Makes the badge pulsate to draw attention.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "variant",
              "description": "The badge's theme variant.",
              "value": {
                "type": "| 'primary'\n    | 'success'\n    | 'neutral'\n    | 'warning'\n    | 'danger'"
              }
            },
            {
              "name": "size",
              "description": "The badge's size.",
              "value": {
                "type": "'medium' | 'small'"
              }
            },
            {
              "name": "pulse",
              "description": "Makes the badge pulsate to draw attention.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-banner",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "closeButton",
                "value": {
                  "type": "DSAIconButton | null"
                }
              },
              {
                "name": "closable",
                "description": "Enables a close button that allows users to dismiss the banner.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "mobile",
                "description": "Enables compact mobile layout.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "closeLabel",
                "description": "Accessible label for the close button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleClose",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-close",
                "description": "Emitted when the user closes the banner."
              }
            ]
          },
          "attributes": [
            {
              "name": "closable",
              "description": "Enables a close button that allows users to dismiss the banner.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "mobile",
              "description": "Enables compact mobile layout.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "close-label",
              "description": "Accessible label for the close button.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-breadcrumb",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-breadcrumb-item",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "href",
                "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is set.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
                }
              },
              {
                "name": "rel",
                "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
                "value": {
                  "type": "string"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "href",
              "description": "Optional URL to direct the user to when the breadcrumb item is activated. When set, a link will be rendered\ninternally. When unset, a button will be rendered instead.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is set.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
              }
            },
            {
              "name": "rel",
              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement | HTMLLinkElement"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "invalid",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "title",
                "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "variant",
                "description": "The button's theme variant.",
                "value": {
                  "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'tertiary-with-outline'\n    | 'neutral'\n    | 'danger'\n    | 'navigation'"
                }
              },
              {
                "name": "size",
                "description": "The button's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "caret",
                "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. This property should only be used within a `dsa-dropdown`",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "loading",
                "description": "Draws the button in a loading state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "floating",
                "description": "Draws the button with it's floating menu style. When this is false the default style is on base.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "contrasted",
                "description": "Draws the button with it's contrasted menu style. When this is false the default style is on base.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "toggle",
                "description": "Determines if the button is toggleable (if it can be switched on and off)",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pressed",
                "description": "Determines if the button is pressed (toggled on) or not",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "type",
                "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
                "value": {
                  "type": "'button' | 'submit' | 'reset'"
                }
              },
              {
                "name": "name",
                "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "href",
                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is present.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "rel",
                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "form",
                "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "formAction",
                "description": "Used to override the form owner's `action` attribute.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "formEnctype",
                "description": "Used to override the form owner's `enctype` attribute.",
                "value": {
                  "type": "| 'application/x-www-form-urlencoded'\n    | 'multipart/form-data'\n    | 'text/plain'"
                }
              },
              {
                "name": "formMethod",
                "description": "Used to override the form owner's `method` attribute.",
                "value": {
                  "type": "'post' | 'get'"
                }
              },
              {
                "name": "formNoValidate",
                "description": "Used to override the form owner's `novalidate` attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "formTarget",
                "description": "Used to override the form owner's `target` attribute.",
                "value": {
                  "type": "| '_self'\n    | '_blank'\n    | '_parent'\n    | '_top'\n    | string"
                }
              },
              {
                "name": "ariaLabel",
                "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "accessibleName",
                "description": "Provides an accessible label for the button element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "Provides an accessible description for the button element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleHostClick",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "getSpinnerVariant",
                "value": {}
              },
              {
                "name": "isButton",
                "value": {}
              },
              {
                "name": "isLink",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the button.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the button loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the button gains focus."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when a toggle button changes its pressed state."
              }
            ]
          },
          "attributes": [
            {
              "name": "title",
              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "variant",
              "description": "The button's theme variant.",
              "value": {
                "type": "| 'primary'\n    | 'secondary'\n    | 'tertiary'\n    | 'tertiary-with-outline'\n    | 'neutral'\n    | 'danger'\n    | 'navigation'"
              }
            },
            {
              "name": "size",
              "description": "The button's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "caret",
              "description": "Draws the button with a caret. Used to indicate that the button triggers a dropdown menu or similar behavior. This property should only be used within a `dsa-dropdown`",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "loading",
              "description": "Draws the button in a loading state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "floating",
              "description": "Draws the button with it's floating menu style. When this is false the default style is on base.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "contrasted",
              "description": "Draws the button with it's contrasted menu style. When this is false the default style is on base.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "toggle",
              "description": "Determines if the button is toggleable (if it can be switched on and off)",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pressed",
              "description": "Determines if the button is pressed (toggled on) or not",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "type",
              "description": "The type of button. Note that the default value is `button` instead of `submit`, which is opposite of how native\n`<button>` elements behave. When the type is `submit`, the button will submit the surrounding form.",
              "value": {
                "type": "'button' | 'submit' | 'reset'"
              }
            },
            {
              "name": "name",
              "description": "The name of the button, submitted as a name/value pair with form data, but only when this button is the submitter.\nThis attribute is ignored when `href` is present.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The value of the button, submitted as a pair with the button's name as part of the form data, but only when this\nbutton is the submitter. This attribute is ignored when `href` is present.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "href",
              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is present.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            },
            {
              "name": "rel",
              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "form",
              "description": "The \"form owner\" to associate the button with. If omitted, the closest containing form will be used instead. The\nvalue of this attribute must be an id of a form in the same document or shadow root as the button.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "formaction",
              "description": "Used to override the form owner's `action` attribute.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "formenctype",
              "description": "Used to override the form owner's `enctype` attribute.",
              "value": {
                "type": "| 'application/x-www-form-urlencoded'\n    | 'multipart/form-data'\n    | 'text/plain'"
              }
            },
            {
              "name": "formmethod",
              "description": "Used to override the form owner's `method` attribute.",
              "value": {
                "type": "'post' | 'get'"
              }
            },
            {
              "name": "formnovalidate",
              "description": "Used to override the form owner's `novalidate` attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "formtarget",
              "description": "Used to override the form owner's `target` attribute.",
              "value": {
                "type": "| '_self'\n    | '_blank'\n    | '_parent'\n    | '_top'\n    | string"
              }
            },
            {
              "name": "aria-label",
              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "accessible-name",
              "description": "Provides an accessible label for the button element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "Provides an accessible description for the button element",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-calendar",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "calendar",
                "value": {
                  "type": "DSAInternalCalendar"
                }
              },
              {
                "name": "value",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "startDate",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "range",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disableDate",
                "value": {
                  "type": "(\n    date: Date\n  ) => boolean"
                }
              },
              {
                "name": "updateCalendarValue",
                "value": {}
              },
              {
                "name": "parsedDateValue",
                "value": {
                  "type": "Date[]"
                }
              },
              {
                "name": "handleDateSelection",
                "value": {}
              },
              {
                "name": "handleMonthSelection",
                "value": {}
              },
              {
                "name": "getLabels",
                "value": {}
              },
              {
                "name": "handleDisableDateChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-date-selected",
                "description": "Emitted when a date is selected"
              },
              {
                "name": "dsa-month-year-selected",
                "description": "Emitted when the displayed month or year changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "start-date",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "range",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-callout",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "base",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "title",
                "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the callout-title attribute instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "calloutTitle",
                "description": "The callout's title.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "headerLevel",
                "description": "Optional aria-level of the callout header",
                "value": {
                  "type": "1 | 2 | 3 | 4 | 5 | 6"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "title",
              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the callout-title attribute instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "callout-title",
              "description": "The callout's title.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "header-level",
              "description": "Optional aria-level of the callout header",
              "value": {
                "type": "1 | 2 | 3 | 4 | 5 | 6"
              }
            }
          ]
        },
        {
          "name": "dsa-card",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "href",
                "description": "When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is present.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "rel",
                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "contrastedBorders",
                "description": "Increase the border contrast in contexts where is could be hard to identify the card.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isLink",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "href",
              "description": "When set, the card header will be a link, with a clickable area covering the whole card. Since the link's accessible name is the header content, make sure to provide a header when using a card link.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is present.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            },
            {
              "name": "rel",
              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "contrasted-borders",
              "description": "Increase the border contrast in contexts where is could be hard to identify the card.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-card-content",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "href",
                "description": "When set, the card title will be a link, with a clickable area covering the whole card. Since the link's accessible name is the title content, make sure to provide a title when using a card link.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is present.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "rel",
                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "variant",
                "description": "The card's style variant.",
                "value": {
                  "type": "'outlined' | 'filled'"
                }
              },
              {
                "name": "layout",
                "description": "The card's layout variant.",
                "value": {
                  "type": "| 'vertical'\n    | 'left-align'\n    | 'right-align'"
                }
              },
              {
                "name": "size",
                "description": "The card's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "contrastedBorders",
                "description": "Increase the border contrast in contexts where is could be hard to identify the card.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isLink",
                "value": {}
              },
              {
                "name": "updateTagsSizes",
                "value": {}
              },
              {
                "name": "handleTagsSlotChange",
                "value": {}
              },
              {
                "name": "handleSizeChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "href",
              "description": "When set, the card title will be a link, with a clickable area covering the whole card. Since the link's accessible name is the title content, make sure to provide a title when using a card link.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is present.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            },
            {
              "name": "rel",
              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "variant",
              "description": "The card's style variant.",
              "value": {
                "type": "'outlined' | 'filled'"
              }
            },
            {
              "name": "layout",
              "description": "The card's layout variant.",
              "value": {
                "type": "| 'vertical'\n    | 'left-align'\n    | 'right-align'"
              }
            },
            {
              "name": "size",
              "description": "The card's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "contrasted-borders",
              "description": "Increase the border contrast in contexts where is could be hard to identify the card.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-card-nav",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "contrastedBorders",
                "description": "Increase the border contrast in contexts where is could be hard to identify the card.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "contrasted-borders",
              "description": "Increase the border contrast in contexts where is could be hard to identify the card.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-card-nav-accordion",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "accordion",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "headerButton",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "summary",
                "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "role",
                "description": "Default role of the accordion.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleSummaryClick",
                "value": {}
              },
              {
                "name": "handleSummaryKeyDown",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the accordion.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the accordion",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the accordion opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the accordion opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the accordion closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the accordion closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "summary",
              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "role",
              "description": "Default role of the accordion.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-card-nav-item",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "href",
                "description": "When set, the item will be a link.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is present.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "rel",
                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "role",
                "description": "Default role of the item container.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "isLink",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "href",
              "description": "When set, the item will be a link.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is present.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            },
            {
              "name": "rel",
              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is present.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "role",
              "description": "Default role of the item container.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-checkbox",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "title",
                "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "name",
                "description": "The name of the checkbox, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The checkbox's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "parentDisabled",
                "description": "Disables the checkbox.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the checkbox.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "checked",
                "description": "Draws the checkbox in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "indeterminate",
                "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "defaultChecked",
                "description": "The default value of the form control. Primarily used for resetting the form control.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "parentReadonly",
                "description": "Disables the checkbox.",
                "value": {
                  "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",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "errorMessage",
                "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
                "value": {
                  "type": "string | 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": "Makes the checkbox a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "ariaLabel",
                "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "accessibleName",
                "description": "Provides an accessible label for the checkbox element (used by dsa-table-row and dsa-table-header-row)",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleDeactivatedChange",
                "value": {}
              },
              {
                "name": "handleStateChange",
                "value": {}
              },
              {
                "name": "handleErrorChange",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the checkbox.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the checkbox.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the checkbox.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. The value provided will be shown to the user when the form is submitted. To clear\nthe custom validation message, call this method with an empty string.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the checkbox loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when the checked state changes."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the checkbox gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the checkbox receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "title",
              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "name",
              "description": "The name of the checkbox, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The current value of the checkbox, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The checkbox's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "parentDisabled",
              "description": "Disables the checkbox.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the checkbox.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "checked",
              "description": "Draws the checkbox in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "indeterminate",
              "description": "Draws the checkbox in an indeterminate state. This is usually applied to checkboxes that represents a \"select\nall/none\" behavior when associated checkboxes have a mix of checked and unchecked states.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "parentReadonly",
              "description": "Disables the checkbox.",
              "value": {
                "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",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error-message",
              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
              "value": {
                "type": "string | 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": "Makes the checkbox a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "aria-label",
              "description": "(deprecated) The use of this attribute will lead to a duplicated reading by screen readers. You can use the accessible-name attribute instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "accessible-name",
              "description": "Provides an accessible label for the checkbox element (used by dsa-table-row and dsa-table-header-row)",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-checkbox-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "type",
                "value": {
                  "type": "'checkbox'"
                }
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleErrorChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the button loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the button gains focus."
              }
            ]
          },
          "attributes": []
        },
        {
          "name": "dsa-checkbox-card",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "type",
                "value": {
                  "type": "'checkbox'"
                }
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleErrorChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the card loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the card gains focus."
              }
            ]
          },
          "attributes": []
        },
        {
          "name": "dsa-checkbox-group",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "customValidityMessage",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "validationTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "validationInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "hasCheckboxButtons",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasCheckboxCards",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "defaultValue",
                "value": {
                  "type": "string[]"
                }
              },
              {
                "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": "helpText",
                "description": "The checkbox groups's help text. If you need to display HTML, use the `help-text` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "Provides an accessible description for the element",
                "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, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
                "value": {
                  "type": "string[]"
                }
              },
              {
                "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": "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",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "error",
                "description": "Indicates whether the group should be in error state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "errorMessage",
                "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "hideLabel",
                "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "getAllCheckboxes",
                "value": {}
              },
              {
                "name": "handleCheckboxClick",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleLabelClick",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleReadonlyChange",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the checkbox-group.",
                "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": "description",
              "description": "Provides an accessible description for the element",
              "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, representing a list of the checked children checkbox items (designated\nby their “value” and separated by a comma). It can be used as a way to define which items are checked by default,\nand is submitted as name/value pairs with form data.",
              "value": {
                "type": "string[]"
              }
            },
            {
              "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": "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",
              "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. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "hide-label",
              "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-combobox",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "combobox",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "displayInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "valueInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "listbox",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "seeMoreOption",
                "value": {
                  "type": "DSAOption | null"
                }
              },
              {
                "name": "hasVisualFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "displayLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "currentOption",
                "value": {
                  "type": "DSAOption | undefined"
                }
              },
              {
                "name": "selectedOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "allOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "filteredOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "displayedOptionsCount",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "debounceTimerId",
                "value": {
                  "type": "number | null"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the combobox is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the combobox's open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "defaultValue",
                "description": "The default value of the form control. Primarily used for resetting the form control.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the combobox's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
                }
              },
              {
                "name": "clearable",
                "description": "Adds a clear button when the select is not empty.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noSyncWidth",
                "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "items",
                "value": {
                  "type": "DSAOption[] | undefined"
                }
              },
              {
                "name": "multiple",
                "description": "Allows more than one option to be selected.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "maxOptionsVisible",
                "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "visibleListLength",
                "description": "The number of options that will be displayed by default in the list. Clicking on the \"show more\" button will display\nthis number much of new items in the list",
                "value": {}
              },
              {
                "name": "debounceTimeout",
                "description": "Delay between when a user types into an input. It affects the `dsa-input` event.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "fetchingState",
                "description": "When using asynchronous option loading, allows to specify the fetching state",
                "value": {
                  "type": "| 'idle'\n    | 'loading'\n    | 'error'\n    | 'success'"
                }
              },
              {
                "name": "overrideDefaultFiltering",
                "description": "Deactivates the combobox inner filtering logic",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "keepSearchAfterSelection",
                "description": "Keeps the current search term after selecting an option when multiple is true.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "handleBlur",
                "description": "Input events",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleComboboxMouseDown",
                "value": {}
              },
              {
                "name": "handleComboboxKeyDown",
                "value": {}
              },
              {
                "name": "handleClearMouseKeyDown",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleClearClick",
                "value": {}
              },
              {
                "name": "clearSelection",
                "value": {}
              },
              {
                "name": "filterOptions",
                "value": {}
              },
              {
                "name": "resetDisplayedOptionsCount",
                "value": {}
              },
              {
                "name": "resetSearchAfterSelection",
                "value": {}
              },
              {
                "name": "toggleOptionSelection",
                "value": {}
              },
              {
                "name": "handleOptionClick",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "handleTagRemove",
                "value": {}
              },
              {
                "name": "focusNextTagOrInput",
                "value": {}
              },
              {
                "name": "getAllOptions",
                "value": {}
              },
              {
                "name": "clearSelectedOptions",
                "value": {}
              },
              {
                "name": "setCurrentOption",
                "value": {}
              },
              {
                "name": "setSelectedOptions",
                "value": {}
              },
              {
                "name": "handleClearMouseDown",
                "value": {}
              },
              {
                "name": "syncOnSelection",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "description": "Listeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleDocumentFocusIn",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleDefaultKeyDown",
                "value": {}
              },
              {
                "name": "handleEscapeAndTabKeys",
                "value": {}
              },
              {
                "name": "handleEnterKey",
                "value": {}
              },
              {
                "name": "handleSpaceKey",
                "value": {}
              },
              {
                "name": "handleArrowKeys",
                "value": {}
              },
              {
                "name": "handleNavigationKeys",
                "value": {}
              },
              {
                "name": "handleSeeMoreClick",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleReadonlyChange",
                "value": {}
              },
              {
                "name": "handleItemsChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleDisplayLabelChange",
                "value": {}
              },
              {
                "name": "handleMultipleChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the listbox.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the listbox.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the control.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the control.",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the combobox's menu closes and all animations are complete."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the combobox's menu opens and all animations are complete."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when the control's value changes."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the control's value is cleared."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the combobox's menu closes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input. Debounced according to `debounce-timeout` value."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the combobox's menu opens."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the combobox is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the combobox's open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "value",
              "description": "The current value of the combobox, representing a list of the selected options (or single option if “multiple” is\ndisabled). Selected options are designated by their value, and separated by a space. It can be used as a way to\ndefine which options are selected by default, and will be sent as name/value pairs with form data.",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the combobox's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
              }
            },
            {
              "name": "clearable",
              "description": "Adds a clear button when the select is not empty.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "no-sync-width",
              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "multiple",
              "description": "Allows more than one option to be selected.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "max-options-visible",
              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "visible-list-length",
              "description": "The number of options that will be displayed by default in the list. Clicking on the \"show more\" button will display\nthis number much of new items in the list",
              "value": {}
            },
            {
              "name": "debounce-timeout",
              "description": "Delay between when a user types into an input. It affects the `dsa-input` event.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "fetching-state",
              "description": "When using asynchronous option loading, allows to specify the fetching state",
              "value": {
                "type": "| 'idle'\n    | 'loading'\n    | 'error'\n    | 'success'"
              }
            },
            {
              "name": "override-default-filtering",
              "description": "Deactivates the combobox inner filtering logic",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "keep-search-after-selection",
              "description": "Keeps the current search term after selecting an option when multiple is true.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-copy-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "copyIcon",
                "value": {
                  "type": "DSAIcon"
                }
              },
              {
                "name": "successIcon",
                "value": {
                  "type": "DSAIcon"
                }
              },
              {
                "name": "errorIcon",
                "value": {
                  "type": "DSAIcon"
                }
              },
              {
                "name": "tooltip",
                "value": {
                  "type": "DSATooltip"
                }
              },
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "isCopying",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "status",
                "value": {
                  "type": "'rest' | 'success' | 'error'"
                }
              },
              {
                "name": "value",
                "description": "The text value to copy.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "from",
                "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the copy button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "copyLabel",
                "description": "A custom label to show in the tooltip.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "successLabel",
                "description": "A custom label to show in the tooltip after copying.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "errorLabel",
                "description": "A custom label to show in the tooltip when a copy error occurs.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "tooltipPlacement",
                "description": "The preferred placement of the tooltip.",
                "value": {
                  "type": "| 'top'\n    | 'right'\n    | 'bottom'\n    | 'left'"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The icon button's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "handleCopy",
                "value": {}
              },
              {
                "name": "showStatus",
                "value": {}
              },
              {
                "name": "resetStatus",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-copy",
                "description": "Emitted when the data has been copied."
              },
              {
                "name": "dsa-error",
                "description": "Emitted when the data could not be copied."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The text value to copy.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "from",
              "description": "An id that references an element in the same document from which data will be copied. If both this and `value` are\npresent, this value will take precedence. By default, the target element's `textContent` will be copied. To copy an\nattribute, append the attribute name wrapped in square brackets, e.g. `from=\"el[value]\"`. To copy a property,\nappend a dot and the property name, e.g. `from=\"el.value\"`.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the copy button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "copy-label",
              "description": "A custom label to show in the tooltip.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "success-label",
              "description": "A custom label to show in the tooltip after copying.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "error-label",
              "description": "A custom label to show in the tooltip when a copy error occurs.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "tooltip-placement",
              "description": "The preferred placement of the tooltip.",
              "value": {
                "type": "| 'top'\n    | 'right'\n    | 'bottom'\n    | 'left'"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The icon button's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            }
          ]
        },
        {
          "name": "dsa-dialog",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "originalTrigger",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "modal",
                "value": {}
              },
              {
                "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 `no-header`\nor `hide-title`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hideTitle",
                "description": "Hides the title part from the header, which contains its label. When using this attribute, you still need to provide\na relevant label for accessibility.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noCloseButton",
                "description": "Removes the close button from the header part of the dialog. Please ensure you provide an easy, accessible way for\n users to dismiss the dialog if you use this attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noHeader",
                "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you\nprovide an easy, accessible 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 `no-header`\nor `hide-title`, as it is required for proper accessibility. If you need to display HTML, use the `label` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hide-title",
              "description": "Hides the title part from the header, which contains its label. When using this attribute, you still need to provide\na relevant label for accessibility.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "no-close-button",
              "description": "Removes the close button from the header part of the dialog. Please ensure you provide an easy, accessible way for\n users to dismiss the dialog if you use this attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "no-header",
              "description": "Removes the entire header part of the dialog. This will also remove the default close button, so please ensure you\nprovide an easy, accessible way for users to dismiss the dialog.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "The dialog's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            }
          ]
        },
        {
          "name": "dsa-divider",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "vertical",
                "description": "Draws the divider in a vertical orientation.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "vertical",
              "description": "Draws the divider in a vertical orientation.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-download-card",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "href",
                "description": "The href of the document",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "Optional description of the file",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "format",
                "description": "The document format",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "documentSize",
                "description": "The document size",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "filename",
                "description": "The name of the downloaded file",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "cachedDocumentInfo",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the card loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the card gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "href",
              "description": "The href of the document",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "Optional description of the file",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "format",
              "description": "The document format",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "documentsize",
              "description": "The document size",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "filename",
              "description": "The name of the downloaded file",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-download-link",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "href",
                "description": "The href of the document",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "format",
                "description": "The document format",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "documentSize",
                "description": "The document size",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "variant",
                "description": "The link's theme variant. TODO : remove `contrasted` in the next major release",
                "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": "filename",
                "description": "The name of the downloaded file",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "cachedDocumentInfo",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the link loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the link gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "href",
              "description": "The href of the document",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "format",
              "description": "The document format",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "documentsize",
              "description": "The document size",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "variant",
              "description": "The link's theme variant. TODO : remove `contrasted` in the next major release",
              "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": "filename",
              "description": "The name of the downloaded file",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-drawer",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "modal",
                "value": {
                  "type": "Modal"
                }
              },
              {
                "name": "originalTrigger",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "drawer",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "panel",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "overlay",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The drawer'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": "placement",
                "description": "The direction from which the drawer will open.",
                "value": {
                  "type": "'top' | 'end' | 'bottom' | 'start'"
                }
              },
              {
                "name": "contained",
                "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noHeader",
                "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "filters",
                "description": "Set to true if the drawer is a filter drawer",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "requestClose",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleNoModalChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the drawer.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the drawer",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the drawer opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the drawer opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the drawer closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the drawer closes and all animations are complete."
              },
              {
                "name": "dsa-initial-focus",
                "description": "Emitted when the drawer 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": "Emitted when the user attempts to close the drawer by clicking the close button, clicking the overlay, or pressing escape. Calling `event.preventDefault()` will keep the drawer open. Avoid using this unless closing the drawer will result in destructive behavior such as data loss."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the drawer is open. You can toggle this attribute to show and hide the drawer, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the drawer's open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The drawer'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": "placement",
              "description": "The direction from which the drawer will open.",
              "value": {
                "type": "'top' | 'end' | 'bottom' | 'start'"
              }
            },
            {
              "name": "contained",
              "description": "By default, the drawer slides out of its containing block (usually the viewport). To make the drawer slide out of\nits parent element, set this attribute and add `position: relative` to the parent.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "no-header",
              "description": "Removes the header. This will also remove the default close button, so please ensure you provide an easy,\naccessible way for users to dismiss the drawer.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "filters",
              "description": "Set to true if the drawer is a filter drawer",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-dropdown",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "trigger",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "panel",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "open",
                "description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the dropdown so the panel will not open.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "containingElement",
                "description": "The dropdown will close when the user interacts outside of this element (e.g. clicking). Useful for composing other\ncomponents that use a dropdown internally.",
                "value": {
                  "type": "HTMLElement | undefined"
                }
              },
              {
                "name": "skidding",
                "description": "The distance in pixels from which to offset the panel along its trigger.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "closePanelOnClick",
                "description": "Close the dropdown when the user clicks inside the panel.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "focusOnTrigger",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleTriggerClick",
                "value": {}
              },
              {
                "name": "handleTriggerKeyDown",
                "value": {}
              },
              {
                "name": "handleTriggerKeyUp",
                "value": {}
              },
              {
                "name": "handleTriggerSlotChange",
                "value": {}
              },
              {
                "name": "handlePanelClick",
                "value": {}
              },
              {
                "name": "getTrigger",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "updateAccessibleTrigger",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the dropdown panel.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the dropdown panel",
                "value": {}
              },
              {
                "name": "reposition",
                "description": "Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the dropdown opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the dropdown opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the dropdown closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the dropdown closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the dropdown is open. You can toggle this attribute to show and hide the dropdown, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the dropdown's open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the dropdown panel. Note that the actual placement may vary as needed to keep the panel\ninside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the dropdown so the panel will not open.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "skidding",
              "description": "The distance in pixels from which to offset the panel along its trigger.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the panel from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "close-panel-on-click",
              "description": "Close the dropdown when the user clicks inside the panel.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-error-message-panel",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "errorCode",
                "description": "Display the error code. If you need to display HTML, use the `error-code` slot instead.",
                "value": {
                  "type": "string"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "error-code",
              "description": "Display the error code. If you need to display HTML, use the `error-code` slot instead.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-error-text",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "variant",
                "description": "The error variant.",
                "value": {
                  "type": "'base' | 'layer' | 'floating'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "variant",
              "description": "The error variant.",
              "value": {
                "type": "'base' | 'layer' | 'floating'"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-fieldset",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "legendTitle",
                "description": "The fieldset's legend title. Required for proper accessibility. If you need to display HTML, use the `legend-title` slot\ninstead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "legendSubtitle",
                "description": "The fieldset's subtitle. If you need to display HTML, use the `legend-subtitle` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "variant",
                "description": "The fieldset's variant.",
                "value": {
                  "type": "'base' | 'layer'"
                }
              },
              {
                "name": "disabled",
                "description": "Disables children elements.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "horizontal",
                "description": "The fieldset's content orientation.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "contrastedBorders",
                "description": "Increase the border contrast in contexts where is could be hard to identify the fieldset.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "updateChildrenDisabledState",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "legend-title",
              "description": "The fieldset's legend title. Required for proper accessibility. If you need to display HTML, use the `legend-title` slot\ninstead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "legend-subtitle",
              "description": "The fieldset's subtitle. If you need to display HTML, use the `legend-subtitle` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "variant",
              "description": "The fieldset's variant.",
              "value": {
                "type": "'base' | 'layer'"
              }
            },
            {
              "name": "disabled",
              "description": "Disables children elements.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "horizontal",
              "description": "The fieldset's content orientation.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "contrasted-borders",
              "description": "Increase the border contrast in contexts where is could be hard to identify the fieldset.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-file-upload",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "storedFiles",
                "value": {
                  "type": "File[]"
                }
              },
              {
                "name": "acceptedTypesCache",
                "value": {
                  "type": "string[]"
                }
              },
              {
                "name": "fileUploadInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "fileUploadButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "dropzone",
                "value": {
                  "type": "HTMLDivElement"
                }
              },
              {
                "name": "internalError",
                "value": {
                  "type": "string | TemplateResult<1>"
                }
              },
              {
                "name": "size",
                "description": "The file-upload's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "label",
                "description": "The file-upload's label. If you need to display HTML, use the `label` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "type",
                "description": "Type of interface : button only or additional drop zone",
                "value": {
                  "type": "'button' | 'drop'"
                }
              },
              {
                "name": "buttonLabel",
                "description": "The file-upload's button label. If you need to display HTML, use the `button-label` slot instead. If both are left empty, a predefined label will be displayed.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "The file-upload's description. If you need to display HTML, use the `description` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The file-upload's help text. If you need to display HTML, use the `help-text` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the file-upload control.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "required",
                "description": "The file-upload's required attribute.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "accept",
                "description": "The file types the file input should accept, separated by commas.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "multiple",
                "description": "`true` if this drop container should accept more than one files at once.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "appendFiles",
                "description": "When used with `multiple`, keeps previously selected files and appends newly selected files.\n\nBy default, each new selection replaces the previous one (native input behavior).",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "error",
                "description": "Indicates whether the file-upload should be in error state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "directory",
                "description": "When set to true, this attribute allows users to select and upload the contents of an entire directory, including all files and subdirectories within it. Each file will retain its relative path information, accessible via the webkitRelativePath property. Please note that support for this attribute varies from browser to browser, use with caution.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The name of the element, submitted as a name/file(s) pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The current value of the file upload element. If a file is uploaded, it will contain a fake path to it, but cannot be used to retreive the file. It can however be used to reset the element files.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultValue",
                "description": "The default value of the form control. Primarily used for resetting the form control.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "errorMessage",
                "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "fileSizeLimit",
                "value": {
                  "type": "number | undefined"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "files",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "removeFile",
                "description": "Remove a previously selected file",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "getAllFileElements",
                "value": {}
              },
              {
                "name": "updateFileItemsSize",
                "value": {}
              },
              {
                "name": "syncInputFilesFromStore",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "addFiles",
                "value": {}
              },
              {
                "name": "isAcceptedFileType",
                "value": {}
              },
              {
                "name": "isAcceptedFileSize",
                "value": {}
              },
              {
                "name": "filterValidFiles",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleDrop",
                "value": {}
              },
              {
                "name": "handleDropzoneDragover",
                "value": {}
              },
              {
                "name": "handleDropzoneDragleave",
                "value": {}
              },
              {
                "name": "handleInternalErrorHide",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "handleAcceptChange",
                "value": {}
              },
              {
                "name": "handleSizeChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "description": "Synchronizes the native input if the element gets reset",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the control.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the control.",
                "value": {}
              },
              {
                "name": "renderButtonAndInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-file-upload",
                "description": "Emitted when a file is selected. It can be multiple files if multiple or directory are set to `true`."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "size",
              "description": "The file-upload's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "label",
              "description": "The file-upload's label. If you need to display HTML, use the `label` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "type",
              "description": "Type of interface : button only or additional drop zone",
              "value": {
                "type": "'button' | 'drop'"
              }
            },
            {
              "name": "button-label",
              "description": "The file-upload's button label. If you need to display HTML, use the `button-label` slot instead. If both are left empty, a predefined label will be displayed.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "The file-upload's description. If you need to display HTML, use the `description` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The file-upload's help text. If you need to display HTML, use the `help-text` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the file-upload control.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "required",
              "description": "The file-upload's required attribute.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "accept",
              "description": "The file types the file input should accept, separated by commas.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "multiple",
              "description": "`true` if this drop container should accept more than one files at once.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "append-files",
              "description": "When used with `multiple`, keeps previously selected files and appends newly selected files.\n\nBy default, each new selection replaces the previous one (native input behavior).",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error",
              "description": "Indicates whether the file-upload should be in error state",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "directory",
              "description": "When set to true, this attribute allows users to select and upload the contents of an entire directory, including all files and subdirectories within it. Each file will retain its relative path information, accessible via the webkitRelativePath property. Please note that support for this attribute varies from browser to browser, use with caution.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "name",
              "description": "The name of the element, submitted as a name/file(s) pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The current value of the file upload element. If a file is uploaded, it will contain a fake path to it, but cannot be used to retreive the file. It can however be used to reset the element files.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "error-message",
              "description": "The error message or messages that are shown when “error” is set to “true”. To display several\nmessages, they must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”.",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "file-size-limit",
              "value": {
                "type": "number | undefined"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-file-upload-item",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "size",
                "description": "The file-upload-item's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "uploadProgress",
                "description": "The current upload progress as a percentage, 0 to 100.",
                "value": {
                  "type": "number | undefined"
                }
              },
              {
                "name": "error",
                "description": "Indicates whether the file-upload-item should be in error state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "errorMessage",
                "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "labelText",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleRemoveClick",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "size",
              "description": "The file-upload-item's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "upload-progress",
              "description": "The current upload progress as a percentage, 0 to 100.",
              "value": {
                "type": "number | undefined"
              }
            },
            {
              "name": "error",
              "description": "Indicates whether the file-upload-item should be in error state",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error-message",
              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
              "value": {
                "type": "string | string[]"
              }
            }
          ]
        },
        {
          "name": "dsa-filter-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "label",
                "description": "The filter's label",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectedOption",
                "description": "The selected option label. Will be displayed in the button if only one option is selected.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionCount",
                "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "tabindex",
                "description": "The tab index of the filter button",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "disabled",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonly",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "drawer",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleSelectionCountChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "label",
              "description": "The filter's label",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selected-option",
              "description": "The selected option label. Will be displayed in the button if only one option is selected.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-count",
              "description": "The number of selected options. Will be displayed in the button as a badge if multiple options are selected.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "tabindex",
              "description": "The tab index of the filter button",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "disabled",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "readonly",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "drawer",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-filter-counter",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "filterInput",
                "value": {
                  "type": "DSAInput"
                }
              },
              {
                "name": "decreaseButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "increaseButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "resetButton",
                "value": {
                  "type": "DSAButton"
                }
              },
              {
                "name": "submitButton",
                "value": {
                  "type": "DSAButton"
                }
              },
              {
                "name": "tempValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hasMinBound",
                "value": {}
              },
              {
                "name": "hasMaxBound",
                "value": {}
              },
              {
                "name": "value",
                "description": "The current value of the filter.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultValue",
                "description": "The default value of the filter.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "min",
                "description": "The filter's minimum value.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "max",
                "description": "The filter's maximum value.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleDecrease",
                "value": {}
              },
              {
                "name": "handleIncrease",
                "value": {}
              },
              {
                "name": "handleReset",
                "value": {}
              },
              {
                "name": "handleSubmit",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleTempValueChange",
                "value": {}
              },
              {
                "name": "handleFilterCounterOpenChange",
                "value": {}
              },
              {
                "name": "renderPanelContent",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the filter panel closes and all animations are complete."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the filter panel opens and all animations are complete."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the filter loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the filter gains focus."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the filter panel closes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the filter receives input (when the temporary value changes)."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the filter panel opens."
              },
              {
                "name": "dsa-submit",
                "description": "Emitted when the user confirms the filter value change."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current value of the filter.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "default-value",
              "description": "The default value of the filter.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "min",
              "description": "The filter's minimum value.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "max",
              "description": "The filter's maximum value.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "dsa-filter-date",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "isIconButtonFocused",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "calendar",
                "value": {
                  "type": "DSACalendar"
                }
              },
              {
                "name": "filterInputStart",
                "value": {
                  "type": "DSAInternalDateField"
                }
              },
              {
                "name": "filterInputEnd",
                "value": {
                  "type": "DSAInternalDateField"
                }
              },
              {
                "name": "filterTrigger",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "drawerFilter",
                "value": {
                  "type": "DSAFilterDate"
                }
              },
              {
                "name": "currentLocale",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "isStartDateValid",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isEndDateValid",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The current value of the filter date. The required format for the value is YYYY-MM-DD.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "buttonLabel",
                "description": "The descriptive label used for optimal accessibility on datepicker open/close button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "range",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lang",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placeholder",
                "description": "Placeholder text to show as a hint when the input is empty.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "min",
                "description": "The filter's minimum value (yyyy-mm-dd).",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "max",
                "description": "The filter's maximum value (yyyy-mm-dd).",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "calendarStartDate",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hideCalendarButton",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleSelectedDate",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleChangeInDrawer",
                "value": {}
              },
              {
                "name": "handleIconButtonFocus",
                "value": {}
              },
              {
                "name": "handleIconButtonBlur",
                "value": {}
              },
              {
                "name": "handleReset",
                "value": {}
              },
              {
                "name": "getFullDateFromISO",
                "value": {}
              },
              {
                "name": "getDescriptionText",
                "value": {}
              },
              {
                "name": "shouldDisableDate",
                "value": {}
              },
              {
                "name": "handleFilterDateOpenChange",
                "value": {}
              },
              {
                "name": "handleLangChange",
                "value": {}
              },
              {
                "name": "handleHideCalendarButtonChange",
                "value": {}
              },
              {
                "name": "renderTrigger",
                "value": {}
              },
              {
                "name": "renderDrawerPanelContent",
                "value": {}
              },
              {
                "name": "renderPanelContent",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the filter panel closes and all animations are complete."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the filter panel opens and all animations are complete."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the filter panel closes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input (when the temporary value changes)."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the filter panel opens."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current value of the filter date. The required format for the value is YYYY-MM-DD.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "button-label",
              "description": "The descriptive label used for optimal accessibility on datepicker open/close button.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "range",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "lang",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placeholder",
              "description": "Placeholder text to show as a hint when the input is empty.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "min",
              "description": "The filter's minimum value (yyyy-mm-dd).",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "max",
              "description": "The filter's maximum value (yyyy-mm-dd).",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "calendar-start-date",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hide-calendar-button",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-filter-range",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "currentStartValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "currentEndValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "startValueInput",
                "value": {
                  "type": "HTMLInputElement | null"
                }
              },
              {
                "name": "endValueInput",
                "value": {
                  "type": "HTMLInputElement | null"
                }
              },
              {
                "name": "resetButton",
                "value": {
                  "type": "DSAButton | null"
                }
              },
              {
                "name": "submitButton",
                "value": {
                  "type": "DSAButton | null"
                }
              },
              {
                "name": "start",
                "description": "The start range value of the filter.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "end",
                "description": "The end range value of the filter.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultStart",
                "description": "The default start range value of the range filter.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultEnd",
                "description": "The default end range value of the range filter.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "slider",
                "description": "Shows an additional slider control.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "min",
                "description": "The filter's minimum value. It is used also as placeholder value for the mininum filter input.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "max",
                "description": "The filter's maximum value. It is used also as placeholder value for the maximum filter input.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "handleSliderFromValueChange",
                "value": {}
              },
              {
                "name": "handleSliderToValueChange",
                "value": {}
              },
              {
                "name": "handleReset",
                "value": {}
              },
              {
                "name": "handleSubmit",
                "value": {}
              },
              {
                "name": "handleStartInput",
                "value": {}
              },
              {
                "name": "handleEndInput",
                "value": {}
              },
              {
                "name": "handleStartChange",
                "value": {}
              },
              {
                "name": "handleEndChange",
                "value": {}
              },
              {
                "name": "getRangeValue",
                "value": {}
              },
              {
                "name": "handleFilterRangeOpenChange",
                "value": {}
              },
              {
                "name": "handleStartPropChange",
                "value": {}
              },
              {
                "name": "handleEndPropChange",
                "value": {}
              },
              {
                "name": "handleCurrentValuesChange",
                "value": {}
              },
              {
                "name": "renderPanelContent",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "start",
              "description": "The start range value of the filter.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "end",
              "description": "The end range value of the filter.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "default-start",
              "description": "The default start range value of the range filter.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "default-end",
              "description": "The default end range value of the range filter.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "slider",
              "description": "Shows an additional slider control.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "min",
              "description": "The filter's minimum value. It is used also as placeholder value for the mininum filter input.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "max",
              "description": "The filter's maximum value. It is used also as placeholder value for the maximum filter input.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "dsa-filter-select",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "deselectAllButton",
                "value": {
                  "type": "DSAButton"
                }
              },
              {
                "name": "searchInput",
                "value": {
                  "type": "DSAInput"
                }
              },
              {
                "name": "listbox",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "seeAllButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "displayLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "allOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "currentOption",
                "value": {
                  "type": "DSAOption"
                }
              },
              {
                "name": "selectedOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "displayedOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "searchValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "nbOptions",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "seeAll",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "debounceTimerId",
                "value": {
                  "type": "ReturnType<typeof setTimeout> | null"
                }
              },
              {
                "name": "optionsByValue",
                "value": {}
              },
              {
                "name": "normalizedLabelsByValue",
                "value": {}
              },
              {
                "name": "value",
                "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "multiple",
                "description": "Allows more than one option to be selected.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "maxVisibleListLength",
                "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "searchable",
                "description": "Adds a search input to filter the options.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "debounceTimeout",
                "description": "Delay between when a user types into the search input. It affects the `dsa-input` event.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "optionGender",
                "description": "Indicates whether the options are in the masculine or feminine form",
                "value": {
                  "type": "'feminine' | 'masculine'"
                }
              },
              {
                "name": "columnsFilter",
                "description": "Indicates if the component is used as a columns filter",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleSearchInput",
                "value": {}
              },
              {
                "name": "handleOptionFocus",
                "value": {}
              },
              {
                "name": "handleOptionClick",
                "value": {}
              },
              {
                "name": "filterOptions",
                "value": {}
              },
              {
                "name": "handleMultipleHeaderButtonClick",
                "value": {}
              },
              {
                "name": "handleSearchClear",
                "value": {}
              },
              {
                "name": "handleSeeAllClick",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "getAllOptions",
                "value": {}
              },
              {
                "name": "getFirstOption",
                "value": {}
              },
              {
                "name": "setCurrentOption",
                "value": {}
              },
              {
                "name": "setSelectedOptions",
                "value": {}
              },
              {
                "name": "toggleOptionSelection",
                "value": {}
              },
              {
                "name": "selectionChanged",
                "value": {}
              },
              {
                "name": "getDisplayedOptionsList",
                "value": {}
              },
              {
                "name": "handleSearchValueChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleSeeAllChange",
                "value": {}
              },
              {
                "name": "handleMultipleChange",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the listbox.",
                "value": {}
              },
              {
                "name": "renderTrigger",
                "value": {}
              },
              {
                "name": "renderDeSelectAll",
                "value": {}
              },
              {
                "name": "renderPanelContent",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-change",
                "description": "Emitted when the filter value changes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the filter search receives input."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the filter gains focus."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the filter loses focus."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the filter panel opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the filter panel opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the filter panel closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the filter panel closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current value of the filter, representing a list of the selected options (or single option if “multiple”\nis disabled). It can be used as a way to define which options are selected by default. Selected options are\ndesignated by their value, and separated by a space.",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "multiple",
              "description": "Allows more than one option to be selected.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "max-visible-list-length",
              "description": "The maximum number of options that will be displayed by default. The user will then have to press \"See All\" to\ndisplay the complete list. Set to 0 to remove the limit.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "searchable",
              "description": "Adds a search input to filter the options.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "debounce-timeout",
              "description": "Delay between when a user types into the search input. It affects the `dsa-input` event.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "option-gender",
              "description": "Indicates whether the options are in the masculine or feminine form",
              "value": {
                "type": "'feminine' | 'masculine'"
              }
            },
            {
              "name": "columns-filter",
              "description": "Indicates if the component is used as a columns filter",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-footer",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "mobile",
                "description": "Controls whether the footer is rendered in its mobile version or in its desktop version",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "mobile",
              "description": "Controls whether the footer is rendered in its mobile version or in its desktop version",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-footer-content-block",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-footer-mandatory-mentions",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-footer-sitemap",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "vertical",
                "description": "Draws the sitemap in a vertical orientation.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "alignLinks",
                "description": "Defines the links alignment.",
                "value": {
                  "type": "'left' | 'center' | 'right'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "vertical",
              "description": "Draws the sitemap in a vertical orientation.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "align-links",
              "description": "Defines the links alignment.",
              "value": {
                "type": "'left' | 'center' | 'right'"
              }
            }
          ]
        },
        {
          "name": "dsa-footer-sitemap-item",
          "description": "",
          "js": {
            "properties": [],
            "events": []
          },
          "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": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "date",
                "description": "The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
                "value": {
                  "type": "Date | string"
                }
              },
              {
                "name": "weekday",
                "description": "The format for displaying the weekday.",
                "value": {
                  "type": "'narrow' | 'short' | 'long'"
                }
              },
              {
                "name": "era",
                "description": "The format for displaying the era.",
                "value": {
                  "type": "'narrow' | 'short' | 'long'"
                }
              },
              {
                "name": "year",
                "description": "The format for displaying the year.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "month",
                "description": "The format for displaying the month.",
                "value": {
                  "type": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
                }
              },
              {
                "name": "day",
                "description": "The format for displaying the day.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "hour",
                "description": "The format for displaying the hour.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "minute",
                "description": "The format for displaying the minute.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "second",
                "description": "The format for displaying the second.",
                "value": {
                  "type": "'numeric' | '2-digit'"
                }
              },
              {
                "name": "timeZoneName",
                "description": "The format for displaying the time.",
                "value": {
                  "type": "'short' | 'long'"
                }
              },
              {
                "name": "timeZone",
                "description": "The time zone to express the time in.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hourFormat",
                "description": "The format for displaying the hour.",
                "value": {
                  "type": "'auto' | '12' | '24'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "date",
              "description": "The date/time to format. If not set, the current date and time will be used. When passing a string, it's strongly\nrecommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert a date to this format\nin JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
              "value": {
                "type": "Date | string"
              }
            },
            {
              "name": "weekday",
              "description": "The format for displaying the weekday.",
              "value": {
                "type": "'narrow' | 'short' | 'long'"
              }
            },
            {
              "name": "era",
              "description": "The format for displaying the era.",
              "value": {
                "type": "'narrow' | 'short' | 'long'"
              }
            },
            {
              "name": "year",
              "description": "The format for displaying the year.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "month",
              "description": "The format for displaying the month.",
              "value": {
                "type": "'numeric' | '2-digit' | 'narrow' | 'short' | 'long'"
              }
            },
            {
              "name": "day",
              "description": "The format for displaying the day.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "hour",
              "description": "The format for displaying the hour.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "minute",
              "description": "The format for displaying the minute.",
              "value": {
                "type": "'numeric' | '2-digit'"
              }
            },
            {
              "name": "second",
              "description": "The format for displaying the second.",
              "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-number",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "value",
                "description": "The number to format.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "type",
                "description": "The formatting style to use.",
                "value": {
                  "type": "'currency' | 'decimal' | 'percent'"
                }
              },
              {
                "name": "noGrouping",
                "description": "Turns off grouping separators.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "currency",
                "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "currencyDisplay",
                "description": "How to display the currency.",
                "value": {
                  "type": "| 'symbol'\n    | 'narrowSymbol'\n    | 'code'\n    | 'name'"
                }
              },
              {
                "name": "minimumIntegerDigits",
                "description": "The minimum number of integer digits to use. Possible values are 1-21.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "minimumFractionDigits",
                "description": "The minimum number of fraction digits to use. Possible values are 0-20.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maximumFractionDigits",
                "description": "The maximum number of fraction digits to use. Possible values are 0-0.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "minimumSignificantDigits",
                "description": "The minimum number of significant digits to use. Possible values are 1-21.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maximumSignificantDigits",
                "description": "The maximum number of significant digits to use,. Possible values are 1-21.",
                "value": {
                  "type": "number"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The number to format.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "type",
              "description": "The formatting style to use.",
              "value": {
                "type": "'currency' | 'decimal' | 'percent'"
              }
            },
            {
              "name": "no-grouping",
              "description": "Turns off grouping separators.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "currency",
              "description": "The [ISO 4217](https://en.wikipedia.org/wiki/ISO_4217) currency code to use when formatting.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "currency-display",
              "description": "How to display the currency.",
              "value": {
                "type": "| 'symbol'\n    | 'narrowSymbol'\n    | 'code'\n    | 'name'"
              }
            },
            {
              "name": "minimum-integer-digits",
              "description": "The minimum number of integer digits to use. Possible values are 1-21.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "minimum-fraction-digits",
              "description": "The minimum number of fraction digits to use. Possible values are 0-20.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maximum-fraction-digits",
              "description": "The maximum number of fraction digits to use. Possible values are 0-0.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "minimum-significant-digits",
              "description": "The minimum number of significant digits to use. Possible values are 1-21.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maximum-significant-digits",
              "description": "The maximum number of significant digits to use,. Possible values are 1-21.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-graphic-element",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "initialRender",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "resolveIcon",
                "description": "Given a URL, this function returns the resulting SVG element or an appropriate error symbol.",
                "value": {}
              },
              {
                "name": "svg",
                "value": {
                  "type": "SVGElement | HTMLTemplateResult | null"
                }
              },
              {
                "name": "name",
                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
                "value": {
                  "type": "GraphicElementName | ''"
                }
              },
              {
                "name": "variant",
                "description": "The graphic element's theme variant.",
                "value": {
                  "type": "| 'on-base'\n    | 'on-light-brand'\n    | 'on-contrasted-brand'\n    | 'on-purple-background'"
                }
              },
              {
                "name": "setIcon",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-load",
                "description": "Emitted when the graphic element has loaded."
              },
              {
                "name": "dsa-error",
                "description": "Emitted when the graphic element fails to load due to an error."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
              "value": {
                "type": "GraphicElementName | ''"
              }
            },
            {
              "name": "variant",
              "description": "The graphic element's theme variant.",
              "value": {
                "type": "| 'on-base'\n    | 'on-light-brand'\n    | 'on-contrasted-brand'\n    | 'on-purple-background'"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-header",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "externalLinks",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "firstLogo",
                "description": "Choice between public or pro for the first logo",
                "value": {
                  "type": "| 'public'\n    | 'pro'"
                }
              },
              {
                "name": "logoHref",
                "description": "The url of the first logo link",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "logoSize",
                "description": "Renders the logo with larger dimensions",
                "value": {
                  "type": "'default' | 'large'"
                }
              },
              {
                "name": "searchExpanded",
                "description": "Expands the search",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "mobile",
                "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleSearchExpandEvent",
                "value": {}
              },
              {
                "name": "handleSearchCollapseEvent",
                "value": {}
              },
              {
                "name": "getFirtLogo",
                "value": {}
              },
              {
                "name": "getHeaderSearch",
                "value": {}
              },
              {
                "name": "handleSearchExpanded",
                "value": {}
              },
              {
                "name": "handleMobile",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "first-logo",
              "description": "Choice between public or pro for the first logo",
              "value": {
                "type": "| 'public'\n    | 'pro'"
              }
            },
            {
              "name": "logo-href",
              "description": "The url of the first logo link",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "logo-size",
              "description": "Renders the logo with larger dimensions",
              "value": {
                "type": "'default' | 'large'"
              }
            },
            {
              "name": "search-expanded",
              "description": "Expands the search",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "mobile",
              "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-header-external-link",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-header-modern",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "externalLinks",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "firstLogo",
                "description": "Choice between public or pro for the first logo",
                "value": {
                  "type": "| 'public'\n    | 'pro'"
                }
              },
              {
                "name": "searchExpanded",
                "description": "Expands the search",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "mobile",
                "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleSearchExpandEvent",
                "value": {}
              },
              {
                "name": "handleSearchCollapseEvent",
                "value": {}
              },
              {
                "name": "getFirtLogo",
                "value": {}
              },
              {
                "name": "getHeaderSearch",
                "value": {}
              },
              {
                "name": "handleSearchExpanded",
                "value": {}
              },
              {
                "name": "handleMobile",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "first-logo",
              "description": "Choice between public or pro for the first logo",
              "value": {
                "type": "| 'public'\n    | 'pro'"
              }
            },
            {
              "name": "search-expanded",
              "description": "Expands the search",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "mobile",
              "description": "Controls whether the header is rendered in its mobile version or in its desktop version",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-header-search",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "search",
                "value": {
                  "type": "DSASearch"
                }
              },
              {
                "name": "expandButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "cancelButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "value",
                "description": "The current value of the input",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "expanded",
                "description": "Expands the search and displays the input",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "alwaysOpen",
                "description": "Renders the search in an always opened state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "mobile",
                "description": "Controls whether the header search is rendered in its mobile version or in its desktop version",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placeholder",
                "description": "Provides a custom placeholder for the search input",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleExpandClick",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleCancelClick",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "submitButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "clearButton",
                "value": {
                  "type": "DSAIconButton"
                }
              }
            ],
            "events": [
              {
                "name": "dsa-expand",
                "description": "Emitted when the expand button is activated."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the search input control's value is committed by the user."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the search input control receives input."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the search input control gains focus."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the search input control loses focus."
              },
              {
                "name": "dsa-submit",
                "description": "Emitted when the submit button is activated, or when the user presses 'Enter' on the input."
              },
              {
                "name": "dsa-collapse",
                "description": "Emitted when the cancel button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current value of the input",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "expanded",
              "description": "Expands the search and displays the input",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "always-open",
              "description": "Renders the search in an always opened state",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "mobile",
              "description": "Controls whether the header search is rendered in its mobile version or in its desktop version",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placeholder",
              "description": "Provides a custom placeholder for the search input",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-icon",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "initialRender",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "resolveIcon",
                "description": "Given a URL, this function returns the resulting SVG element or an appropriate error symbol.",
                "value": {}
              },
              {
                "name": "svg",
                "value": {
                  "type": "SVGElement | HTMLTemplateResult | null"
                }
              },
              {
                "name": "name",
                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "src",
                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "label",
                "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "library",
                "description": "The name of a registered custom icon library.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "getIconSource",
                "value": {}
              },
              {
                "name": "setSvgLabel",
                "value": {}
              },
              {
                "name": "handleLabelChange",
                "value": {}
              },
              {
                "name": "setIcon",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-load",
                "description": "Emitted when the icon has loaded."
              },
              {
                "name": "dsa-error",
                "description": "Emitted when the icon fails to load due to an error."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "src",
              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "label",
              "description": "An alternate description to use for assistive devices. If omitted, the icon will be considered presentational and\nignored by assistive devices.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "library",
              "description": "The name of a registered custom icon library.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Adds an icon to the list of watched icons.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Removes an icon from the list of watched icons.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Returns a library from the registry.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Adds an icon library to the registry, or overrides an existing one.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Removes an icon library from the registry.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-icon-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement | HTMLLinkElement"
                }
              },
              {
                "name": "name",
                "description": "The name of the icon to draw. Available names depend on the icon library being used.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "library",
                "description": "The name of a registered custom icon library.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "src",
                "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "href",
                "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is set.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "label",
                "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "Provides an accessible description for the button element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "floating",
                "description": "Draws the button with it's floating menu style. When this is false the default style is on base.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "toggle",
                "description": "Determines if the button is toggleable (if it can be switched on and off)",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "pressed",
                "description": "Determines if the button is pressed (toggled on) or not",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "variant",
                "description": "The icon button's theme variant.",
                "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'"
                }
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the icon button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the icon button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the icon button.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the icon button loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the icon button gains focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when a toggle button changes its pressed state."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the icon to draw. Available names depend on the icon library being used.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "library",
              "description": "The name of a registered custom icon library.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "src",
              "description": "An external URL of an SVG file. Be sure you trust the content you are including, as it will be executed as code and\ncan result in XSS attacks.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "href",
              "description": "When set, the underlying button will be rendered as an `<a>` with this `href` instead of a `<button>`.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is set.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename. Only used when `href` is set.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "label",
              "description": "A description that gets read by assistive devices. For optimal accessibility, you should always include a label\nthat describes what the icon button does.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "Provides an accessible description for the button element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "floating",
              "description": "Draws the button with it's floating menu style. When this is false the default style is on base.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "toggle",
              "description": "Determines if the button is toggleable (if it can be switched on and off)",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "pressed",
              "description": "Determines if the button is pressed (toggled on) or not",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "variant",
              "description": "The icon button's theme variant.",
              "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'"
              }
            }
          ]
        },
        {
          "description": "Fetches an include file from a remote source. Caching is enabled so the origin is only pinged once.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "inputElement",
                "value": {
                  "type": "| DSAInputNative\n    | DSAInputDate\n    | DSAInputTime\n    | DSAInputAmount"
                }
              },
              {
                "name": "lang",
                "description": "Input date specific properties",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "calendarStartDate",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hideCalendarButton",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "range",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "valueAsDate",
                "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.",
                "value": {}
              },
              {
                "name": "valueAsNumber",
                "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.",
                "value": {}
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleStepChange",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the input.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the input.",
                "value": {}
              },
              {
                "name": "select",
                "description": "Selects all the text in the input.",
                "value": {}
              },
              {
                "name": "setSelectionRange",
                "description": "Sets the start and end positions of the text selection (0-based).",
                "value": {}
              },
              {
                "name": "setRangeText",
                "description": "Replaces a range of text with a new string.",
                "value": {}
              },
              {
                "name": "showTimePicker",
                "value": {}
              },
              {
                "name": "hideTimePicker",
                "value": {}
              },
              {
                "name": "showDatepicker",
                "value": {}
              },
              {
                "name": "hideDatepicker",
                "value": {}
              },
              {
                "name": "stepUp",
                "description": "Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
                "value": {}
              },
              {
                "name": "stepDown",
                "description": "Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "getUpdateComplete",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "lang",
              "description": "Input date specific properties",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "calendar-start-date",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hide-calendar-button",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "range",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-input-amount",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "valueAsNumber",
                "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "getSafeStep",
                "value": {}
              },
              {
                "name": "adjustAmountValue",
                "value": {}
              },
              {
                "name": "stepUp",
                "description": "Increments the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
                "value": {}
              },
              {
                "name": "stepDown",
                "description": "Decrements the value of a numeric or time input type by the value of the step attribute, multiplied by an optional number parameter.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "checkAmountValidity",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input-date",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "inputStart",
                "value": {
                  "type": "DSAInternalDateField"
                }
              },
              {
                "name": "inputEnd",
                "value": {
                  "type": "DSAInternalDateField"
                }
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "datepickerButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "isDatepickerOpen",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lang",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "calendarStartDate",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hideCalendarButton",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "range",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disableDate",
                "value": {
                  "type": "(\n    date: Date\n  ) => boolean"
                }
              },
              {
                "name": "disabledDateError",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "valueAsDate",
                "description": "Gets or sets the current value as a `Date` object. Returns `null` if the value can't be converted.",
                "value": {}
              },
              {
                "name": "valueAsNumber",
                "description": "Gets or sets the current value as a number. Returns `NaN` if the value can't be converted.",
                "value": {}
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleSelectedDate",
                "value": {}
              },
              {
                "name": "handleDocumentFocusIn",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleInputClick",
                "value": {}
              },
              {
                "name": "handleDefaultKeyDown",
                "value": {}
              },
              {
                "name": "handleDateFieldKeydown",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleDateFieldFocus",
                "value": {}
              },
              {
                "name": "handleDateFieldBlur",
                "value": {}
              },
              {
                "name": "getFullDateFromISO",
                "value": {}
              },
              {
                "name": "getDescriptionText",
                "value": {}
              },
              {
                "name": "shouldDisableDate",
                "value": {}
              },
              {
                "name": "updateInputsValidity",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "showDatepicker",
                "description": "Displays the dsa-calendar picker for an input element.",
                "value": {}
              },
              {
                "name": "hideDatepicker",
                "description": "Hides dsa-calendar.",
                "value": {}
              },
              {
                "name": "getUpdateComplete",
                "value": {}
              },
              {
                "name": "handleLabelClick",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the first input.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the input.",
                "value": {}
              },
              {
                "name": "stepUp",
                "description": "Increments the value by an optional number parameter.",
                "value": {}
              },
              {
                "name": "stepDown",
                "description": "Decrements the value by an optional number parameter.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the picker opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the picker opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the picker closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the picker closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "lang",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "calendar-start-date",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hide-calendar-button",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "range",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled-date-error",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "description": "Input Mask configuration for IBAN from countries within the SEPA area.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Input Mask configuration for BIC/Swift. Pattern compatible the 100 principal banks of France.",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Input Mask configuration for NIR",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input-mask",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "effectiveMask",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "patternRegExp",
                "value": {
                  "type": "RegExp | undefined"
                }
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "maskedValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "inputmode",
                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
                "value": {
                  "type": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
                }
              },
              {
                "name": "pattern",
                "description": "A regular expression pattern to validate input against.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "mask",
                "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "updateMaskConfig",
                "value": {}
              },
              {
                "name": "syncMaskedValue",
                "value": {}
              },
              {
                "name": "handleInputValueChange",
                "value": {}
              },
              {
                "name": "rawValueToMaskedValue",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleMaskConfigChange",
                "value": {}
              },
              {
                "name": "setRangeText",
                "description": "Replaces a range of text with a new string.",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "inputmode",
              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
              "value": {
                "type": "'none' | 'text' | 'decimal' | 'numeric' | 'search'"
              }
            },
            {
              "name": "pattern",
              "description": "A regular expression pattern to validate input against.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "mask",
              "description": "Used to define the allowed or expected characters within a string or data input. It specifies the permissible characters that can be present at specific positions within a sequence.\nIt should follow the format defined by the placeholder, but with its own permissible characters.\n\n- all characters: includes any character, whether it's a letter, number.\n```ts\n'_'\n```\n- numeric characters: specifies numeric values that can be included.\n```ts\n'#dDmMyYaA09'\n```\n- letter characters: denotes alphabetic characters allowed in the sequence.\n```ts\n'?LaA'\n```\n\n- example including only numeric values\n```html\n<dsa-input-mask placeholder=\"dd/mm/yy\" mask=\"##/##/##\" />\n```",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input-native",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "handlePasswordToggle",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              },
              {
                "name": "renderCounter",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input-otp",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "currentIndex",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "patternRegexp",
                "value": {
                  "type": "RegExp"
                }
              },
              {
                "name": "length",
                "description": "The length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleSelect",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleSingleFieldClick",
                "value": {}
              },
              {
                "name": "getLastIndex",
                "value": {}
              },
              {
                "name": "handleCurrentIndexChange",
                "value": {}
              },
              {
                "name": "handlePatterChange",
                "value": {}
              },
              {
                "name": "getUpdateComplete",
                "value": {}
              },
              {
                "name": "renderSingleField",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "length",
              "description": "The length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "description": "Get Input Phone configuration by phone prefix for French phone numbers including Dom-Toms",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input-phone",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "phonePattern",
                "value": {}
              },
              {
                "name": "placeholderLength",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "phonePrefixEl",
                "value": {
                  "type": "DSASelect"
                }
              },
              {
                "name": "maskedNumber",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "phoneConfig",
                "value": {
                  "type": "DSAPhoneConfig"
                }
              },
              {
                "name": "placeholder",
                "description": "Placeholder text to show as a hint when the input is empty. It is also used as a template to mask the value. Alphanumeric values represent the inputed characters.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "pattern",
                "description": "A regular expression pattern to validate input against.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "_isSyncing",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "phonePrefix",
                "description": "The current value of the prefix select",
                "value": {
                  "type": "FrenchNumberPrefix"
                }
              },
              {
                "name": "phoneNumber",
                "description": "The current value of the phone number without its prefix",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "inputPrefix",
                "description": "Optional input prefix to help the user understand the first digit is not needed",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
                "value": {
                  "type": "'top-start' | 'bottom-start'"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "syncMaskedNumber",
                "value": {}
              },
              {
                "name": "handleInputValueChange",
                "value": {}
              },
              {
                "name": "handlePhonePrefixSelectChange",
                "value": {}
              },
              {
                "name": "handleInputChange",
                "value": {}
              },
              {
                "name": "handleClearIconClick",
                "value": {}
              },
              {
                "name": "updateValue",
                "value": {}
              },
              {
                "name": "applyPhoneConfig",
                "value": {}
              },
              {
                "name": "getPhonePrefixFromValue",
                "value": {}
              },
              {
                "name": "setPhoneFromValue",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handlePhonePrefixChange",
                "value": {}
              },
              {
                "name": "handlePhoneNumberChange",
                "value": {}
              },
              {
                "name": "checkValidity",
                "value": {}
              },
              {
                "name": "reportValidity",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current phone number value in the E.164 format, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "input-prefix",
              "description": "Optional input prefix to help the user understand the first digit is not needed",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
              "value": {
                "type": "'top-start' | 'bottom-start'"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-input-time",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "timePickerButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "isTimePickerOpen",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "timeUnitArraysCache",
                "value": {
                  "type": "{\n    displayedHours: number[];\n    displayedMinutes: number[];\n    displayedSeconds: number[];\n  } | undefined"
                }
              },
              {
                "name": "timeUnitArraysCacheKey",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "min",
                "description": "The input's minimum value.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "max",
                "description": "The input's maximum value.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "step",
                "description": "Allows the implementation of steps between each possible value, in seconds. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleDocumentFocusIn",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleDefaultKeyDown",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "toggleTimePicker",
                "description": "Shows or hides the time picker",
                "value": {}
              },
              {
                "name": "showTimePicker",
                "description": "Displays the time picker for an input element.",
                "value": {}
              },
              {
                "name": "hideTimePicker",
                "description": "Hides the time picker",
                "value": {}
              },
              {
                "name": "scrollSelectedTimeUnitsIntoView",
                "value": {}
              },
              {
                "name": "selectTimeUnit",
                "value": {}
              },
              {
                "name": "handlePanelKeydown",
                "value": {}
              },
              {
                "name": "handlePanelClick",
                "value": {}
              },
              {
                "name": "generateTimeUnitArrays",
                "value": {}
              },
              {
                "name": "generateTimeUnitList",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the picker opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the picker opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the picker closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the picker closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "min",
              "description": "The input's minimum value.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "max",
              "description": "The input's maximum value.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "step",
              "description": "Allows the implementation of steps between each possible value, in seconds. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/step) for more information.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-menu-accordion",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "cachedSummaryText",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "cachedSummaryWithBadgeText",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "cachedMenuNavigation",
                "value": {
                  "type": "DSAMenuNavigation | null"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "summarySlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "badgeSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "accordion",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "headerButton",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "summary",
                "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The menu accordion's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "level",
                "description": "The level of the menu accordion",
                "value": {
                  "type": "1 | 2"
                }
              },
              {
                "name": "handleSummaryClick",
                "value": {}
              },
              {
                "name": "handleSummaryKeyDown",
                "value": {}
              },
              {
                "name": "updateChildrenClassName",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "updateSummaryTextCache",
                "value": {}
              },
              {
                "name": "handleSummarySlotChange",
                "value": {}
              },
              {
                "name": "handleBadgeSlotChange",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleLevelChange",
                "value": {}
              },
              {
                "name": "handleExpandedChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the accordion.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the accordion",
                "value": {}
              },
              {
                "name": "focus",
                "value": {}
              },
              {
                "name": "blur",
                "value": {}
              },
              {
                "name": "click",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the menu-accordion opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the menu-accordion opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the menu-accordion closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the menu-accordion closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "summary",
              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The menu accordion's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "level",
              "description": "The level of the menu accordion",
              "value": {
                "type": "1 | 2"
              }
            }
          ]
        },
        {
          "name": "dsa-menu-item",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "cachedTextLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "menuItem",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "type",
                "description": "The type of menu item to render.",
                "value": {
                  "type": "'link' | 'button'"
                }
              },
              {
                "name": "size",
                "description": "The menu item's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "disabled",
                "description": "Draws the menu item in a disabled state, preventing selection.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "href",
                "description": "The link URL",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "rel",
                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "download",
                "description": "Tells the browser to download the linked file as this filename.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "current",
                "description": "Sets the link aria-current attribute and adds specific styles",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "expanded",
                "value": {
                  "type": "boolean | undefined"
                }
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "handleHostClick",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "getTextLabel",
                "description": "Returns a text label based on the contents of the menu item's default slot.",
                "value": {}
              },
              {
                "name": "focus",
                "value": {}
              },
              {
                "name": "blur",
                "value": {}
              },
              {
                "name": "click",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "type",
              "description": "The type of menu item to render.",
              "value": {
                "type": "'link' | 'button'"
              }
            },
            {
              "name": "size",
              "description": "The menu item's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "disabled",
              "description": "Draws the menu item in a disabled state, preventing selection.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "href",
              "description": "The link URL",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            },
            {
              "name": "rel",
              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "download",
              "description": "Tells the browser to download the linked file as this filename.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "current",
              "description": "Sets the link aria-current attribute and adds specific styles",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "expanded",
              "value": {
                "type": "boolean | undefined"
              }
            }
          ]
        },
        {
          "name": "dsa-menu-label",
          "description": "",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-menu-navigation",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "level",
                "description": "(internal) The level of the parent menu accordion",
                "value": {
                  "type": "1 | 2"
                }
              },
              {
                "name": "updateChildrenClassName",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleLevelChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "level",
              "description": "(internal) The level of the parent menu accordion",
              "value": {
                "type": "1 | 2"
              }
            }
          ]
        },
        {
          "name": "dsa-mutation-observer",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "mutationObserver",
                "value": {
                  "type": "MutationObserver"
                }
              },
              {
                "name": "handleMutation",
                "value": {}
              },
              {
                "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": "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-navbar",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "currentOpenMenu",
                "value": {
                  "type": "DSANavbarMenu | null"
                }
              },
              {
                "name": "allChildren",
                "value": {
                  "type": "(DSANavbarMenu | DSANavbarLink)[]"
                }
              },
              {
                "name": "allMenus",
                "value": {
                  "type": "DSANavbarMenu[]"
                }
              },
              {
                "name": "mobile",
                "description": "Whether the navbar should be displayed on mobile",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleMobileChange",
                "value": {}
              },
              {
                "name": "handleMenuShow",
                "value": {}
              },
              {
                "name": "handleMenuHide",
                "value": {}
              },
              {
                "name": "syncChildrenMobileState",
                "value": {}
              },
              {
                "name": "syncMobileVisibility",
                "value": {}
              },
              {
                "name": "isNavbarMenu",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "mobile",
              "description": "Whether the navbar should be displayed on mobile",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-navbar-link",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "link",
                "value": {
                  "type": "HTMLLinkElement"
                }
              },
              {
                "name": "mobile",
                "description": "Whether the navbar-link should be displayed on mobile. Inherited from the dsa-navbar parent",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "href",
                "description": "Specifies the URL of the page or the section the link goes to.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is set.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
                }
              },
              {
                "name": "rel",
                "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "current",
                "description": "Sets the link aria-current attribute and adds specific styles",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "mobile",
              "description": "Whether the navbar-link should be displayed on mobile. Inherited from the dsa-navbar parent",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "href",
              "description": "Specifies the URL of the page or the section the link goes to.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is set.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top' | undefined"
              }
            },
            {
              "name": "rel",
              "description": "The `rel` attribute to use on the link. Only used when `href` is set.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "current",
              "description": "Sets the link aria-current attribute and adds specific styles",
              "value": {
                "type": "string | undefined"
              }
            }
          ]
        },
        {
          "name": "dsa-navbar-menu",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "menuButton",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "slotLabelText",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the navbar-menu is open. You can toggle this attribute to show and hide the navbar-menu, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the navbar-menu' open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "description": "The label of the navbar-menu. If you need to display HTML, use the `label` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "mobile",
                "description": "Whether the navbar-menu should be displayed on mobile. Inherited from the dsa-navbar parent",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleDocumentFocusIn",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleMenuButtonMouseDown",
                "value": {}
              },
              {
                "name": "handleMenuButtonKeyDown",
                "value": {}
              },
              {
                "name": "handleLabelSlotChange",
                "value": {}
              },
              {
                "name": "getDesktopLabel",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the navbar-menu.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the navbar-menu",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the navbar-menu opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the navbar-menu opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the navbar-menu closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the navbar-menu closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the navbar-menu is open. You can toggle this attribute to show and hide the navbar-menu, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the navbar-menu' open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "description": "The label of the navbar-menu. If you need to display HTML, use the `label` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "mobile",
              "description": "Whether the navbar-menu should be displayed on mobile. Inherited from the dsa-navbar parent",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-option",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "cachedTextLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "current",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "selected",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasHover",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "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": "amount",
                "description": "Display an amount information for the option",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "role",
                "description": "Role of the option for better accessibility",
                "value": {
                  "type": "'option' | 'checkbox' | 'radio'"
                }
              },
              {
                "name": "multiple",
                "description": "Indicates whether the multiple options selection is possible",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "syncSelectionAriaAttribute",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "handleMouseEnter",
                "value": {}
              },
              {
                "name": "handleMouseLeave",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleSelectedChange",
                "value": {}
              },
              {
                "name": "handleRoleChange",
                "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": "amount",
              "description": "Display an amount information for the option",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "role",
              "description": "Role of the option for better accessibility",
              "value": {
                "type": "'option' | 'checkbox' | 'radio'"
              }
            },
            {
              "name": "multiple",
              "description": "Indicates whether the multiple options selection is possible",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-page-header",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "mobile",
                "description": "Controls whether the page header is rendered in its mobile version or in its desktop version",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "reduced",
                "description": "Controls whether the page header is rendered with reduced content",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "mobile",
              "description": "Controls whether the page header is rendered in its mobile version or in its desktop version",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "reduced",
              "description": "Controls whether the page header is rendered with reduced content",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-pagination",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "navigation",
                "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": "totalItemsLabel",
                "description": "Custom label for the number of results",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "itemsPerPage",
                "description": "The number of items displayed in the table per page.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "itemsPerPageLabel",
                "description": "Custom label for the number of items per page",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "navAriaLabel",
                "description": "Custom aria-label for the pagination <nav> element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "navigationType",
                "description": "Aria role of the pagination buttons. Should be set to 'link' if the action triggers a reloading of the page or a navigation to a different page.",
                "value": {
                  "type": "| 'button'\n    | 'link'"
                }
              },
              {
                "name": "compact",
                "description": "Aspect of the pagination. Should be false when used for table pagination",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "mobile",
                "description": "Whether the pagination should be displayed on mobile",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "itemsPerPageSelect",
                "value": {
                  "type": "DSASelect | undefined"
                }
              },
              {
                "name": "getPaginationButtonFromEvent",
                "value": {}
              },
              {
                "name": "handleNavigationClick",
                "value": {}
              },
              {
                "name": "handlePageInputChange",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "updateTotalPages",
                "value": {}
              },
              {
                "name": "renderButtonsRange",
                "value": {}
              },
              {
                "name": "getPageButtons",
                "value": {}
              },
              {
                "name": "renderItemsDisplayedItemsPerPage",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "current-page",
              "description": "The number of the page currently displayed.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "total-items",
              "description": "The total number of items in the table.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "total-items-label",
              "description": "Custom label for the number of results",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "items-per-page",
              "description": "The number of items displayed in the table per page.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "items-per-page-label",
              "description": "Custom label for the number of items per page",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "nav-aria-label",
              "description": "Custom aria-label for the pagination <nav> element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "navigation-type",
              "description": "Aria role of the pagination buttons. Should be set to 'link' if the action triggers a reloading of the page or a navigation to a different page.",
              "value": {
                "type": "| 'button'\n    | 'link'"
              }
            },
            {
              "name": "compact",
              "description": "Aspect of the pagination. Should be false when used for table pagination",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "mobile",
              "description": "Whether the pagination should be displayed on mobile",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-pagination-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "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"
                }
              },
              {
                "name": "navigationType",
                "description": "Aria role of the pagination buttons. Inherited from the parent dsa-pagination",
                "value": {
                  "type": "| 'button'\n    | 'link'"
                }
              },
              {
                "name": "compact",
                "description": "Aspect of the pagination. Should be false when used for table pagination. Inherited from the dsa-pagination parent",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "getAriaCurrent",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "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"
              }
            },
            {
              "name": "navigation-type",
              "description": "Aria role of the pagination buttons. Inherited from the parent dsa-pagination",
              "value": {
                "type": "| 'button'\n    | 'link'"
              }
            },
            {
              "name": "compact",
              "description": "Aspect of the pagination. Should be false when used for table pagination. Inherited from the dsa-pagination parent",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-popup",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "anchorEl",
                "value": {
                  "type": "Element | null"
                }
              },
              {
                "name": "cleanup",
                "value": {
                  "type": "ReturnType<typeof autoUpdate> | undefined"
                }
              },
              {
                "name": "popup",
                "description": "A reference to the internal popup container. Useful for animating and styling the popup with JavaScript.",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "arrowEl",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "anchor",
                "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
                "value": {
                  "type": "Element | string"
                }
              },
              {
                "name": "active",
                "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
                }
              },
              {
                "name": "strategy",
                "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
                "value": {
                  "type": "'absolute' | 'fixed'"
                }
              },
              {
                "name": "distance",
                "description": "The distance in pixels from which to offset the panel away from its anchor.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "skidding",
                "description": "The distance in pixels from which to offset the panel along its anchor.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "arrow",
                "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "arrowPlacement",
                "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
                "value": {
                  "type": "| 'start'\n    | 'end'\n    | 'center'\n    | 'anchor'"
                }
              },
              {
                "name": "arrowPadding",
                "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "flip",
                "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "flipFallbackPlacements",
                "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "flipFallbackStrategy",
                "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
                "value": {
                  "type": "| 'best-fit'\n    | 'initial'"
                }
              },
              {
                "name": "flipBoundary",
                "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
                "value": {
                  "type": "Element | Element[]"
                }
              },
              {
                "name": "flipPadding",
                "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "shift",
                "description": "Moves the popup along the axis to keep it in view when clipped.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "shiftBoundary",
                "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
                "value": {
                  "type": "Element | Element[]"
                }
              },
              {
                "name": "shiftPadding",
                "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "autoSize",
                "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
                "value": {
                  "type": "| 'horizontal'\n    | 'vertical'\n    | 'both'"
                }
              },
              {
                "name": "sync",
                "description": "Syncs the popup's width or height to that of the anchor element.",
                "value": {
                  "type": "'width' | 'height' | 'both'"
                }
              },
              {
                "name": "autoSizeBoundary",
                "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
                "value": {
                  "type": "Element | Element[]"
                }
              },
              {
                "name": "autoSizePadding",
                "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "hoverBridge",
                "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleAnchorChange",
                "value": {}
              },
              {
                "name": "start",
                "value": {}
              },
              {
                "name": "stop",
                "value": {}
              },
              {
                "name": "reposition",
                "description": "Forces the popup to recalculate and reposition itself.",
                "value": {}
              },
              {
                "name": "updateHoverBridge",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-reposition",
                "description": "Emitted when the popup is repositioned. This event can fire a lot, so avoid putting expensive operations in your listener or consider debouncing it."
              }
            ]
          },
          "attributes": [
            {
              "name": "anchor",
              "description": "The element the popup will be anchored to. If the anchor lives outside of the popup, you can provide its `id` or a\nreference to it here. If the anchor lives inside the popup, use the `anchor` slot instead.",
              "value": {
                "type": "Element | string"
              }
            },
            {
              "name": "active",
              "description": "Activates the positioning logic and shows the popup. When this attribute is removed, the positioning logic is torn\ndown and the popup will be hidden.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the popup. Note that the actual placement will vary as configured to keep the\npanel inside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
              }
            },
            {
              "name": "strategy",
              "description": "Determines how the popup is positioned. The `absolute` strategy works well in most cases, but if overflow is\nclipped, using a `fixed` position strategy can often workaround it.",
              "value": {
                "type": "'absolute' | 'fixed'"
              }
            },
            {
              "name": "distance",
              "description": "The distance in pixels from which to offset the panel away from its anchor.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "skidding",
              "description": "The distance in pixels from which to offset the panel along its anchor.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "arrow",
              "description": "Attaches an arrow to the popup. The arrow's size and color can be customized using the `--arrow-size` and\n`--arrow-color` custom properties. For additional customizations, you can also target the arrow using\n`::part(arrow)` in your stylesheet.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "arrow-placement",
              "description": "The placement of the arrow. The default is `anchor`, which will align the arrow as close to the center of the\nanchor as possible, considering available space and `arrow-padding`. A value of `start`, `end`, or `center` will\nalign the arrow to the start, end, or center of the popover instead.",
              "value": {
                "type": "| 'start'\n    | 'end'\n    | 'center'\n    | 'anchor'"
              }
            },
            {
              "name": "arrow-padding",
              "description": "The amount of padding between the arrow and the edges of the popup. If the popup has a border-radius, for example,\nthis will prevent it from overflowing the corners.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "flip",
              "description": "When set, placement of the popup will flip to the opposite site to keep it in view. You can use\n`flipFallbackPlacements` to further configure how the fallback placement is determined.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "flip-fallback-placements",
              "description": "If the preferred placement doesn't fit, popup will be tested in these fallback placements until one fits. Must be a\nstring of any number of placements separated by a space, e.g. \"top bottom left\". If no placement fits, the flip\nfallback strategy will be used instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "flip-fallback-strategy",
              "description": "When neither the preferred placement nor the fallback placements fit, this value will be used to determine whether\nthe popup should be positioned using the best available fit based on available space or as it was initially\npreferred.",
              "value": {
                "type": "| 'best-fit'\n    | 'initial'"
              }
            },
            {
              "name": "flipBoundary",
              "description": "The flip boundary describes clipping element(s) that overflow will be checked relative to when flipping. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
              "value": {
                "type": "Element | Element[]"
              }
            },
            {
              "name": "flip-padding",
              "description": "The amount of padding, in pixels, to exceed before the flip behavior will occur.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "shift",
              "description": "Moves the popup along the axis to keep it in view when clipped.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "shiftBoundary",
              "description": "The shift boundary describes clipping element(s) that overflow will be checked relative to when shifting. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
              "value": {
                "type": "Element | Element[]"
              }
            },
            {
              "name": "shift-padding",
              "description": "The amount of padding, in pixels, to exceed before the shift behavior will occur.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "auto-size",
              "description": "When set, this will cause the popup to automatically resize itself to prevent it from overflowing.",
              "value": {
                "type": "| 'horizontal'\n    | 'vertical'\n    | 'both'"
              }
            },
            {
              "name": "sync",
              "description": "Syncs the popup's width or height to that of the anchor element.",
              "value": {
                "type": "'width' | 'height' | 'both'"
              }
            },
            {
              "name": "autoSizeBoundary",
              "description": "The auto-size boundary describes clipping element(s) that overflow will be checked relative to when resizing. By\ndefault, the boundary includes overflow ancestors that will cause the element to be clipped. If needed, you can\nchange the boundary by passing a reference to one or more elements to this property.",
              "value": {
                "type": "Element | Element[]"
              }
            },
            {
              "name": "auto-size-padding",
              "description": "The amount of padding, in pixels, to exceed before the auto-size behavior will occur.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "hover-bridge",
              "description": "When a gap exists between the anchor and the popup element, this option will add a \"hover bridge\" that fills the\ngap using an invisible element. This makes listening for events such as `mouseenter` and `mouseleave` more sane\nbecause the pointer never technically leaves the element. The hover bridge will only be drawn when the popover is\nactive.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-profile-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "fullName",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "displayMode",
                "description": "Allows to choose between :\n - full : avatar + name + caret\n - minimal : avatar + caret\n - mobile : avatar",
                "value": {
                  "type": "| 'full'\n    | 'minimal'\n    | 'mobile'"
                }
              },
              {
                "name": "firstName",
                "description": "Provides an accessible label for the button element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "familyName",
                "description": "Provides an accessible label for the button element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "accessibleLabel",
                "description": "Provides an accessible label for the button element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "image",
                "description": "The image source to use for the avatar.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "initials",
                "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "getDisplayedName",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the button.",
                "value": {}
              },
              {
                "name": "updateFullName",
                "value": {}
              },
              {
                "name": "renderButton",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the button loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the button gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "display-mode",
              "description": "Allows to choose between :\n - full : avatar + name + caret\n - minimal : avatar + caret\n - mobile : avatar",
              "value": {
                "type": "| 'full'\n    | 'minimal'\n    | 'mobile'"
              }
            },
            {
              "name": "first-name",
              "description": "Provides an accessible label for the button element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "family-name",
              "description": "Provides an accessible label for the button element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "accessible-label",
              "description": "Provides an accessible label for the button element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "image",
              "description": "The image source to use for the avatar.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "initials",
              "description": "Initials to use as a fallback when no image is available (1-2 characters max recommended).",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "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 value 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"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current progress as a percentage, 0 to 100.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "indeterminate",
              "description": "When true, percentage is ignored, the value 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-progress-ring",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "indicator",
                "value": {
                  "type": "SVGCircleElement"
                }
              },
              {
                "name": "indicatorOffset",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "indicatorCircumference",
                "value": {
                  "type": "number | undefined"
                }
              },
              {
                "name": "value",
                "description": "The current progress as a percentage, 0 to 100.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "label",
                "description": "A custom label for assistive devices.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The progress-ring's size.",
                "value": {
                  "type": "'small' | 'medium'"
                }
              },
              {
                "name": "getIndicatorCircumference",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current progress as a percentage, 0 to 100.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "label",
              "description": "A custom label for assistive devices.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The progress-ring's size.",
              "value": {
                "type": "'small' | 'medium'"
              }
            }
          ]
        },
        {
          "name": "dsa-quote",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "quote",
                "description": "The quote's content",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "author",
                "description": "The quote's Author",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "cite",
                "description": "The quote's url source",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "details",
                "description": "Details about the quote",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "borders",
                "description": "True if the quote has borders",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "Size of the quote",
                "value": {
                  "type": "'small' | 'medium'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "quote",
              "description": "The quote's content",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "author",
              "description": "The quote's Author",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "cite",
              "description": "The quote's url source",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "details",
              "description": "Details about the quote",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "borders",
              "description": "True if the quote has borders",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "size",
              "description": "Size of the quote",
              "value": {
                "type": "'small' | 'medium'"
              }
            }
          ]
        },
        {
          "name": "dsa-radio",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "checked",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "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": "parentDisabled",
                "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the radio.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "parentReadonly",
                "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonly",
                "description": "Sets the radio in readonly.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "error",
                "description": "Indicates whether the radio should be in error state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "addEventListeners",
                "value": {}
              },
              {
                "name": "removeEventListeners",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleCheckedChange",
                "value": {}
              },
              {
                "name": "handleDeactivatedChange",
                "value": {}
              }
            ],
            "events": [
              {
                "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": "parentDisabled",
              "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the radio.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "parentReadonly",
              "description": "Indicates whether a parent radio-group has the readonly attribute with the value true",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "readonly",
              "description": "Sets the radio in readonly.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error",
              "description": "Indicates whether the radio should be in error state",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-radio-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "type",
                "value": {
                  "type": "'radio'"
                }
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleDeactivatedChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the button loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the button gains focus."
              }
            ]
          },
          "attributes": []
        },
        {
          "name": "dsa-radio-card",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "type",
                "value": {
                  "type": "'radio'"
                }
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the card loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the card gains focus."
              }
            ]
          },
          "attributes": []
        },
        {
          "name": "dsa-radio-group",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "customValidityMessage",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "customValidityError",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "validationTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "validationInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "hasRadioButtons",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasRadioCards",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonlyRadioButtonValue",
                "value": {
                  "type": "Map<string, true>"
                }
              },
              {
                "name": "defaultValue",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "label",
                "description": "The radio group's label. Required for proper accessibility. If you need to display HTML, use the `label` slot\ninstead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "Provides an accessible description for the element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "name",
                "description": "The name of the radio group, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The current value of the radio group, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "deselectable",
                "description": "Deselect a radio value if it has been clicked again",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "form",
                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "required",
                "description": "Ensures a child radio is checked before allowing the containing form to submit.",
                "value": {
                  "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",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "error",
                "description": "Indicates whether the input should be in error state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "errorMessage",
                "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "hideLabel",
                "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "getAllRadios",
                "value": {}
              },
              {
                "name": "handleRadioClick",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleLabelClick",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "updateCheckedRadio",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "updateTabIndexes",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleErrorChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleReadonlyChange",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the radio-group.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-change",
                "description": "Emitted when the radio group's selected value changes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the radio 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 radio 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 radio groups's help text. If you need to display HTML, use the `help-text` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "Provides an accessible description for the element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "name",
              "description": "The name of the radio group, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The current value of the radio group, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "deselectable",
              "description": "Deselect a radio value if it has been clicked again",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "form",
              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "required",
              "description": "Ensures a child radio is checked before allowing the containing form to submit.",
              "value": {
                "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",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error",
              "description": "Indicates whether the input should be in error state",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error-message",
              "description": "The error message or messages that are shown when “error” is set to “true”. To display several messages,\nthey must be separated by a pipe character, e.g. \"Error 1|Error 2|Error 3”",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "hide-label",
              "description": "Hides the label to avoid duplication. Please make sure there is another visible label for the group. You still need to provide a `label` via attribute or slot.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-range-slider",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "fromSlider",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "toSlider",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "hasFromSliderFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hasToSliderFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "labelFrom",
                "description": "Provides an accessible label for the left cursor of the slider element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "labelTo",
                "description": "Provides an accessible label for the right cursor of the slider element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "fromValue",
                "description": "The current lower value of the range slider, represented by the left thumb.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "toValue",
                "description": "The current higher value of the range slider, represented by the right thumb.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "max",
                "description": "The range slider maximum value.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "min",
                "description": "The range slider minimum value.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the range slider.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "getRangeDistance",
                "value": {}
              },
              {
                "name": "updateSliderBackground",
                "value": {}
              },
              {
                "name": "onFromSliderInputChange",
                "value": {}
              },
              {
                "name": "setToSliderThumbInReach",
                "value": {}
              },
              {
                "name": "onToSliderInputChange",
                "value": {}
              },
              {
                "name": "handleMinChange",
                "value": {}
              },
              {
                "name": "handleMaxChange",
                "value": {}
              },
              {
                "name": "handleToValueChange",
                "value": {}
              },
              {
                "name": "handleFromValueChange",
                "value": {}
              },
              {
                "name": "handleFromSliderFocus",
                "value": {}
              },
              {
                "name": "handleFromSliderBlur",
                "value": {}
              },
              {
                "name": "handleToSliderFocus",
                "value": {}
              },
              {
                "name": "handleToSliderBlur",
                "value": {}
              },
              {
                "name": "focusSliderLeftThumb",
                "description": "Sets focus on the left thumb.",
                "value": {}
              },
              {
                "name": "blurSliderLeftThumb",
                "description": "Removes focus from the left thumb.",
                "value": {}
              },
              {
                "name": "focusSliderRightThumb",
                "description": "Sets focus on the right thumb.",
                "value": {}
              },
              {
                "name": "blurSliderRightThumb",
                "description": "Removes focus from the right thumb.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when one of the thumb controls loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when one of the thumb controls gains focus."
              },
              {
                "name": "dsa-slider-from-value-change",
                "description": "Emitted when the lower value of the range slider changes."
              },
              {
                "name": "dsa-slider-to-value-change",
                "description": "Emitted when the higher value of the range slider changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "label-from",
              "description": "Provides an accessible label for the left cursor of the slider element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label-to",
              "description": "Provides an accessible label for the right cursor of the slider element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "from",
              "description": "The current lower value of the range slider, represented by the left thumb.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "to",
              "description": "The current higher value of the range slider, represented by the right thumb.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "max",
              "description": "The range slider maximum value.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "min",
              "description": "The range slider minimum value.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the range slider.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-relative-time",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "updateTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "isoTime",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "relativeTime",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "titleTime",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "date",
                "description": "The date from which to calculate time from. If not set, the current date and time will be used. When passing a\nstring, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert\na date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
                "value": {
                  "type": "Date | string"
                }
              },
              {
                "name": "format",
                "description": "The formatting style to use.",
                "value": {
                  "type": "'long' | 'short' | 'narrow'"
                }
              },
              {
                "name": "numeric",
                "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
                "value": {
                  "type": "'always' | 'auto'"
                }
              },
              {
                "name": "sync",
                "description": "Keep the displayed value up to date as time passes.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "date",
              "description": "The date from which to calculate time from. If not set, the current date and time will be used. When passing a\nstring, it's strongly recommended to use the ISO 8601 format to ensure timezones are handled correctly. To convert\na date to this format in JavaScript, use [`date.toISOString()`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toISOString).",
              "value": {
                "type": "Date | string"
              }
            },
            {
              "name": "format",
              "description": "The formatting style to use.",
              "value": {
                "type": "'long' | 'short' | 'narrow'"
              }
            },
            {
              "name": "numeric",
              "description": "When `auto`, values such as \"yesterday\" and \"tomorrow\" will be shown when possible. When `always`, values such as\n\"1 day ago\" and \"in 1 day\" will be shown.",
              "value": {
                "type": "'always' | 'auto'"
              }
            },
            {
              "name": "sync",
              "description": "Keep the displayed value up to date as time passes.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "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-search",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "submitButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "clearButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "size",
                "description": "The form control's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "variant",
                "description": "The form control's variant.",
                "value": {
                  "type": "'base' | 'layer' | 'floating'"
                }
              },
              {
                "name": "value",
                "description": "The current value of the input",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "helpText",
                "description": "The form control's help text. If you need to display HTML, use the `help-text` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "error",
                "description": "Indicates whether the form control should be in error state",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "errorMessage",
                "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "accessibleName",
                "description": "Provides a custom accessible label for the input element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placeholder",
                "description": "Provides a custom placeholder for the input element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleInputFocus",
                "value": {}
              },
              {
                "name": "handleInputBlur",
                "value": {}
              },
              {
                "name": "handleClearClick",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleSubmitClick",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the search input control's value is committed by the user."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the search input control receives input."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the clear button is activated."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the search input control gains focus."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the search input control loses focus."
              },
              {
                "name": "dsa-submit",
                "description": "Emitted when the submit button is activated, or when the user presses 'Enter' on the input."
              }
            ]
          },
          "attributes": [
            {
              "name": "size",
              "description": "The form control's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "variant",
              "description": "The form control's variant.",
              "value": {
                "type": "'base' | 'layer' | 'floating'"
              }
            },
            {
              "name": "value",
              "description": "The current value of the input",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "help-text",
              "description": "The form control's help text. If you need to display HTML, use the `help-text` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "error",
              "description": "Indicates whether the form control should be in error state",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "error-message",
              "description": "An error message that is shown when `error` is set to true. If there are several messages, must be a\nstring of messages separated by a pipe, e.g. \"Error 1|Error 2|Error 3\"",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "accessible-name",
              "description": "Provides a custom accessible label for the input element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placeholder",
              "description": "Provides a custom placeholder for the input element",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-select",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "allOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "typeToSelectString",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "typeToSelectTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "combobox",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "displayInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "valueInput",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "listbox",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "displayLabel",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "currentOption",
                "value": {
                  "type": "DSAOption | undefined"
                }
              },
              {
                "name": "selectedOptions",
                "value": {
                  "type": "DSAOption[]"
                }
              },
              {
                "name": "value",
                "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "defaultValue",
                "description": "The default value of the form control. Primarily used for resetting the form control.",
                "value": {
                  "type": "string | string[]"
                }
              },
              {
                "name": "multiple",
                "description": "Allows more than one option to be selected.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "variant",
                "description": "The select's variant.",
                "value": {
                  "type": "'base' | 'layer'"
                }
              },
              {
                "name": "maxOptionsVisible",
                "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "clearable",
                "description": "Adds a clear button when the select is not empty.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
                }
              },
              {
                "name": "displayValue",
                "description": "When true it displays the option's value instead of the label",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "noSyncWidth",
                "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleDocumentFocusIn",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleComboboxMouseDown",
                "value": {}
              },
              {
                "name": "handleClearClick",
                "value": {}
              },
              {
                "name": "handleClearMouseDown",
                "value": {}
              },
              {
                "name": "handleOptionClick",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "handleTagRemove",
                "value": {}
              },
              {
                "name": "focusNextTagOrInput",
                "value": {}
              },
              {
                "name": "refreshOptionsCache",
                "value": {}
              },
              {
                "name": "setCurrentOption",
                "value": {}
              },
              {
                "name": "setSelectedOptions",
                "value": {}
              },
              {
                "name": "toggleOptionSelection",
                "value": {}
              },
              {
                "name": "selectionChanged",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleReadonlyChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the listbox.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the listbox.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the control.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the control.",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the select's menu closes and all animations are complete."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the select's menu opens and all animations are complete."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when the control's value changes."
              },
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-clear",
                "description": "Emitted when the control's value is cleared."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the select's menu closes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              },
              {
                "name": "dsa-show",
                "description": "Emitted when the select's menu opens."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current value of the select component, representing a list of the selected options (or single option if\n“multiple” is disabled). It can be used to define which options are selected by default. Selected options\nare designated by their value and separated by a space, and will\nbe submitted as name/value pairs with form data.",
              "value": {
                "type": "string | string[]"
              }
            },
            {
              "name": "multiple",
              "description": "Allows more than one option to be selected.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "variant",
              "description": "The select's variant.",
              "value": {
                "type": "'base' | 'layer'"
              }
            },
            {
              "name": "max-options-visible",
              "description": "The maximum number of selected options to show when `multiple` is true. After the maximum, \"+n\" will be shown to\nindicate the number of additional items that are selected. Set to 0 to remove the limit.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "clearable",
              "description": "Adds a clear button when the select is not empty.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "open",
              "description": "Indicates whether or not the select is open. You can toggle this attribute to show and hide the menu, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the select's open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the listbox from being clipped when the component is placed inside a container with\n`overflow: auto|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all, scenarios.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the select's menu. Note that the actual placement may vary as needed to keep the listbox\ninside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'"
              }
            },
            {
              "name": "display-value",
              "description": "When true it displays the option's value instead of the label",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "no-sync-width",
              "description": "When set to true, the Popup's width is no longer equal to its anchor's width",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-sidenav",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "sidenav",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "sidenavButton",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "isShortcutListenerAttached",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "collapsed",
                "description": "Whether the sidenav is collapsed",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "allowShortcut",
                "description": "Whether the sidenav can be toggled with the keyboard.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "navLabel",
                "description": "Nav element custom label",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "attachShortcutListener",
                "value": {}
              },
              {
                "name": "detachShortcutListener",
                "value": {}
              },
              {
                "name": "getAccordionTarget",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleAccordionKeyDown",
                "value": {}
              },
              {
                "name": "handleAccordionActivation",
                "value": {}
              },
              {
                "name": "toggleSidenav",
                "value": {}
              },
              {
                "name": "updateChildrenState",
                "value": {}
              },
              {
                "name": "handleExpandedChange",
                "value": {}
              },
              {
                "name": "handleAllowShortcutChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-expand",
                "description": "Emitted when the sidenav expands."
              },
              {
                "name": "dsa-collapse",
                "description": "Emitted when the sidenav closes."
              }
            ]
          },
          "attributes": [
            {
              "name": "collapsed",
              "description": "Whether the sidenav is collapsed",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "allow-shortcut",
              "description": "Whether the sidenav can be toggled with the keyboard.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "nav-label",
              "description": "Nav element custom label",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-sidenav-info-accordion",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "accordion",
                "value": {
                  "type": "DSAMenuAccordion"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "summary",
                "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleToggle",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the accordion.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the accordion",
                "value": {}
              },
              {
                "name": "focus",
                "value": {}
              },
              {
                "name": "blur",
                "value": {}
              },
              {
                "name": "click",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the accordion opens."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the accordion opens and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the accordion closes."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the accordion closes and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "open",
              "description": "Indicates whether or not the accordion is open. You can toggle this attribute to show and hide the accordion, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the accordion' open state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "summary",
              "description": "The summary to show in the header. If you need to display HTML, use the `summary` slot instead.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-skeleton",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "effect",
                "description": "Determines which effect the skeleton will use.",
                "value": {
                  "type": "'pulse' | 'sheen' | 'none'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "effect",
              "description": "Determines which effect the skeleton will use.",
              "value": {
                "type": "'pulse' | 'sheen' | 'none'"
              }
            }
          ]
        },
        {
          "name": "dsa-skip-link-item",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "anchor",
                "value": {
                  "type": "HTMLAnchorElement"
                }
              },
              {
                "name": "href",
                "description": "Specifies the URL of the page or the section the link goes to.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the anchor.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the anchor.",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "href",
              "description": "Specifies the URL of the page or the section the link goes to.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-skip-links",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-spinner",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "variant",
                "description": "The sprinner's variant.",
                "value": {
                  "type": "'base' | 'floating' | 'contrasted'"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "variant",
              "description": "The sprinner's variant.",
              "value": {
                "type": "'base' | 'floating' | 'contrasted'"
              }
            }
          ]
        },
        {
          "name": "dsa-split-panel",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "cachedPositionInPixels",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "size",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "snapValues",
                "value": {
                  "type": "string[]"
                }
              },
              {
                "name": "divider",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "position",
                "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "positionInPixels",
                "description": "The current position of the divider from the primary panel's edge in pixels.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "vertical",
                "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "disabled",
                "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "primary",
                "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
                "value": {
                  "type": "'start' | 'end' | undefined"
                }
              },
              {
                "name": "snap",
                "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "handleSnapChange",
                "value": {}
              },
              {
                "name": "snapThreshold",
                "description": "How close the divider must be to a snap point until snapping occurs.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "detectSize",
                "value": {}
              },
              {
                "name": "percentageToPixels",
                "value": {}
              },
              {
                "name": "pixelsToPercentage",
                "value": {}
              },
              {
                "name": "handleDrag",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleResize",
                "value": {}
              },
              {
                "name": "handlePositionChange",
                "value": {}
              },
              {
                "name": "handlePositionInPixelsChange",
                "value": {}
              },
              {
                "name": "handleVerticalChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-reposition",
                "description": "Emitted when the divider's position changes."
              }
            ]
          },
          "attributes": [
            {
              "name": "position",
              "description": "The current position of the divider from the primary panel's edge as a percentage 0-100. Defaults to 50% of the\ncontainer's initial size.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "position-in-pixels",
              "description": "The current position of the divider from the primary panel's edge in pixels.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "vertical",
              "description": "Draws the split panel in a vertical orientation with the start and end panels stacked.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "disabled",
              "description": "Disables resizing. Note that the position may still change as a result of resizing the host element.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "primary",
              "description": "If no primary panel is designated, both panels will resize proportionally when the host element is resized. If a\nprimary panel is designated, it will maintain its size and the other panel will grow or shrink as needed when the\nhost element is resized.",
              "value": {
                "type": "'start' | 'end' | undefined"
              }
            },
            {
              "name": "snap",
              "description": "One or more space-separated values at which the divider should snap. Values can be in pixels or percentages, e.g.\n`\"100px 50%\"`.",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "snap-threshold",
              "description": "How close the divider must be to a snap point until snapping occurs.",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "dsa-step",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "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": "stepTitle",
                "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": "clickable",
                "description": "When set to true, makes the step clickable",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "href",
                "description": "When set, the step will be rendered as an `<a>` with this `href`.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "target",
                "description": "Tells the browser where to open the link. Only used when `href` is present.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "rel",
                "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "click",
                "description": "Simulates a click on the step.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the step.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the step.",
                "value": {}
              },
              {
                "name": "getTag",
                "value": {}
              },
              {
                "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": "step-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": "clickable",
              "description": "When set to true, makes the step clickable",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "href",
              "description": "When set, the step will be rendered as an `<a>` with this `href`.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "target",
              "description": "Tells the browser where to open the link. Only used when `href` is present.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            },
            {
              "name": "rel",
              "description": "When using `href`, this attribute will map to the underlying link's `rel` attribute. Unlike regular links, the\ndefault is `noreferrer noopener` to prevent security exploits. However, if you're using `target` to point to a\nspecific tab/window, this will prevent that from working correctly. You can remove or change the default value by\nsetting the attribute to an empty string or a value of your choice, respectively.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-stepper",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "allSteps",
                "value": {
                  "type": "DSAStep[]"
                }
              },
              {
                "name": "hideLabel",
                "description": "When set to true, it hides all steps's label.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "vertical",
                "description": "When set to true, put the stepper in vertical mode",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "refreshAllSteps",
                "value": {}
              },
              {
                "name": "applyStepProps",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "handleHideLabelChange",
                "value": {}
              },
              {
                "name": "handleVerticalChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "hide-label",
              "description": "When set to true, it hides all steps's label.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "vertical",
              "description": "When set to true, put the stepper in vertical mode",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-success-text",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              }
            ],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-switch",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLInputElement"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "name",
                "description": "The name of the switch, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "value",
                "description": "The current value of the switch, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "size",
                "description": "The switch's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the switch.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "readonly",
                "description": "Sets the switch in readonly.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "checked",
                "description": "Draws the switch in a checked state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "defaultChecked",
                "description": "The default value of the form control. Primarily used for resetting the form control.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "form",
                "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "required",
                "description": "Makes the switch a required field.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "labelOn",
                "description": "State ON text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "onLabel",
                "description": "(Deprecated) Not working on Angular",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "labelOff",
                "description": "State OFF text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "offLabel",
                "description": "(Deprecated)",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleCheckedChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the switch.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the switch.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the switch.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when the control's checked state changes."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "name",
              "description": "The name of the switch, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "value",
              "description": "The current value of the switch, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "size",
              "description": "The switch's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the switch.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "readonly",
              "description": "Sets the switch in readonly.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "checked",
              "description": "Draws the switch in a checked state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "form",
              "description": "By default, form controls are associated with the nearest containing `<form>` element. This attribute allows you\nto place the form control outside of a form and associate it with the form that has this `id`. The form must be in\nthe same document or shadow root for this to work.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "required",
              "description": "Makes the switch a required field.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label-on",
              "description": "State ON text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "on-label",
              "description": "(Deprecated) Not working on Angular",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "label-off",
              "description": "State OFF text equivalent, to make understanding the state of the switch easier for users with visual or cognitive disabilities,",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "off-label",
              "description": "(Deprecated)",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-tab",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "attrId",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "componentId",
                "value": {}
              },
              {
                "name": "widthPlaceholderNodes",
                "value": {
                  "type": "Node[]"
                }
              },
              {
                "name": "tab",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "closeButton",
                "value": {
                  "type": "DSAIconButton | null"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "panel",
                "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "active",
                "description": "Draws the tab in an active state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "closable",
                "description": "Makes the tab closable and shows a close button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "closeButtonLabel",
                "description": "Provide a custom label for the tab close button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the tab and prevents selection.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "updateWidthPlaceholderNodes",
                "value": {}
              },
              {
                "name": "handleCloseClick",
                "value": {}
              },
              {
                "name": "handleActiveChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-close",
                "description": "Emitted when the tab is closable and the close button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "panel",
              "description": "The name of the tab panel this tab is associated with. The panel must be located in the same tab group.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "active",
              "description": "Draws the tab in an active state.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "closable",
              "description": "Makes the tab closable and shows a close button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "close-button-label",
              "description": "Provide a custom label for the tab close button.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the tab and prevents selection.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-tab-group",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "activeTab",
                "value": {
                  "type": "DSATab | undefined"
                }
              },
              {
                "name": "mutationObserver",
                "value": {
                  "type": "MutationObserver"
                }
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "tabs",
                "value": {
                  "type": "DSATab[]"
                }
              },
              {
                "name": "panels",
                "value": {
                  "type": "DSATabPanel[]"
                }
              },
              {
                "name": "tabGroup",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "nav",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "indicator",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "navSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "hasScrollControls",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isStartScrollButtonDisabled",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isEndScrollButtonDisabled",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "placement",
                "description": "The placement of the tabs.\n2023-05-09: `top` placement is the only supported option.",
                "value": {
                  "type": "'top' | 'bottom' | 'start' | 'end'"
                }
              },
              {
                "name": "activation",
                "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
                "value": {
                  "type": "'auto' | 'manual'"
                }
              },
              {
                "name": "belowPageHeader",
                "description": "Whether the tab group is below the page header",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "accessibleName",
                "description": "Accessible name for the role tablist element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "awaitAllElementsDefined",
                "value": {}
              },
              {
                "name": "getAllTabs",
                "value": {}
              },
              {
                "name": "getAllPanels",
                "value": {}
              },
              {
                "name": "getActiveTab",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleScrollToStart",
                "value": {}
              },
              {
                "name": "handleScrollToEnd",
                "value": {}
              },
              {
                "name": "handleNavScroll",
                "value": {}
              },
              {
                "name": "setActiveTab",
                "value": {}
              },
              {
                "name": "setAriaLabels",
                "value": {}
              },
              {
                "name": "repositionIndicator",
                "value": {}
              },
              {
                "name": "syncTabsAndPanels",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "updateScrollControls",
                "value": {}
              },
              {
                "name": "updateScrollButtonsStates",
                "value": {}
              },
              {
                "name": "syncIndicator",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the specified tab panel.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-tab-show",
                "description": "Emitted when a tab is shown."
              },
              {
                "name": "dsa-tab-hide",
                "description": "Emitted when a tab is hidden."
              }
            ]
          },
          "attributes": [
            {
              "name": "activation",
              "description": "When set to auto, navigating tabs with the arrow keys will instantly show the corresponding tab panel. When set to\nmanual, the tab will receive focus but will not show until the user presses spacebar or enter.",
              "value": {
                "type": "'auto' | 'manual'"
              }
            },
            {
              "name": "below-page-header",
              "description": "Whether the tab group is below the page header",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "accessible-name",
              "description": "Accessible name for the role tablist element",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-tab-panel",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "attrId",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "componentId",
                "value": {}
              },
              {
                "name": "name",
                "description": "The tab panel's name.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "tabindex",
                "description": "The tab panels's tabindex",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "active",
                "description": "When true, the tab panel will be shown.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleActiveChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "name",
              "description": "The tab panel's name.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "tabindex",
              "description": "The tab panels's tabindex",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "active",
              "description": "When true, the tab panel will be shown.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-table",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "suppressHoverClass",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "draggingRow",
                "value": {
                  "type": "DSATableRow | null"
                }
              },
              {
                "name": "dropTargetRow",
                "value": {
                  "type": "DSATableRow | null"
                }
              },
              {
                "name": "rearrangingRow",
                "value": {
                  "type": "DSATableRow | null"
                }
              },
              {
                "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": "selectable",
                "description": "`true` if this table contains selectable rows",
                "value": {
                  "type": "boolean | undefined"
                }
              },
              {
                "name": "expandable",
                "description": "`true` if this table contains expandable rows",
                "value": {
                  "type": "boolean | undefined"
                }
              },
              {
                "name": "reorderable",
                "description": "`true` if this table contains draggable rows",
                "value": {
                  "type": "boolean | undefined"
                }
              },
              {
                "name": "alignment",
                "description": "Used to align content",
                "value": {
                  "type": "'left' | 'right'"
                }
              },
              {
                "name": "addRowSelectionListeners",
                "value": {}
              },
              {
                "name": "removeRowSelectionListeners",
                "value": {}
              },
              {
                "name": "addRowReorderListeners",
                "value": {}
              },
              {
                "name": "removeRowReorderListeners",
                "value": {}
              },
              {
                "name": "clearDropTarget",
                "value": {}
              },
              {
                "name": "clearReorderState",
                "value": {}
              },
              {
                "name": "handleWindowDragOver",
                "value": {}
              },
              {
                "name": "getRows",
                "value": {}
              },
              {
                "name": "getRowBlock",
                "value": {}
              },
              {
                "name": "getNodeAfterRowBlock",
                "value": {}
              },
              {
                "name": "moveRowToIndex",
                "value": {}
              },
              {
                "name": "handleMouseMoveAfterReorder",
                "value": {}
              },
              {
                "name": "disableRowHoverUntilMouseMove",
                "value": {}
              },
              {
                "name": "enableRowHover",
                "value": {}
              },
              {
                "name": "findRowFromEvent",
                "value": {}
              },
              {
                "name": "handleRowReorderToggle",
                "value": {}
              },
              {
                "name": "handleRowReorderMove",
                "value": {}
              },
              {
                "name": "handleRowReorderDragStart",
                "value": {}
              },
              {
                "name": "handleRowReorderDragEnd",
                "value": {}
              },
              {
                "name": "handleDragOver",
                "value": {}
              },
              {
                "name": "handleDrop",
                "value": {}
              },
              {
                "name": "handleAllRowsSelect",
                "value": {}
              },
              {
                "name": "handleRowSelect",
                "value": {}
              },
              {
                "name": "handleRowExpandable",
                "value": {}
              },
              {
                "name": "handleHeaderRowExpandable",
                "value": {}
              },
              {
                "name": "handleRowReorderable",
                "value": {}
              },
              {
                "name": "handleHeaderRowReorderable",
                "value": {}
              },
              {
                "name": "handleRowSelectable",
                "value": {}
              },
              {
                "name": "handleHeaderRowSelectable",
                "value": {}
              },
              {
                "name": "handleSizeChange",
                "value": {}
              },
              {
                "name": "handleExpandableChange",
                "value": {}
              },
              {
                "name": "handleHeaderCellsCount",
                "value": {}
              },
              {
                "name": "handleSortableChange",
                "value": {}
              },
              {
                "name": "handleSelectableChange",
                "value": {}
              },
              {
                "name": "handleReorderableChange",
                "value": {}
              },
              {
                "name": "handleAlignmentChange",
                "value": {}
              },
              {
                "name": "selectorHeaderCell",
                "value": {}
              },
              {
                "name": "selectorHeaderRow",
                "value": {}
              },
              {
                "name": "selectorAllRows",
                "value": {}
              },
              {
                "name": "selectorAllExpandedRows",
                "value": {}
              },
              {
                "name": "selectorAllSingleCellRows",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-table-row-all-selected",
                "description": "{{ selectedRows: DSATableRow[] }} - Emitted after all rows has been selected."
              },
              {
                "name": "dsa-table-row-selected",
                "description": "{{ selectedRow: DSATableRow, selectedRows: DSATableRow[] }} - Emitted after a row has been selected."
              }
            ]
          },
          "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": "boolean | undefined"
              }
            },
            {
              "name": "selectable",
              "description": "`true` if this table contains selectable rows",
              "value": {
                "type": "boolean | undefined"
              }
            },
            {
              "name": "expandable",
              "description": "`true` if this table contains expandable rows",
              "value": {
                "type": "boolean | undefined"
              }
            },
            {
              "name": "reorderable",
              "description": "`true` if this table contains draggable rows",
              "value": {
                "type": "boolean | undefined"
              }
            },
            {
              "name": "alignment",
              "description": "Used to align content",
              "value": {
                "type": "'left' | 'right'"
              }
            }
          ]
        },
        {
          "name": "dsa-table-action",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "closeButton",
                "value": {
                  "type": "DSAButton"
                }
              },
              {
                "name": "show",
                "description": "`true` if it should be visible.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "deselectAllOnClose",
                "description": "Should deselect all rows on close",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "buttonLabel",
                "description": "Custom label for the close button. Overrides the default localized label.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleClose",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-table-actions-close",
                "description": "Emitted when the close button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "show",
              "description": "`true` if it should be visible.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "deselect-all-on-close",
              "description": "Should deselect all rows on close",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "button-label",
              "description": "Custom label for the close button. Overrides the default localized label.",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-table-body",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "role",
                "description": "The table-body's role",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "getAllRows",
                "value": {}
              },
              {
                "name": "getAllCells",
                "value": {}
              },
              {
                "name": "handleLoading",
                "value": {}
              },
              {
                "name": "handleSkeletonEffectChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "role",
              "description": "The table-body's role",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-table-caption",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "totalItemsLabel",
                "value": {}
              },
              {
                "name": "handleLoading",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "total-items-label",
              "value": {}
            }
          ]
        },
        {
          "name": "dsa-table-cell",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "role",
                "description": "The table-cell's role",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleLoading",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "role",
              "description": "The table-cell's role",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "name": "dsa-table-container",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hasSlotController",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "getActionBarAndToolbar",
                "value": {}
              },
              {
                "name": "getLoadingTargets",
                "value": {}
              },
              {
                "name": "showTableActions",
                "description": "`true` if table actions should be shown.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "actionsAnnouncement",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "handleTableActionsClose",
                "value": {}
              },
              {
                "name": "handleTableSelection",
                "value": {}
              },
              {
                "name": "handleCaptionSlotChange",
                "value": {}
              },
              {
                "name": "handleTableSlotChange",
                "value": {}
              },
              {
                "name": "linkCaptionAndTable",
                "value": {}
              },
              {
                "name": "handleShowTableActions",
                "value": {}
              },
              {
                "name": "handleLoading",
                "value": {}
              },
              {
                "name": "handleSkeletonEffectChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "show-table-actions",
              "description": "`true` if table actions should be shown.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "actions-announcement",
              "value": {
                "type": "string | undefined"
              }
            }
          ]
        },
        {
          "name": "dsa-table-expanded-row",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "role",
                "description": "The table-row's role",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "colSpan",
                "description": "The colspan. Automatically set based on the number of columns in the table.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "expanded",
                "description": "`true` if the table row should be expanded.",
                "value": {
                  "type": "boolean"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "role",
              "description": "The table-row's role",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "colspan",
              "description": "The colspan. Automatically set based on the number of columns in the table.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "expanded",
              "description": "`true` if the table row should be expanded.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-table-head",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "role",
                "description": "The table-head's role",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "handleDefaultSlotChange",
                "value": {}
              },
              {
                "name": "getAllRows",
                "value": {}
              },
              {
                "name": "getAllCells",
                "value": {}
              },
              {
                "name": "handleLoading",
                "value": {}
              },
              {
                "name": "handleSkeletonEffectChange",
                "value": {}
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "role",
              "description": "The table-head's role",
              "value": {
                "type": "string"
              }
            }
          ]
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-table-header-cell",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "button",
                "value": {
                  "type": "HTMLButtonElement"
                }
              },
              {
                "name": "nextSortDirection",
                "value": {}
              },
              {
                "name": "isHovered",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "isFocused",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "textContent",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "role",
                "description": "The table-header-cell's role",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "sortable",
                "description": "`true` if this should be sortable",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "alignment",
                "description": "Used to align content",
                "value": {
                  "type": "'left' | 'right'"
                }
              },
              {
                "name": "sortDirection",
                "description": "The table sort direction. Choose between `ascending` or `descending` or `none`",
                "value": {
                  "type": "TABLE_SORT_DIRECTION"
                }
              },
              {
                "name": "handleSort",
                "value": {}
              },
              {
                "name": "getNextSortDirection",
                "value": {}
              },
              {
                "name": "handleMouseOver",
                "value": {}
              },
              {
                "name": "handleMouseOut",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleSortableChange",
                "value": {}
              },
              {
                "name": "handleSortDirectionChange",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the sort button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the sort button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the sort button.",
                "value": {}
              },
              {
                "name": "handleLoading",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-table-header-cell-sort",
                "description": "Emitted when a table-header-cell changes its sort direction."
              }
            ]
          },
          "attributes": [
            {
              "name": "role",
              "description": "The table-header-cell's role",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "sortable",
              "description": "`true` if this should be sortable",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "alignment",
              "description": "Used to align content",
              "value": {
                "type": "'left' | 'right'"
              }
            },
            {
              "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": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "selectAllCheckbox",
                "value": {
                  "type": "DSACheckbox"
                }
              },
              {
                "name": "handleCheckboxChange",
                "value": {}
              },
              {
                "name": "renderFirstCell",
                "value": {}
              },
              {
                "name": "renderExpandButton",
                "value": {}
              },
              {
                "name": "renderReorderButton",
                "value": {}
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "checkbox",
                "value": {
                  "type": "DSACheckbox"
                }
              },
              {
                "name": "expandedButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "reorderButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "showExpandButton",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "ignoreReorderClick",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "dragImageCloneContainer",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "isFirefox",
                "value": {}
              },
              {
                "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"
                }
              },
              {
                "name": "expandable",
                "description": "Draws the row in a expanded state to show content underneath",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "reorderable",
                "description": "`true` if this row can be rearranged by the user.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "rearranging",
                "description": "`true` if this row is currently in rearrange mode.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "expanded",
                "description": "`true` if row expanded is draw",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "showExpandedLabel",
                "description": "Accessible label when the expand button is closed, which displays row details when clicked.\nIf not specified, a default label is used.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hideExpandedLabel",
                "description": "Accessible label when the expand button is opened, which hides row details when clicked.\nIf not specified, a default label is used.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionLabel",
                "description": "The `aria-label` attribute for the `<checkbox>` for selection.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionName",
                "description": "The `name` attribute for the `<checkbox>` for selection.\nIf present, this table row will be a selectable one.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionValue",
                "description": "The `value` attribute for the `<checkbox>` for selection.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "reorderLabel",
                "description": "The `aria-label` attribute for the reorder button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "loading",
                "description": "Displays a loading state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleRowClick",
                "value": {}
              },
              {
                "name": "emitReorderToggle",
                "value": {}
              },
              {
                "name": "emitReorderMove",
                "value": {}
              },
              {
                "name": "handleReorderKeyDown",
                "value": {}
              },
              {
                "name": "handleReorderClick",
                "value": {}
              },
              {
                "name": "handleReorderBlur",
                "value": {}
              },
              {
                "name": "handleReorderDragStart",
                "value": {}
              },
              {
                "name": "handleReorderDragEnd",
                "value": {}
              },
              {
                "name": "createDragImageClone",
                "value": {}
              },
              {
                "name": "cleanupDragImageClone",
                "value": {}
              },
              {
                "name": "handleExpandClick",
                "value": {}
              },
              {
                "name": "handleExpandableChange",
                "value": {}
              },
              {
                "name": "handleExpandedChange",
                "value": {}
              },
              {
                "name": "handleSelectedChange",
                "value": {}
              },
              {
                "name": "selectorExpandedRow",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-table-row-all-change-selection",
                "description": "Emit when alls rows are selected or unselected upon interaction with the checkbox."
              },
              {
                "name": "dsa-table-row-reorder-toggle"
              },
              {
                "name": "dsa-table-row-reorder-move"
              },
              {
                "name": "dsa-table-row-reorder-drag-start"
              },
              {
                "name": "dsa-table-row-reorder-drag-end"
              },
              {
                "name": "dsa-table-row-change-selection",
                "description": "Emit when row is selected or unselected upon interaction with the checkbox."
              },
              {
                "name": "dsa-table-row-click",
                "description": "Emitted when the user clicks on the table row."
              }
            ]
          },
          "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"
              }
            },
            {
              "name": "expandable",
              "description": "Draws the row in a expanded state to show content underneath",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "reorderable",
              "description": "`true` if this row can be rearranged by the user.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "rearranging",
              "description": "`true` if this row is currently in rearrange mode.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "expanded",
              "description": "`true` if row expanded is draw",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "show-expanded-label",
              "description": "Accessible label when the expand button is closed, which displays row details when clicked.\nIf not specified, a default label is used.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hide-expanded-label",
              "description": "Accessible label when the expand button is opened, which hides row details when clicked.\nIf not specified, a default label is used.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-label",
              "description": "The `aria-label` attribute for the `<checkbox>` for selection.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-name",
              "description": "The `name` attribute for the `<checkbox>` for selection.\nIf present, this table row will be a selectable one.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-value",
              "description": "The `value` attribute for the `<checkbox>` for selection.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "reorder-label",
              "description": "The `aria-label` attribute for the reorder button.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "loading",
              "description": "Displays a loading state.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-table-of-contents",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "mutationObserver",
                "value": {
                  "type": "MutationObserver | null"
                }
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver | null"
                }
              },
              {
                "name": "headerButton",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "content",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "indicator",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "allLinks",
                "value": {
                  "type": "Element[]"
                }
              },
              {
                "name": "currentSectionLink",
                "value": {
                  "type": "Element"
                }
              },
              {
                "name": "progress",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "label",
                "description": "The table of contents label. If you need to display HTML, use the `label` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "mobile",
                "description": "Whether the table of contents should be displayed on mobile.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the table of contents is open (on mobile). You can toggle this attribute to show and hide the table of contents, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the table of contents' open state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "addOpenListeners",
                "value": {}
              },
              {
                "name": "removeOpenListeners",
                "value": {}
              },
              {
                "name": "observeAttributeChanges",
                "value": {}
              },
              {
                "name": "observeIndicatorChanges",
                "value": {}
              },
              {
                "name": "cloneSlottedLinks",
                "value": {}
              },
              {
                "name": "updateCurrentSection",
                "value": {}
              },
              {
                "name": "repositionIndicator",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "value": {}
              },
              {
                "name": "handleHeaderKeydown",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleDocumentMouseDown",
                "value": {}
              },
              {
                "name": "handleHeaderClick",
                "value": {}
              },
              {
                "name": "handleLinkClick",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleMobileChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the content.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the content",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the table of contents opens on mobile."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the table of contents opens on mobile and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the table of contents closes on mobile."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the table of contents closes on mobile and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "label",
              "description": "The table of contents label. If you need to display HTML, use the `label` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "mobile",
              "description": "Whether the table of contents should be displayed on mobile.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "open",
              "description": "Indicates whether or not the table of contents is open (on mobile). You can toggle this attribute to show and hide the table of contents, or you\ncan use the `show()` and `hide()` methods and this attribute will reflect the table of contents' open state.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-table-row",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "checkbox",
                "value": {
                  "type": "DSACheckbox"
                }
              },
              {
                "name": "expandedButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "reorderButton",
                "value": {
                  "type": "DSAIconButton"
                }
              },
              {
                "name": "showExpandButton",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "ignoreReorderClick",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "dragImageCloneContainer",
                "value": {
                  "type": "HTMLElement | null"
                }
              },
              {
                "name": "isFirefox",
                "value": {}
              },
              {
                "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"
                }
              },
              {
                "name": "expandable",
                "description": "Draws the row in a expanded state to show content underneath",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "reorderable",
                "description": "`true` if this row can be rearranged by the user.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "rearranging",
                "description": "`true` if this row is currently in rearrange mode.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "expanded",
                "description": "`true` if row expanded is draw",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "showExpandedLabel",
                "description": "Accessible label when the expand button is closed, which displays row details when clicked.\nIf not specified, a default label is used.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hideExpandedLabel",
                "description": "Accessible label when the expand button is opened, which hides row details when clicked.\nIf not specified, a default label is used.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionLabel",
                "description": "The `aria-label` attribute for the `<checkbox>` for selection.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionName",
                "description": "The `name` attribute for the `<checkbox>` for selection.\nIf present, this table row will be a selectable one.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "selectionValue",
                "description": "The `value` attribute for the `<checkbox>` for selection.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "reorderLabel",
                "description": "The `aria-label` attribute for the reorder button.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "loading",
                "description": "Displays a loading state.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleRowClick",
                "value": {}
              },
              {
                "name": "handleCheckboxChange",
                "value": {}
              },
              {
                "name": "emitReorderToggle",
                "value": {}
              },
              {
                "name": "emitReorderMove",
                "value": {}
              },
              {
                "name": "handleReorderKeyDown",
                "value": {}
              },
              {
                "name": "handleReorderClick",
                "value": {}
              },
              {
                "name": "handleReorderBlur",
                "value": {}
              },
              {
                "name": "handleReorderDragStart",
                "value": {}
              },
              {
                "name": "handleReorderDragEnd",
                "value": {}
              },
              {
                "name": "createDragImageClone",
                "value": {}
              },
              {
                "name": "cleanupDragImageClone",
                "value": {}
              },
              {
                "name": "renderReorderButton",
                "value": {}
              },
              {
                "name": "renderFirstCell",
                "value": {}
              },
              {
                "name": "handleExpandClick",
                "value": {}
              },
              {
                "name": "renderExpandButton",
                "value": {}
              },
              {
                "name": "handleExpandableChange",
                "value": {}
              },
              {
                "name": "handleExpandedChange",
                "value": {}
              },
              {
                "name": "handleSelectedChange",
                "value": {}
              },
              {
                "name": "selectorExpandedRow",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-table-row-reorder-toggle"
              },
              {
                "name": "dsa-table-row-reorder-move"
              },
              {
                "name": "dsa-table-row-reorder-drag-start"
              },
              {
                "name": "dsa-table-row-reorder-drag-end"
              },
              {
                "name": "dsa-table-row-change-selection",
                "description": "Emit when row is selected or unselected upon interaction with the checkbox."
              },
              {
                "name": "dsa-table-row-click",
                "description": "Emitted when the user clicks on the table row."
              }
            ]
          },
          "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"
              }
            },
            {
              "name": "expandable",
              "description": "Draws the row in a expanded state to show content underneath",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "reorderable",
              "description": "`true` if this row can be rearranged by the user.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "rearranging",
              "description": "`true` if this row is currently in rearrange mode.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "expanded",
              "description": "`true` if row expanded is draw",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "show-expanded-label",
              "description": "Accessible label when the expand button is closed, which displays row details when clicked.\nIf not specified, a default label is used.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hide-expanded-label",
              "description": "Accessible label when the expand button is opened, which hides row details when clicked.\nIf not specified, a default label is used.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-label",
              "description": "The `aria-label` attribute for the `<checkbox>` for selection.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-name",
              "description": "The `name` attribute for the `<checkbox>` for selection.\nIf present, this table row will be a selectable one.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "selection-value",
              "description": "The `value` attribute for the `<checkbox>` for selection.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "reorder-label",
              "description": "The `aria-label` attribute for the reorder button.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "loading",
              "description": "Displays a loading state.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-table-single-cell-row",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "role",
                "description": "The table-single-cell-row's role",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "colSpan",
                "description": "The colspan, necessary to correctly display the row",
                "value": {
                  "type": "number"
                }
              }
            ],
            "events": []
          },
          "attributes": [
            {
              "name": "role",
              "description": "The table-single-cell-row's role",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "colspan",
              "description": "The colspan, necessary to correctly display the row",
              "value": {
                "type": "number"
              }
            }
          ]
        },
        {
          "name": "dsa-table-toolbar",
          "description": "",
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "js": {
            "properties": [],
            "events": []
          },
          "attributes": []
        },
        {
          "name": "dsa-tag",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "iconButtonSize",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "content",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "removeButton",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "variant",
                "description": "The tag's theme variant.",
                "value": {
                  "type": "| (typeof TAG_VARIANTS)[number]\n    | (typeof DEPRECATED_TAG_VARIANTS)[number]"
                }
              },
              {
                "name": "size",
                "description": "The tag's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "removable",
                "description": "Makes the tag removable and shows a remove button.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "label",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "accessibleName",
                "description": "(Optional) An accessible name for the tag",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "tooltip",
                "description": "Display the tag label in a tooltip",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleRemoveClick",
                "value": {}
              },
              {
                "name": "updateIconButtonSize",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-remove",
                "description": "Emitted when the remove button is activated."
              }
            ]
          },
          "attributes": [
            {
              "name": "variant",
              "description": "The tag's theme variant.",
              "value": {
                "type": "| (typeof TAG_VARIANTS)[number]\n    | (typeof DEPRECATED_TAG_VARIANTS)[number]"
              }
            },
            {
              "name": "size",
              "description": "The tag's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "removable",
              "description": "Makes the tag removable and shows a remove button.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "label",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "accessible-name",
              "description": "(Optional) An accessible name for the tag",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "tooltip",
              "description": "Display the tag label in a tooltip",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-tag-button",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "tagButton",
                "value": {
                  "type": "HTMLButtonElement | HTMLLinkElement"
                }
              },
              {
                "name": "label",
                "description": "The tag's label",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "variant",
                "description": "The tag's theme variant.",
                "value": {
                  "type": "'neutral' | 'active'"
                }
              },
              {
                "name": "size",
                "description": "The tag's size.",
                "value": {
                  "type": "'small' | 'medium' | 'large'"
                }
              },
              {
                "name": "accessibleName",
                "description": "Provides an accessible label for the element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "description",
                "description": "Provides an accessible description for the element",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "href",
                "description": "(Link) Change thetag role to link. Specifies the URL of the page the link goes to.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "rel",
                "description": "(Link) Determines the relationship between the current document and the linked document",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "download",
                "description": "(Link) Specifies that the target will be downloaded when a user clicks on the hyperlink",
                "value": {
                  "type": "string | undefined"
                }
              },
              {
                "name": "target",
                "description": "(Link) Specifies where to open the linked document.",
                "value": {
                  "type": "'_blank' | '_parent' | '_self' | '_top'"
                }
              },
              {
                "name": "isLink",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "click",
                "description": "Simulates a click on the tag button.",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the tag button.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the tag button.",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the tag loses focus."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the tag gains focus."
              }
            ]
          },
          "attributes": [
            {
              "name": "label",
              "description": "The tag's label",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "variant",
              "description": "The tag's theme variant.",
              "value": {
                "type": "'neutral' | 'active'"
              }
            },
            {
              "name": "size",
              "description": "The tag's size.",
              "value": {
                "type": "'small' | 'medium' | 'large'"
              }
            },
            {
              "name": "accessible-name",
              "description": "Provides an accessible label for the element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "description",
              "description": "Provides an accessible description for the element",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "href",
              "description": "(Link) Change thetag role to link. Specifies the URL of the page the link goes to.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "rel",
              "description": "(Link) Determines the relationship between the current document and the linked document",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "download",
              "description": "(Link) Specifies that the target will be downloaded when a user clicks on the hyperlink",
              "value": {
                "type": "string | undefined"
              }
            },
            {
              "name": "target",
              "description": "(Link) Specifies where to open the linked document.",
              "value": {
                "type": "'_blank' | '_parent' | '_self' | '_top'"
              }
            }
          ]
        },
        {
          "name": "dsa-textarea",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "formControlController",
                "value": {}
              },
              {
                "name": "resizeObserver",
                "value": {
                  "type": "ResizeObserver"
                }
              },
              {
                "name": "input",
                "value": {
                  "type": "HTMLTextAreaElement"
                }
              },
              {
                "name": "hasFocus",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "value",
                "description": "The current value of the textarea, submitted as a name/value pair with form data.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "defaultValue",
                "description": "The default value of the textarea. Primarily used for resetting the form control.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "rows",
                "description": "The number of rows to display by default.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "resize",
                "description": "Controls how the textarea can be resized.",
                "value": {
                  "type": "'none' | 'vertical' | 'auto'"
                }
              },
              {
                "name": "minlength",
                "description": "The minimum length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "maxlength",
                "description": "The maximum length of input that will be considered valid.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "counter",
                "description": "Display the counter if maxlength is provided",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "autocapitalize",
                "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
                "value": {
                  "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
                }
              },
              {
                "name": "_autocorrect",
                "description": "Indicates whether the browser's autocorrect feature is on or off.",
                "value": {
                  "type": "'on' | 'off'"
                }
              },
              {
                "name": "autocorrect",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "autocomplete",
                "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "autofocus",
                "description": "Indicates that the input should receive focus on page load.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "enterkeyhint",
                "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
                "value": {
                  "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
                }
              },
              {
                "name": "spellcheck",
                "description": "Enables spell checking on the textarea.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "inputmode",
                "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
                "value": {
                  "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
                }
              },
              {
                "name": "validity",
                "description": "Gets the validity state object",
                "value": {}
              },
              {
                "name": "validationMessage",
                "description": "Gets the validation message",
                "value": {}
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleChange",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleInput",
                "value": {}
              },
              {
                "name": "handleInvalid",
                "value": {}
              },
              {
                "name": "setTextareaHeight",
                "value": {}
              },
              {
                "name": "getDescriptionIds",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "handleRowsChange",
                "value": {}
              },
              {
                "name": "handleValueChange",
                "value": {}
              },
              {
                "name": "focus",
                "description": "Sets focus on the textarea.",
                "value": {}
              },
              {
                "name": "blur",
                "description": "Removes focus from the textarea.",
                "value": {}
              },
              {
                "name": "select",
                "description": "Selects all the text in the textarea.",
                "value": {}
              },
              {
                "name": "scrollPosition",
                "description": "Gets or sets the textarea's scroll position.",
                "value": {}
              },
              {
                "name": "setSelectionRange",
                "description": "Sets the start and end positions of the text selection (0-based).",
                "value": {}
              },
              {
                "name": "setRangeText",
                "description": "Replaces a range of text with a new string.",
                "value": {}
              },
              {
                "name": "checkValidity",
                "description": "Checks for validity but does not show a validation message. Returns `true` when valid and `false` when invalid.",
                "value": {}
              },
              {
                "name": "getForm",
                "description": "Gets the associated form, if one exists.",
                "value": {}
              },
              {
                "name": "reportValidity",
                "description": "Checks for validity and shows the browser's validation message if the control is invalid.",
                "value": {}
              },
              {
                "name": "setCustomValidity",
                "description": "Sets a custom validation message. Pass an empty string to restore validity.",
                "value": {}
              },
              {
                "name": "renderInput",
                "value": {}
              },
              {
                "name": "renderCounter",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-blur",
                "description": "Emitted when the control loses focus."
              },
              {
                "name": "dsa-change",
                "description": "Emitted when an alteration to the control's value is committed by the user."
              },
              {
                "name": "dsa-focus",
                "description": "Emitted when the control gains focus."
              },
              {
                "name": "dsa-input",
                "description": "Emitted when the control receives input."
              },
              {
                "name": "dsa-invalid",
                "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied."
              }
            ]
          },
          "attributes": [
            {
              "name": "value",
              "description": "The current value of the textarea, submitted as a name/value pair with form data.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "rows",
              "description": "The number of rows to display by default.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "resize",
              "description": "Controls how the textarea can be resized.",
              "value": {
                "type": "'none' | 'vertical' | 'auto'"
              }
            },
            {
              "name": "minlength",
              "description": "The minimum length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "maxlength",
              "description": "The maximum length of input that will be considered valid.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "counter",
              "description": "Display the counter if maxlength is provided",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "autocapitalize",
              "description": "Controls whether and how text input is automatically capitalized as it is entered by the user.",
              "value": {
                "type": "| 'off'\n    | 'none'\n    | 'on'\n    | 'sentences'\n    | 'words'\n    | 'characters'"
              }
            },
            {
              "name": "autocorrect",
              "description": "Indicates whether the browser's autocorrect feature is on or off.",
              "value": {
                "type": "'on' | 'off'"
              }
            },
            {
              "name": "autocomplete",
              "description": "Specifies what permission the browser has to provide assistance in filling out form field values. Refer to\n[this page on MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for available values.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "autofocus",
              "description": "Indicates that the input should receive focus on page load.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "enterkeyhint",
              "description": "Used to customize the label or icon of the Enter key on virtual keyboards.",
              "value": {
                "type": "| 'enter'\n    | 'done'\n    | 'go'\n    | 'next'\n    | 'previous'\n    | 'search'\n    | 'send'"
              }
            },
            {
              "name": "spellcheck",
              "description": "Enables spell checking on the textarea.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "inputmode",
              "description": "Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual\nkeyboard on supportive devices.",
              "value": {
                "type": "| 'none'\n    | 'text'\n    | 'decimal'\n    | 'numeric'\n    | 'tel'\n    | 'search'\n    | 'email'\n    | 'url'"
              }
            }
          ]
        },
        {
          "name": "dsa-tooltip",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "name": "hoverTimeout",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "localize",
                "value": {}
              },
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "name": "body",
                "value": {
                  "type": "HTMLElement"
                }
              },
              {
                "name": "popup",
                "value": {
                  "type": "DSAPopup"
                }
              },
              {
                "name": "content",
                "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "placement",
                "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
                "value": {
                  "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
                }
              },
              {
                "name": "disabled",
                "description": "Disables the tooltip so it won't show when triggered.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "distance",
                "description": "The distance in pixels from which to offset the tooltip away from its target.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "open",
                "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "skidding",
                "description": "The distance in pixels from which to offset the tooltip along its target.",
                "value": {
                  "type": "number"
                }
              },
              {
                "name": "trigger",
                "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
                "value": {
                  "type": "string"
                }
              },
              {
                "name": "hoist",
                "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "handleBlur",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleFocus",
                "value": {}
              },
              {
                "name": "handleDocumentKeyDown",
                "value": {}
              },
              {
                "name": "handleMouseOver",
                "value": {}
              },
              {
                "name": "handleMouseOut",
                "value": {}
              },
              {
                "name": "hasTrigger",
                "value": {}
              },
              {
                "name": "handleOpenChange",
                "value": {}
              },
              {
                "name": "handleOptionsChange",
                "value": {}
              },
              {
                "name": "handleDisabledChange",
                "value": {}
              },
              {
                "name": "show",
                "description": "Shows the tooltip.",
                "value": {}
              },
              {
                "name": "hide",
                "description": "Hides the tooltip",
                "value": {}
              },
              {
                "name": "handleDefaultSlotChange",
                "description": "Automatically adds an accessible description to the trigger element",
                "value": {}
              }
            ],
            "events": [
              {
                "name": "dsa-show",
                "description": "Emitted when the tooltip begins to show."
              },
              {
                "name": "dsa-after-show",
                "description": "Emitted after the tooltip has shown and all animations are complete."
              },
              {
                "name": "dsa-hide",
                "description": "Emitted when the tooltip begins to hide."
              },
              {
                "name": "dsa-after-hide",
                "description": "Emitted after the tooltip has hidden and all animations are complete."
              }
            ]
          },
          "attributes": [
            {
              "name": "content",
              "description": "The tooltip's content. If you need to display HTML, use the `content` slot instead.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "placement",
              "description": "The preferred placement of the tooltip. Note that the actual placement may vary as needed to keep the tooltip\ninside of the viewport.",
              "value": {
                "type": "| 'top'\n    | 'top-start'\n    | 'top-end'\n    | 'right'\n    | 'right-start'\n    | 'right-end'\n    | 'bottom'\n    | 'bottom-start'\n    | 'bottom-end'\n    | 'left'\n    | 'left-start'\n    | 'left-end'"
              }
            },
            {
              "name": "disabled",
              "description": "Disables the tooltip so it won't show when triggered.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "distance",
              "description": "The distance in pixels from which to offset the tooltip away from its target.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "open",
              "description": "Indicates whether or not the tooltip is open. You can use this in lieu of the show/hide methods.",
              "value": {
                "type": "boolean"
              }
            },
            {
              "name": "skidding",
              "description": "The distance in pixels from which to offset the tooltip along its target.",
              "value": {
                "type": "number"
              }
            },
            {
              "name": "trigger",
              "description": "Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\noptions can be passed by separating them with a space. When manual is used, the tooltip must be activated\nprogrammatically.",
              "value": {
                "type": "string"
              }
            },
            {
              "name": "hoist",
              "description": "Enable this option to prevent the tooltip from being clipped when the component is placed inside a container with\n`overflow: auto|hidden|scroll`. Hoisting uses a fixed positioning strategy that works in many, but not all,\nscenarios.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-tree",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "defaultSlot",
                "value": {
                  "type": "HTMLSlotElement"
                }
              },
              {
                "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' | 'parent'"
                }
              },
              {
                "name": "disableCheckboxSync",
                "description": "Disables checkbox synchronization between parent and child nodes when the tree's selection mode is `multiple`.",
                "value": {
                  "type": "boolean"
                }
              },
              {
                "name": "lastFocusedItem",
                "value": {
                  "type": "DSATreeItem"
                }
              },
              {
                "name": "mutationObserver",
                "value": {
                  "type": "MutationObserver"
                }
              },
              {
                "name": "clickTarget",
                "value": {
                  "type": "DSATreeItem | null"
                }
              },
              {
                "name": "initTreeItem",
                "value": {}
              },
              {
                "name": "handleTreeChanged",
                "value": {}
              },
              {
                "name": "selectItem",
                "value": {}
              },
              {
                "name": "getAllTreeItems",
                "value": {}
              },
              {
                "name": "focusItem",
                "value": {}
              },
              {
                "name": "handleKeyDown",
                "value": {}
              },
              {
                "name": "handleClick",
                "value": {}
              },
              {
                "name": "handleMouseDown",
                "value": {}
              },
              {
                "name": "handleFocusOut",
                "value": {}
              },
              {
                "name": "handleFocusIn",
                "value": {}
              },
              {
                "name": "handleSlotChange",
                "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' | 'parent'"
              }
            },
            {
              "name": "disable-checkbox-sync",
              "description": "Disables checkbox synchronization between parent and child nodes when the tree's selection mode is `multiple`.",
              "value": {
                "type": "boolean"
              }
            }
          ]
        },
        {
          "name": "dsa-tree-item",
          "description": "",
          "js": {
            "properties": [
              {
                "name": "dependencies",
                "value": {
                  "type": "object"
                }
              },
              {
                "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": []
        }
      ]
    }
  }
}