{
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
  "name": "govhu-design-system",
  "version": "0.0.148",
  "description-markup": "markdown",
  "contributions": {
    "html": {
      "elements": [
        {
          "name": "dap-ds-accordion-group",
          "description": "An accordion group is a collection of accordion components.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when an accordion is opened or closed.\n\n### **Slots:**\n - _default_ - The content of the accordion group.\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
          "doc-url": "",
          "attributes": [],
          "slots": [
            { "name": "", "description": "The content of the accordion group." }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Event fired when an accordion is opened or closed."
            }
          ],
          "js": {
            "properties": [
              { "name": "accordions", "type": "Array<DapDSAccordion>" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Event fired when an accordion is opened or closed."
              }
            ]
          }
        },
        {
          "name": "dap-ds-accordion",
          "description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **icon-holder** - The icon holder of the accordion.\n- **content** - The content of the accordion.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the accordion. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "CommonSize", "default": "'sm'" }
            },
            {
              "name": "headingLevel",
              "description": "The heading level of the accordion. Default is `4`. Can be `1`, `2`, `3`, `4`, `5`, or `6`.",
              "value": { "type": "HeadingLevel", "default": "4" }
            },
            {
              "name": "opened",
              "description": "Whether the accordion is opened.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "iconLocation",
              "description": "The location of the icon. Default is `left`. Can be `left` or `right`.",
              "value": { "type": "'left' | 'right'", "default": "'right'" }
            }
          ],
          "slots": [
            {
              "name": "default",
              "description": "The content of the accordion."
            },
            {
              "name": "heading",
              "description": "The heading of the accordion."
            },
            {
              "name": "icon-opened",
              "description": "The icon when the accordion is opened."
            },
            {
              "name": "icon-closed",
              "description": "The icon when the accordion is closed."
            }
          ],
          "events": [
            {
              "name": "dds-opened",
              "description": "Event fired when the accordion is opened."
            },
            {
              "name": "dds-closed",
              "description": "Event fired when the accordion is closed."
            }
          ],
          "js": {
            "properties": [
              { "name": "size", "type": "CommonSize" },
              { "name": "headingLevel", "type": "HeadingLevel" },
              { "name": "opened", "type": "boolean" },
              { "name": "iconLocation", "type": "'left' | 'right'" }
            ],
            "events": [
              {
                "name": "dds-opened",
                "description": "Event fired when the accordion is opened."
              },
              {
                "name": "dds-closed",
                "description": "Event fired when the accordion is closed."
              }
            ]
          }
        },
        {
          "name": "dap-ds-badge",
          "description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n\n### **CSS Parts:**\n - **base** - The main container of the badge.",
          "doc-url": "",
          "attributes": [
            {
              "name": "type",
              "description": "The type of the badge. Default is `neutral`. Can be `neutral`, `brand`, `info`, `positive`, `warning`, or `negative`.",
              "value": { "type": "BadgeType", "default": "'neutral'" }
            },
            {
              "name": "size",
              "description": "The size of the badge. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "CommonSize", "default": "'sm'" }
            }
          ],
          "slots": [{ "name": "", "description": "The content of the badge." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "type", "type": "BadgeType" },
              { "name": "size", "type": "CommonSize" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-banner",
          "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - **The** - content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **icon** - The icon of the banner.\n- **closebutton** - The close button of the banner.\n- **icon** - The icon of the banner.\n- **actions** - The actions of the banner.\n- **title** -  The title of the banner.",
          "doc-url": "",
          "attributes": [
            {
              "name": "variant",
              "description": "The type of the banner.",
              "value": { "type": "BannerVariant", "default": "'brand'" }
            },
            {
              "name": "closeable",
              "description": "Whether the banner is closeable.",
              "value": { "type": "boolean" }
            },
            {
              "name": "opened",
              "description": "State of the banner. If false banner is hidden.",
              "value": { "type": "string", "default": "'true'" }
            },
            {
              "name": "closeButtonAriaLabel",
              "description": "The aria-label for the close button.",
              "value": { "type": "string" }
            },
            {
              "name": "closeButtonLabel",
              "value": { "type": "string", "default": "'close'" }
            },
            { "name": "icon", "value": { "type": "string" } }
          ],
          "slots": [
            { "name": "The", "description": "content of the banner." },
            { "name": "actions", "description": "Actions of banner" },
            { "name": "icon", "description": "The icon of the banner." }
          ],
          "events": [
            {
              "name": "dds-close",
              "description": "Event fired when the banner is closed."
            }
          ],
          "js": {
            "properties": [
              { "name": "variant", "type": "BannerVariant" },
              { "name": "closeable", "type": "boolean" },
              { "name": "opened", "type": "string" },
              { "name": "closeButtonLabel", "type": "string" },
              { "name": "icon", "type": "string" }
            ],
            "events": [
              {
                "name": "dds-close",
                "description": "Event fired when the banner is closed."
              }
            ]
          }
        },
        {
          "name": "dap-ds-breadcrumb",
          "description": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb.\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
          "doc-url": "",
          "attributes": [
            {
              "name": "label",
              "description": "The label of the breadcrumb.",
              "value": { "type": "string", "default": "''" }
            },
            {
              "name": "inverted",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "mobile",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the breadcrumb." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "defaultSlot", "type": "HTMLSlotElement" },
              { "name": "separatorSlot", "type": "HTMLSlotElement" },
              { "name": "label", "type": "string" },
              { "name": "inverted", "type": "boolean" },
              { "name": "mobile", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-anchor-heading",
          "description": "Anchor heading is a heading with an anchor link.\n---\n",
          "doc-url": "",
          "attributes": [
            { "name": "variant", "value": { "type": "HeadingVariant" } },
            { "name": "label", "value": { "type": "string" } }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "variant", "type": "HeadingVariant" },
              { "name": "label", "type": "string" },
              { "name": "elementId" },
              { "name": "anchorTitle" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-breadcrumb-item",
          "description": "A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb item.\n\n### **CSS Parts:**\n - **base** - The main breadcrumb item container.\n- **link** - The link of the breadcrumb item.",
          "doc-url": "",
          "attributes": [
            {
              "name": "href",
              "description": "The URL of the breadcrumb item.",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "target",
              "description": "The target of the breadcrumb item. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
              "value": { "type": "LinkTarget | undefined" }
            },
            {
              "name": "rel",
              "description": "The rel of the breadcrumb item link.",
              "value": { "type": "string", "default": "'noreferrer noopener'" }
            },
            {
              "name": "disabled",
              "description": "Whether the breadcrumb item is disabled.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "last",
              "description": "Whether the breadcrumb item is the last one in the list",
              "value": { "type": "boolean" }
            },
            {
              "name": "inverted",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the breadcrumb item." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "href", "type": "string | undefined" },
              { "name": "target", "type": "LinkTarget | undefined" },
              { "name": "rel", "type": "string" },
              { "name": "disabled", "type": "boolean" },
              { "name": "inverted", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-button",
          "description": "A button is a clickable element that can be used to trigger an action.\n---\n\n\n### **Slots:**\n - _default_ - The content of the button.\n\n### **CSS Parts:**\n - **base** - The main button container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "variant",
              "description": "The type of the button. Default is `primary`. Can be `primary`, `secondary`, `subtle`, or `clean`.",
              "value": { "type": "ButtonVariant", "default": "'primary'" }
            },
            {
              "name": "size",
              "description": "The size of the button. Default is `md`. Can be `lg`, `md`, or `sm`.",
              "value": { "type": "ButtonSize", "default": "'md'" }
            },
            {
              "name": "loading",
              "description": "Whether the button is in a loading state.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "danger",
              "description": "Whether the button is a danger button.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "htmlType",
              "description": "The type of the button. Can be `button`, `submit`, or `reset`. Default is `button`. If the button is an anchor element, this attribute will be ignored.",
              "value": { "type": "HtmlButtonType", "default": "'button'" }
            },
            {
              "name": "name",
              "description": "The name of the button.",
              "value": { "type": "string" }
            },
            {
              "name": "href",
              "description": "The URL of the button. If this present the button will be rendered as an anchor element.",
              "value": { "type": "string" }
            },
            {
              "name": "target",
              "description": "The target of the button. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
              "value": { "type": "LinkTarget", "default": "'_self'" }
            },
            {
              "name": "rel",
              "description": "The rel of the button link. Default is `noreferrer noopener`.",
              "value": { "type": "string", "default": "'noreferrer noopener'" }
            },
            {
              "name": "shape",
              "value": { "type": "ButtonShape", "default": "'button'" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the button." }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "button",
                "type": "HTMLButtonElement | HTMLLinkElement"
              },
              { "name": "variant", "type": "ButtonVariant" },
              { "name": "size", "type": "ButtonSize" },
              { "name": "loading", "type": "boolean" },
              { "name": "danger", "type": "boolean" },
              { "name": "shape", "type": "ButtonShape" },
              { "name": "htmlType", "type": "HtmlButtonType" },
              { "name": "name", "type": "string" },
              { "name": "href", "type": "string" },
              { "name": "target", "type": "LinkTarget" },
              { "name": "rel", "type": "string" },
              { "name": "focusElement" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-calendar-cell",
          "description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
          "doc-url": "",
          "attributes": [
            {
              "name": "value",
              "description": "The value of the calendar cell.",
              "value": { "type": "Date" }
            },
            {
              "name": "selected",
              "description": "Whether the calendar cell is selected.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "disabledDay",
              "description": "Whether the calendar cell is disabled.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "today",
              "description": "Whether the calendar cell is today.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "outOfRange",
              "description": "Whether the calendar cell is out of range.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "header",
              "description": "Whether the calendar cell is header.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "focused",
              "description": "Whether the calendar cell is focused.",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "value", "type": "Dayjs" },
              { "name": "selected", "type": "boolean" },
              { "name": "disabledDay", "type": "boolean" },
              { "name": "today", "type": "boolean" },
              { "name": "outOfRange", "type": "boolean" },
              { "name": "header", "type": "boolean" },
              { "name": "focused", "type": "boolean" },
              { "name": "label", "type": "string" },
              { "name": "focusElement", "type": "HTMLElement" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-calendar",
          "description": "A calendar is a visual representation of dates. It allows users to select a date.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the calendar value changes.\n\n### **CSS Parts:**\n - **base** - The main calendar container.\n- **header** - The header of the calendar.\n- **body** - The body of the calendar.",
          "doc-url": "",
          "attributes": [
            {
              "name": "value",
              "description": "The value of the calendar.",
              "value": { "type": "Date" }
            },
            {
              "name": "currentDate",
              "description": "The current visible date of the calendar. Only the month and year are considered.",
              "value": { "type": "Date" }
            },
            {
              "name": "minDate",
              "description": "The minimum date of the calendar. Only the month and year are considered.",
              "value": { "type": "Date" }
            },
            {
              "name": "maxDate",
              "description": "The maximum date of the calendar. Only the month and year are considered.",
              "value": { "type": "Date" }
            },
            {
              "name": "disabledDate",
              "description": "The function to determine if the date is disabled.",
              "value": { "type": "Function" }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the calendar value changes."
            }
          ],
          "js": {
            "properties": [
              { "name": "cells", "type": "NodeListOf<DapDSCalendarCell>" },
              { "name": "value", "type": "Dayjs" },
              { "name": "currentDate" },
              { "name": "minDate" },
              { "name": "maxDate" },
              { "name": "disabledDate" },
              { "name": "startDate" },
              { "name": "endDate" },
              { "name": "updateLocale" },
              { "name": "getWeeksInMonth" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the calendar value changes."
              }
            ]
          }
        },
        {
          "name": "dap-ds-callout",
          "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
          "doc-url": "",
          "attributes": [
            {
              "name": "variant",
              "description": "The variant of the callout. Can be `brand`, `info`, `positive`, `warning`, or `negative`.",
              "value": { "type": "CalloutVariant", "default": "'brand'" }
            },
            {
              "name": "alignment",
              "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
              "value": { "type": "Alignment", "default": "'horizontal'" }
            },
            {
              "name": "shade",
              "description": "The strongness of the callout. Can be `subtle`, `base`, `medium`, or `strong`.",
              "value": { "type": "BackgroundShade", "default": "'base'" }
            },
            {
              "name": "border",
              "description": "The border of the callout.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "closeable",
              "description": "If the callout has a close button.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "closeButtonLabel",
              "description": "The label of the close button.",
              "value": { "type": "string" }
            },
            {
              "name": "opened",
              "description": "If the callout is opened.",
              "value": { "type": "string", "default": "'true'" }
            },
            {
              "name": "title",
              "description": "The header of the callout.",
              "value": { "type": "string" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the callout." },
            { "name": "title", "description": "The title of the callout." },
            { "name": "icon", "description": "The icon of the callout." },
            { "name": "actions", "description": "The actions of the callout." },
            {
              "name": "close",
              "description": "The close button of the callout."
            }
          ],
          "events": [
            {
              "name": "dds-close",
              "description": "Fired when the close button is clicked."
            }
          ],
          "js": {
            "properties": [
              { "name": "variant", "type": "CalloutVariant" },
              { "name": "alignment", "type": "Alignment" },
              { "name": "shade", "type": "BackgroundShade" },
              { "name": "border", "type": "boolean" },
              { "name": "closeable", "type": "boolean" },
              { "name": "title", "type": "string" },
              { "name": "closeButtonLabel", "type": "string" },
              { "name": "opened", "type": "string" }
            ],
            "events": [
              {
                "name": "dds-close",
                "description": "Fired when the close button is clicked."
              }
            ]
          }
        },
        {
          "name": "dap-ds-card-actions",
          "description": "A card actions is a container for actions in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card actions.\n\n### **CSS Parts:**\n - **base** - The main card actions container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "parentSized",
              "description": "Whether the card actions should be sized from the parent. Default is true.",
              "value": { "type": "string", "default": "'true'" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the card actions." }
          ],
          "events": [],
          "js": {
            "properties": [{ "name": "parentSized", "type": "string" }],
            "events": []
          }
        },
        {
          "name": "dap-ds-card-content",
          "description": "A card content is a container for content in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card-content.\n\n### **CSS Parts:**\n - **base** - The main card content container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "renderAs",
              "description": "The component of the card content. Default is 'div'.",
              "value": { "type": "string", "default": "'div'" }
            },
            {
              "name": "parentSized",
              "description": "Whether the card content should be sized from the parent. Default is true.",
              "value": { "type": "string", "default": "'true'" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the card-content." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "renderAs", "type": "string" },
              { "name": "parentSized", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-card-image",
          "description": "A card image is a container for images in a card.\n---\n\n\n### **CSS Parts:**\n - **base** - The main card image container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "src",
              "description": "The source of the image.",
              "value": { "type": "string" }
            },
            {
              "name": "alt",
              "description": "The alt text of the image.",
              "value": { "type": "string" }
            },
            {
              "name": "width",
              "description": "The width of the image.",
              "value": { "type": "number" }
            },
            {
              "name": "height",
              "description": "The height of the image.",
              "value": { "type": "number" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "src", "type": "string" },
              { "name": "alt", "type": "string" },
              { "name": "width", "type": "number" },
              { "name": "height", "type": "number" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-card-subtitle",
          "description": "Subtitle of the card\n---\n\n\n### **Slots:**\n - _default_ - The content of the subtitle.\n\n### **CSS Parts:**\n - **base** - The subtitle container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the card subtitle. Default is `sm`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "parentSized",
              "description": "Whether the card content should be sized from the parent. Default is true.",
              "value": { "type": "string", "default": "'true'" }
            },
            {
              "name": "renderAs",
              "value": { "type": "string", "default": "'span'" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the subtitle." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "renderAs", "type": "string" },
              { "name": "parentSized", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-card-title",
          "description": "Title of the card\n---\n\n\n### **Slots:**\n - _default_ - The content of the title.\n\n### **CSS Parts:**\n - **base** - The main card title container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the card title. Default is `sm`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "parentSized",
              "description": "Whether the card content should be sized from the parent. Default is true.",
              "value": { "type": "string", "default": "'true'" }
            },
            {
              "name": "component",
              "description": "The rendered component of the card title. Default is 'div'.",
              "value": { "type": "string" }
            },
            {
              "name": "renderAs",
              "value": { "type": "string", "default": "'span'" }
            }
          ],
          "slots": [{ "name": "", "description": "The content of the title." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "renderAs", "type": "string" },
              { "name": "parentSized", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-card",
          "description": "A card is a container for content, actions, and images in a consistent format.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card.\n\n### **CSS Parts:**\n - **base** - The main card container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "interactive",
              "description": "Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "disabled",
              "description": "Whether the card is disabled.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "target",
              "description": "The target of the card. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
              "value": { "type": "LinkTarget", "default": "'_self'" }
            },
            {
              "name": "href",
              "description": "The URL of the card.",
              "value": { "type": "string", "default": "'#'" }
            },
            {
              "name": "rel",
              "description": "The rel of the card link.",
              "value": { "type": "string", "default": "'noreferrer noopener'" }
            }
          ],
          "slots": [{ "name": "", "description": "The content of the card." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "interactive", "type": "boolean" },
              { "name": "disabled", "type": "boolean" },
              { "name": "target", "type": "LinkTarget" },
              { "name": "href", "type": "string" },
              { "name": "rel", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-checkbox",
          "description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.",
          "doc-url": "",
          "attributes": [
            {
              "name": "name",
              "description": "The name of the checkbox.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the checkbox.",
              "value": { "type": "string" }
            },
            {
              "name": "checked",
              "description": "Whether the checkbox is checked.",
              "value": { "type": "boolean" }
            },
            {
              "name": "indeterminate",
              "description": "Whether the checkbox is indeterminate.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "disabled",
              "description": "Whether the checkbox is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "Whether the checkbox is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "label",
              "description": "The label of the checkbox.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the checkbox.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the checkbox. Default is `md`. Can be `sm`, `md`, or `lg`.'",
              "value": { "type": "'sm' | 'md' | 'lg'" }
            },
            {
              "name": "labelPlacement",
              "description": "The placement of the label. Can be `left` or `right`. Default is `right`.",
              "value": { "type": "'left' | 'right'" }
            },
            {
              "name": "descriptionPlacement",
              "description": "The placement of the description. Can be `top` or `bottom`. Default is `bottom`.",
              "value": { "type": "'top' | 'bottom'" }
            },
            {
              "name": "ariaLabelCheckbox",
              "description": "The aria label of the checkbox.",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is `false`",
              "value": { "type": "boolean" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the checkbox.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the checkbox. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "invalid",
              "description": "The invalid state of the checkbox.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optional",
              "description": "The optional state of the checkbox.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "The optional label of the checkbox.",
              "value": { "type": "string" }
            },
            {
              "name": "preventDefault",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the checkbox is checked or unchecked."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the checkbox loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the checkbox gains focus."
            },
            {
              "name": "dds-input",
              "description": "Emitted when the checkbox receives input."
            }
          ],
          "js": {
            "properties": [
              { "name": "input", "type": "HTMLInputElement" },
              { "name": "ariaLabelCheckbox", "type": "string | undefined" },
              { "name": "indeterminate", "type": "boolean" },
              { "name": "preventDefault", "type": "boolean" },
              { "name": "focusElement" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the checkbox is checked or unchecked."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the checkbox loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the checkbox gains focus."
              },
              {
                "name": "dds-input",
                "description": "Emitted when the checkbox receives input."
              }
            ]
          }
        },
        {
          "name": "dap-ds-combobox",
          "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the select value changes.\n- **dds-blur** - Emitted when the select loses focus.\n- **dds-focus** - Emitted when the select gains focus.\n- **dds-clear** - Emitted when the select is cleared.\n- **dds-search** - Emitted when the manual input value changes.\n\n### **CSS Parts:**\n - **base** - The main select container.\n- **trigger** - The trigger button of the select.\n- **label** - The label of the select.\n- **description** - The description of the select.\n- **feedback** - The feedback of the select.\n- **tooltip** - The tooltip of the select.\n- **option-list** - The option list of the select.",
          "doc-url": "",
          "attributes": [
            {
              "name": "value",
              "description": "The value of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "placement",
              "description": "The placement of the select dropdown. Default is 'bottom-start'.",
              "value": {
                "type": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start'| 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
              }
            },
            {
              "name": "opened",
              "description": "Whether the select dropdown is opened.",
              "value": { "type": "boolean" }
            },
            {
              "name": "sync",
              "description": "The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'.",
              "value": { "type": "'width' | 'height' | 'both'" }
            },
            {
              "name": "label",
              "description": "The label of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the select. Default is 'md'.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "disabled",
              "description": "Whether the select is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "Whether the select is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "readonly",
              "description": "Whether the select is readonly.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autofocus",
              "description": "Whether the select is autofocus.",
              "value": { "type": "boolean" }
            },
            {
              "name": "feedback",
              "description": "The feedback content of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the select.",
              "value": { "type": "'error' | 'warning' | 'info'" }
            },
            {
              "name": "searchMode",
              "description": "The search mode of the select.",
              "value": {
                "type": "'none' | 'typehead' | 'autocomplete' | 'manual'"
              }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the select value changes."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the select loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the select gains focus."
            },
            {
              "name": "dds-clear",
              "description": "Emitted when the select is cleared."
            },
            {
              "name": "dds-search",
              "description": "Emitted when the manual input value changes."
            }
          ],
          "js": {
            "properties": [],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the select value changes."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the select loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the select gains focus."
              },
              {
                "name": "dds-clear",
                "description": "Emitted when the select is cleared."
              },
              {
                "name": "dds-search",
                "description": "Emitted when the manual input value changes."
              }
            ]
          }
        },
        {
          "name": "dap-ds-content-switcher-item",
          "description": "Segmented control item component for the segmented control.\n---\n\n\n### **Slots:**\n - _default_ - The icon content of the segmented control item.\n\n### **CSS Parts:**\n - **input** - The input of the segmented control item.",
          "doc-url": "",
          "attributes": [
            {
              "name": "value",
              "description": "The value of the segmented control item.",
              "value": { "type": "string" }
            },
            {
              "name": "checked",
              "description": "The checked state of the segmented control item.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "selected",
              "description": "The selected state of the segmented control item.",
              "value": { "type": "boolean" }
            },
            {
              "name": "name",
              "description": "The name of the segmented control item.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            {
              "name": "",
              "description": "The icon content of the segmented control item."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "value", "type": "string" },
              { "name": "checked", "type": "boolean" },
              { "name": "disabled", "type": "boolean" },
              { "name": "name", "type": "string" },
              { "name": "multiple" },
              { "name": "handleClick" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-content-switcher",
          "description": "A content switcher is a set of two or more segments, each of which functions as a mutually exclusive button.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the content switcher is changed.\n\n### **Slots:**\n - _default_ - The content switcher items.\n\n### **CSS Parts:**\n - **base** - The main content switcher container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "multiSelect",
              "description": "Whether the content switcher allows multiple selections.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "value",
              "description": "The value of the content switcher. A comma-separated list if `multiSelect` is `true`.",
              "value": { "type": "string" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content switcher items." }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the content switcher is changed."
            }
          ],
          "js": {
            "properties": [
              { "name": "multiSelect", "type": "boolean" },
              { "name": "value", "type": "string" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the content switcher is changed."
              }
            ]
          }
        },
        {
          "name": "dap-ds-datepicker",
          "description": "A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n---\n",
          "doc-url": "",
          "attributes": [
            { "name": "value", "value": { "type": "string", "default": "''" } }
          ],
          "events": [],
          "js": {
            "properties": [{ "name": "value", "type": "string" }],
            "events": []
          }
        },
        {
          "name": "dap-ds-divider",
          "description": "A divider is a visual separator between elements.\n---\n",
          "doc-url": "",
          "attributes": [
            {
              "name": "vertical",
              "description": "Whether the divider is vertical. Default is false.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "spacing",
              "description": "The spacing of the divider. Default is 0. It is uses the design system values (100, 200, 300, etc...)",
              "value": { "type": "Spacing", "default": "0" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "vertical", "type": "boolean" },
              { "name": "spacing", "type": "Spacing" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-feedback",
          "description": "A feedback is a container for feedback messages.\n---\n\n\n### **Slots:**\n - **icon** - The custom icon of the feedback.\n- _default_ - The text of the feedback.\n\n### **CSS Parts:**\n - **base** - The main feedback container.\n- **icon** - The icon of the feedback.\n- **text** - The text of the feedback.",
          "doc-url": "",
          "attributes": [
            {
              "name": "type",
              "description": "The type of the feedback. Default is `positive`.",
              "value": { "type": "FeedbackType", "default": "'positive'" }
            },
            {
              "name": "size",
              "description": "The size of the feedback. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is false.",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            {
              "name": "icon",
              "description": "The custom icon of the feedback."
            },
            { "name": "", "description": "The text of the feedback." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "type", "type": "FeedbackType" },
              { "name": "subtle", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-file-input-list-item",
          "description": "A file input list item is a container for file input list items.\n---\n",
          "doc-url": "",
          "attributes": [
            {
              "name": "deletable",
              "description": "Show delete button. Default is `false`.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "showSize",
              "description": "Show file size. Default is `false`.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "loading",
              "description": "Show loading spinner. Default is `false`.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "disabled",
              "description": "Disables the file input list item.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "inputName",
              "description": "The name of the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type.",
              "value": { "type": "FeedbackType" }
            },
            {
              "name": "feedback",
              "description": "The feedback message.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "Subtle style.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "progress",
              "description": "The progress of the file upload.",
              "value": { "type": "string", "default": "'0'" }
            },
            { "name": "fileData", "value": { "type": "FileListElement" } }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "disabled", "type": "boolean" },
              { "name": "inputName", "type": "string" },
              { "name": "feedbackType", "type": "FeedbackType" },
              { "name": "feedback", "type": "string" },
              { "name": "loading", "type": "boolean" },
              { "name": "deletable", "type": "boolean" },
              { "name": "showSize", "type": "boolean" },
              { "name": "fileData", "type": "FileListElement" },
              { "name": "subtle", "type": "boolean" },
              { "name": "progress", "type": "string" },
              { "name": "formattedSize" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-file-input-list",
          "description": "A file input list is a container for file input items.\n---\n\n\n### **Events:**\n - **dds-file-remove** - Dispatched when a file is removed from the list.\n\n### **CSS Parts:**\n - **base** - The main file input list container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "for",
              "description": "The id of the file input element to bind to.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "Disables the file input list.",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "events": [
            {
              "name": "dds-file-remove",
              "description": "Dispatched when a file is removed from the list."
            }
          ],
          "js": {
            "properties": [
              { "name": "fileInputElement", "type": "DapDSFileInput | null" },
              { "name": "for", "type": "string" },
              { "name": "disabled", "type": "boolean" },
              { "name": "files" }
            ],
            "events": [
              {
                "name": "dds-file-remove",
                "description": "Dispatched when a file is removed from the list."
              }
            ]
          }
        },
        {
          "name": "dap-ds-file-input",
          "description": "A file input is a control that allows users to select files to upload.\n---\n\n\n### **Events:**\n - **dds-upload-start** - Fired when a file upload starts.\n- **dds-upload-progress** - Fired during file upload progress.\n- **dds-upload-complete** - Fired when a file upload completes successfully.\n- **dds-upload-error** - Fired when a file upload encounters an error.\n- **dds-all-uploads-complete** - Fired when all file uploads are complete.\n- **dds-file-removed** - Fired when a file is removed from the file input.\n\n### **CSS Parts:**\n - **base** - The main file input container.\n- **input** - The file input control.\n- **label** - The file input label.\n- **description** - The file input description.\n- **feedback** - The file input feedback.\n- **tooltip** - The file input tooltip.",
          "doc-url": "",
          "attributes": [
            {
              "name": "subtle",
              "description": "Font weight of the feedback label. Default is `false` which is bold.",
              "value": { "type": "boolean" }
            },
            {
              "name": "name",
              "description": "The name of the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "status",
              "description": "The status of the file input. Can be 'success' or 'error'.",
              "value": { "type": "string" }
            },
            {
              "name": "path",
              "description": "The server path for file uploads.",
              "value": { "type": "string" }
            },
            {
              "name": "autoupload",
              "description": "Whether to upload files immediately upon selection.",
              "value": { "type": "boolean" }
            },
            {
              "name": "uploadproperty",
              "description": "The name of the property to use when uploading files.",
              "value": { "type": "string" }
            },
            {
              "name": "uploadmethod",
              "description": "The HTTP method to use when uploading files.",
              "value": { "type": "string" }
            },
            {
              "name": "withcredentials",
              "description": "Whether to send credentials with the file upload request.",
              "value": { "type": "boolean" }
            },
            {
              "name": "maxfiles",
              "description": "The maximum number of files that can be uploaded.",
              "value": { "type": "string" }
            },
            {
              "name": "maxfilesize",
              "description": "The maximum size of files that can be uploaded.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the file input. Can be 'small', 'medium', or 'large'.",
              "value": { "type": "string" }
            },
            {
              "name": "label",
              "description": "The label for the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description for the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedback",
              "description": "The feedback for the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbacktype",
              "description": "The type of feedback for the file input. Can be 'error' or 'warning'.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip for the file input.",
              "value": { "type": "string" }
            },
            {
              "name": "required",
              "description": "Whether the file input is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optional",
              "description": "Whether the file input is optional.",
              "value": { "type": "boolean" }
            },
            {
              "name": "disabled",
              "description": "Whether the file input is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "multiple",
              "description": "Whether the file input accepts multiple files.",
              "value": { "type": "boolean", "default": "true" }
            },
            {
              "name": "keepvalue",
              "description": "Whether to keep the value of the file input when new files are selected.",
              "value": { "type": "boolean" }
            },
            { "name": "uploadButtonLabel", "value": { "type": "string" } },
            { "name": "accept", "value": { "type": "string" } },
            { "name": "keepValue", "value": { "type": "false" } },
            {
              "name": "showProgress",
              "value": { "type": "boolean", "default": "false" }
            },
            { "name": "uploadUrl", "value": { "type": "string" } },
            {
              "name": "uploadProperty",
              "value": { "type": "string", "default": "'file'" }
            },
            {
              "name": "uploadMethod",
              "value": { "type": "string", "default": "'POST'" }
            },
            {
              "name": "withCredentials",
              "value": { "type": "boolean", "default": "false" }
            },
            { "name": "maxFiles", "value": { "type": "string" } },
            { "name": "maxFileSize", "value": { "type": "string" } }
          ],
          "events": [
            {
              "name": "dds-upload-start",
              "description": "Fired when a file upload starts."
            },
            {
              "name": "dds-upload-progress",
              "description": "Fired during file upload progress."
            },
            {
              "name": "dds-upload-complete",
              "description": "Fired when a file upload completes successfully."
            },
            {
              "name": "dds-upload-error",
              "description": "Fired when a file upload encounters an error."
            },
            {
              "name": "dds-all-uploads-complete",
              "description": "Fired when all file uploads are complete."
            },
            {
              "name": "dds-file-removed",
              "description": "Fired when a file is removed from the file input."
            }
          ],
          "js": {
            "properties": [
              { "name": "input", "type": "HTMLInputElement" },
              { "name": "uploadButtonLabel", "type": "string" },
              { "name": "accept", "type": "string" },
              { "name": "multiple", "type": "boolean" },
              { "name": "keepValue", "type": "false" },
              { "name": "showProgress", "type": "boolean" },
              { "name": "uploadUrl", "type": "string" },
              { "name": "autoupload", "type": "boolean" },
              { "name": "uploadProperty", "type": "string" },
              { "name": "uploadMethod", "type": "string" },
              { "name": "withCredentials", "type": "boolean" },
              { "name": "fileList", "type": "DapDSFileInputList | null" },
              { "name": "maxFiles", "type": "string" },
              { "name": "maxFileSize", "type": "string" },
              { "name": "files" }
            ],
            "events": [
              {
                "name": "dds-upload-start",
                "description": "Fired when a file upload starts."
              },
              {
                "name": "dds-upload-progress",
                "description": "Fired during file upload progress."
              },
              {
                "name": "dds-upload-complete",
                "description": "Fired when a file upload completes successfully."
              },
              {
                "name": "dds-upload-error",
                "description": "Fired when a file upload encounters an error."
              },
              {
                "name": "dds-all-uploads-complete",
                "description": "Fired when all file uploads are complete."
              },
              {
                "name": "dds-file-removed",
                "description": "Fired when a file is removed from the file input."
              }
            ]
          }
        },
        {
          "name": "dap-ds-icon",
          "description": "An icon is a graphical symbol that represents an object or action.\n---\n\n\n### **Slots:**\n - _default_ - The content of the icon for custom svg icons.\n\n### **CSS Parts:**\n - **base** - The main icon container.\n- **icon** - The icon of the icon.",
          "doc-url": "",
          "attributes": [
            {
              "name": "name",
              "description": "The name of the icon.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the icon. Default is `md`. Can be `lg`, `md`, `sm`, or `xs`.",
              "value": { "type": "IconSize", "default": "'md'" }
            },
            {
              "name": "focusable",
              "description": "Whether the icon is focusable. Default is false.",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "ariaHidden",
              "description": "Whether the icon is hidden from the accessibility tree. Default is true.",
              "value": { "type": "boolean" }
            },
            {
              "name": "staticSize",
              "description": "The size of the icon in pixels. This overrides the size attribute.",
              "value": { "type": "number | undefined" }
            }
          ],
          "slots": [
            {
              "name": "",
              "description": "The content of the icon for custom svg icons."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "name", "type": "string" },
              { "name": "size", "type": "IconSize" },
              { "name": "staticSize", "type": "number | undefined" },
              { "name": "focusable", "type": "boolean | undefined" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-button",
          "description": "An icon button is a button with an icon.\n---\n\n\n### **Slots:**\n - _default_ - The icon of the button.\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **content** - The icon of the button.",
          "doc-url": "",
          "attributes": [
            {
              "name": "variant",
              "description": "The type of the button. Can be `neutral`, `brand`, `inverted` or `inverted-brand` . Default is `neutral`.",
              "value": {
                "type": "ButtonVariant | undefined",
                "default": "'neutral'"
              }
            },
            {
              "name": "size",
              "description": "The size of the button. Default is `md`. Can be `lg`, `md`, or `sm`.",
              "value": { "type": "ButtonSize", "default": "'md'" }
            },
            {
              "name": "disabled",
              "description": "If true, the button is disabled. Default is false.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "htmlType",
              "description": "The type of the button. Can be `button`, `submit`, or `reset`. Default is `button`.",
              "value": { "type": "HtmlButtonType", "default": "'button'" }
            },
            {
              "name": "ariaLabel",
              "description": "The aria label of the button.",
              "value": { "type": "string" }
            },
            {
              "name": "name",
              "description": "The name of the button.",
              "value": { "type": "string" }
            },
            {
              "name": "icon",
              "description": "The icon of the button. You can use the icon name from the icon component.",
              "value": { "type": "string" }
            },
            {
              "name": "clean",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [{ "name": "", "description": "The icon of the button." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "variant", "type": "ButtonVariant | undefined" },
              { "name": "clean", "type": "boolean" },
              { "name": "size", "type": "ButtonSize" },
              { "name": "disabled", "type": "boolean" },
              { "name": "htmlType", "type": "HtmlButtonType" },
              { "name": "icon", "type": "string" },
              { "name": "name", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-input",
          "description": "An input is a field used to collect user input.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **Slots:**\n - **postfix** - The postfix of the input.\n- **prefix** - The prefix of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.",
          "doc-url": "",
          "attributes": [
            {
              "name": "label",
              "description": "The label of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "optionalLabel",
              "description": "Text of optional label.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "Text weight of label. If true the label is subtle. Default value is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "status",
              "description": "The status of the input. Can be `success` or `error`.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "name",
              "description": "The name of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "type",
              "description": "The type of the input. Default is 'text'.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "The required state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "readonly",
              "description": "The readonly state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autofocus",
              "description": "The autofocus state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autocapitalize",
              "description": "The autocapitalize state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "minlength",
              "description": "The minimum length of the input.",
              "value": { "type": "number" }
            },
            {
              "name": "maxlength",
              "description": "The maximum length of the input.",
              "value": { "type": "number" }
            },
            {
              "name": "min",
              "description": "The minimum value of the number input.",
              "value": { "type": "number" }
            },
            {
              "name": "max",
              "description": "The maximum value of the number input.",
              "value": { "type": "number" }
            },
            {
              "name": "step",
              "description": "The step value of the number input.",
              "value": { "type": "number" }
            },
            {
              "name": "inputmode",
              "description": "The inputmode of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "pattern",
              "description": "The regex pattern of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the input. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "loading",
              "description": "The loading state of the input. Default is false.",
              "value": { "type": "boolean" }
            }
          ],
          "slots": [
            { "name": "postfix", "description": "The postfix of the input." },
            { "name": "prefix", "description": "The prefix of the input." },
            {
              "name": "addon-before",
              "description": "The addon before the input."
            },
            {
              "name": "addon-after",
              "description": "The addon after the input."
            },
            {
              "name": "feedback-icon",
              "description": "The custom icon of the feedback."
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-input",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-keydown",
              "description": "Fired when a key is pressed down."
            },
            {
              "name": "dds-blur",
              "description": "Fired when the input loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the input gains focus."
            }
          ],
          "js": {
            "properties": [],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-input",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-keydown",
                "description": "Fired when a key is pressed down."
              },
              {
                "name": "dds-blur",
                "description": "Fired when the input loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the input gains focus."
              }
            ]
          }
        },
        {
          "name": "dap-ds-link",
          "description": "A link is a reference to a web resource.\n---\n\n\n### **Slots:**\n - _default_ - The text of the link.\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the link. Default is `md`. Can be `lg`, `md`, `sm`, or `xs`.",
              "value": { "type": "LinkSize | undefined" }
            },
            {
              "name": "variant",
              "description": "The theme of the link. Default is `neutral`. Can be `neutral` or `brand` or `inverted`.",
              "value": { "type": "LinkVariant", "default": "'brand'" }
            },
            {
              "name": "target",
              "description": "The target of the link. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
              "value": { "type": "LinkTarget", "default": "'_self'" }
            },
            {
              "name": "href",
              "description": "The href of the link.",
              "value": { "type": "string", "default": "'#'" }
            },
            {
              "name": "rel",
              "description": "The rel of the link. Default is 'noreferrer noopener'.",
              "value": { "type": "string", "default": "'noreferrer noopener'" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the link. Default is false.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "bold",
              "description": "The bold state of the link. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "noUnderline",
              "description": "The no underline state of the link. Default is false.",
              "value": { "type": "boolean" }
            }
          ],
          "slots": [{ "name": "", "description": "The text of the link." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "size", "type": "LinkSize | undefined" },
              { "name": "variant", "type": "LinkVariant" },
              { "name": "target", "type": "LinkTarget" },
              { "name": "bold", "type": "boolean" },
              { "name": "noUnderline", "type": "boolean" },
              { "name": "href", "type": "string" },
              { "name": "disabled", "type": "boolean" },
              { "name": "rel", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-list-item",
          "description": "A list\n---\n\n\n### **Slots:**\n - _default_ - The content of the list item.\n- **icon** - The icon of the list item.\n- **title** - The title of the list item.\n\n### **CSS Parts:**\n - **base** - The main list item container.\n- **icon** - The icon of the list item.\n- **title** - The title of the list item.\n- **description** - The description of the list item.\n- **container** - The container of the list item.",
          "doc-url": "",
          "attributes": [
            {
              "name": "variant",
              "description": "The type of the list item.",
              "value": { "type": "ListItemVariant", "default": "'info'" }
            },
            {
              "name": "status",
              "description": "The status of the list item.",
              "value": { "type": "ListItemStatus", "default": "'neutral'" }
            },
            {
              "name": "alignment",
              "description": "The alignment of the list item.",
              "value": { "type": "Alignment", "default": "'horizontal'" }
            },
            {
              "name": "shade",
              "description": "The background strongness of the list item.",
              "value": { "type": "BackgroundShade", "default": "'base'" }
            },
            {
              "name": "title",
              "description": "The title of the list item.",
              "value": { "type": "string" }
            },
            {
              "name": "icon",
              "description": "The icon of the list item. This is an icon name from the built in icons.",
              "value": { "type": "string" }
            },
            {
              "name": "number",
              "description": "The number of the list item. Only used when variant is 'number'.",
              "value": { "type": "number" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the list item." },
            { "name": "icon", "description": "The icon of the list item." },
            { "name": "title", "description": "The title of the list item." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "variant", "type": "ListItemVariant" },
              { "name": "shade", "type": "BackgroundShade" },
              { "name": "status", "type": "ListItemStatus" },
              { "name": "alignment", "type": "Alignment" },
              { "name": "title", "type": "string" },
              { "name": "icon", "type": "string" },
              { "name": "number", "type": "number" },
              { "name": "getIcon" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-modal",
          "description": "A modal is a container for modal content.\n---\n\n\n### **Events:**\n - **dds-before-open** - Fires before the modal opens.\n- **dds-opened** - Fires after the modal opens.\n- **dds-before-close** - Fires before the modal closes.\n- **dds-closed** - Fires after the modal closed.\n- **dds-close** - Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`.\n\n### **Slots:**\n - _default_ - The content of the modal.\n- **title** - The title of the modal.\n- **description** - The description of the modal.\n- **footer** - The footer of the modal.\n\n### **CSS Parts:**\n - **base** - The main modal container.\n- **panel** - The panel of the modal.\n- **header** - The header of the modal.\n- **title** - The title of the modal.\n- **description** - The description of the modal.\n- **footer** - The footer of the modal.\n- **content** - The body of the modal.\n- **closebutton** - The close button of the modal.",
          "doc-url": "",
          "attributes": [
            {
              "name": "open",
              "description": "The open state of the modal.",
              "value": { "type": "boolean" }
            },
            {
              "name": "closeOnEsc",
              "description": "Whether the modal should close on pressing the escape key. Default is true.",
              "value": { "type": "boolean" }
            },
            {
              "name": "closeOnOverlayClick",
              "description": "Whether the modal should close on clicking the overlay. Default is true.",
              "value": { "type": "boolean" }
            },
            {
              "name": "noCloseButton",
              "description": "Whether the modal should have a close button. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "title",
              "description": "The title of the modal.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the modal.",
              "value": { "type": "string" }
            },
            {
              "name": "okButtonLabel",
              "description": "The label of the OK button.",
              "value": { "type": "string" }
            },
            {
              "name": "cancelButtonLabel",
              "description": "The label of the Cancel button.",
              "value": { "type": "string" }
            },
            {
              "name": "noFooter",
              "description": "Whether the modal should have a footer. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "noHeader",
              "description": "Whether the modal should have a header. Default is false.",
              "value": { "type": "boolean" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the modal." },
            { "name": "title", "description": "The title of the modal." },
            {
              "name": "description",
              "description": "The description of the modal."
            },
            { "name": "footer", "description": "The footer of the modal." }
          ],
          "events": [
            {
              "name": "dds-before-open",
              "description": "Fires before the modal opens."
            },
            {
              "name": "dds-opened",
              "description": "Fires after the modal opens."
            },
            {
              "name": "dds-before-close",
              "description": "Fires before the modal closes."
            },
            {
              "name": "dds-closed",
              "description": "Fires after the modal closed."
            },
            {
              "name": "dds-close",
              "description": "Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`."
            }
          ],
          "js": {
            "properties": [],
            "events": [
              {
                "name": "dds-before-open",
                "description": "Fires before the modal opens."
              },
              {
                "name": "dds-opened",
                "description": "Fires after the modal opens."
              },
              {
                "name": "dds-before-close",
                "description": "Fires before the modal closes."
              },
              {
                "name": "dds-closed",
                "description": "Fires after the modal closed."
              },
              {
                "name": "dds-close",
                "description": "Fires when the modal is closes. You can prevent the modal from closing by calling `event.preventDefault()`."
              }
            ]
          }
        },
        {
          "name": "dap-ds-number-input",
          "description": "A number input is a field for entering a number.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **postfix** - The postfix of the input.\n- **decrement** - The decrement button of the input.\n- **increment** - The increment button of the input.",
          "doc-url": "",
          "attributes": [
            {
              "name": "label",
              "description": "The label of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "status",
              "description": "The status of the input. Can be `success` or `error`.",
              "value": { "type": "'success' | 'error'" }
            },
            {
              "name": "size",
              "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "name",
              "description": "The name of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "The required state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "readonly",
              "description": "The readonly state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autofocus",
              "description": "The autofocus state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "min",
              "description": "The minimum value of the number input.",
              "value": { "type": "number" }
            },
            {
              "name": "max",
              "description": "The maximum value of the number input.",
              "value": { "type": "number" }
            },
            {
              "name": "step",
              "description": "The step value of the number input.",
              "value": { "type": "number" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the input. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "loading",
              "description": "The loading state of the input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optional",
              "description": "The optional state of the input.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "The optional label of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is `false`",
              "value": { "type": "boolean" }
            }
          ],
          "slots": [
            {
              "name": "feedback-icon",
              "description": "The custom icon of the feedback."
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-input",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-keydown",
              "description": "Fired when a key is pressed down."
            },
            {
              "name": "dds-blur",
              "description": "Fired when the input loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the input gains focus."
            }
          ],
          "js": {
            "properties": [{ "name": "type", "type": "string" }],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-input",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-keydown",
                "description": "Fired when a key is pressed down."
              },
              {
                "name": "dds-blur",
                "description": "Fired when the input loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the input gains focus."
              }
            ]
          }
        },
        {
          "name": "dap-ds-option-item",
          "description": "An option item is a selectable item in a list of options.\n---\n\n\n### **CSS Parts:**\n - **base** - The main option item container.\n- **prefix** - The prefix of the option item.\n- **label** - The label of the option item.\n- **suffix** - The suffix of the option item.",
          "doc-url": "",
          "attributes": [
            {
              "name": "selected",
              "description": "The selected state of the option item.",
              "value": { "type": "boolean | undefined" }
            },
            {
              "name": "value",
              "description": "The value of the option item.",
              "value": { "type": "any | undefined" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the option item.",
              "value": { "type": "boolean | undefined" }
            },
            {
              "name": "focused",
              "description": "The focused state of the option item.",
              "value": { "type": "boolean | undefined" }
            },
            {
              "name": "selectable",
              "value": { "type": "boolean | undefined" }
            },
            { "name": "label", "value": { "type": "string | undefined" } }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "selected", "type": "boolean | undefined" },
              { "name": "selectable", "type": "boolean | undefined" },
              { "name": "value", "type": "any | undefined" },
              { "name": "disabled", "type": "boolean | undefined" },
              { "name": "focused", "type": "boolean | undefined" },
              { "name": "label", "type": "string | undefined" },
              { "name": "optionText", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-option-list",
          "description": "An option list is a list of selectable options.\n---\n\n\n### **Events:**\n - **dds-cancel** - Fired when the escape key is pressed.\n- **dds-option-change** - Fired when the option list value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n\n### **CSS Parts:**\n - **base** - The main option list container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "filterText",
              "description": "The filter text of the option list.",
              "value": { "type": "string", "default": "''" }
            },
            {
              "name": "value",
              "description": "The value of the option list.",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focused",
              "description": "The focused state of the option list.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "search-mode",
              "description": "The search mode of the option list. Default is `none`. Can be `none`, `typehead`, or `search`.",
              "value": { "type": "'none' | 'typehead' | 'search'" }
            },
            {
              "name": "options",
              "description": "The options of the option list.",
              "value": { "type": "any[] | undefined" }
            },
            {
              "name": "search",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "searchMode",
              "value": {
                "type": "'none' | 'typehead' | 'autocomplete' | 'manual'",
                "default": "'none'"
              }
            },
            {
              "name": "searchOnValueSet",
              "value": { "type": "string", "default": "'true'" }
            },
            {
              "name": "selectable",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "events": [
            {
              "name": "dds-cancel",
              "description": "Fired when the escape key is pressed."
            },
            {
              "name": "dds-option-change",
              "description": "Fired when the option list value changes."
            },
            {
              "name": "dds-keydown",
              "description": "Fired when a key is pressed down."
            }
          ],
          "js": {
            "properties": [
              { "name": "filterText", "type": "string" },
              { "name": "value", "type": "string | undefined" },
              { "name": "focused", "type": "boolean" },
              { "name": "search", "type": "boolean" },
              {
                "name": "searchMode",
                "type": "'none' | 'typehead' | 'autocomplete' | 'manual'"
              },
              { "name": "searchOnValueSet", "type": "string" },
              { "name": "selectable", "type": "boolean" },
              { "name": "options", "type": "any[] | undefined" },
              { "name": "queryTimeout", "type": "number | undefined" },
              { "name": "queryString", "type": "string" },
              { "name": "selectedIndex", "type": "number" },
              { "name": "isAutoComplete" },
              { "name": "handleOptionClick" },
              { "name": "getSearchString" },
              { "name": "buildQueryString" }
            ],
            "events": [
              {
                "name": "dds-cancel",
                "description": "Fired when the escape key is pressed."
              },
              {
                "name": "dds-option-change",
                "description": "Fired when the option list value changes."
              },
              {
                "name": "dds-keydown",
                "description": "Fired when a key is pressed down."
              }
            ]
          }
        },
        {
          "name": "dap-ds-overlay",
          "description": "An overlay is a container for overlay content.\n---\n",
          "doc-url": "",
          "attributes": [
            {
              "name": "open",
              "description": "The open state of the overlay.",
              "value": { "type": "boolean | undefined" }
            }
          ],
          "events": [],
          "js": {
            "properties": [{ "name": "open", "type": "boolean | undefined" }],
            "events": []
          }
        },
        {
          "name": "dap-ds-password-input",
          "description": "A password input a field for entering a password.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **CSS Parts:**\n - **postfix** - The postfix of the password input.\n- **password-input** - The password input.\n- **password-input--visible** - The visible password input.",
          "doc-url": "",
          "attributes": [
            {
              "name": "label",
              "description": "The label of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "status",
              "description": "The status of the password input. Can be `success` or `error`.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the password input. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "name",
              "description": "The name of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the password input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "The required state of the password input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "readonly",
              "description": "The readonly state of the password input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autofocus",
              "description": "The autofocus state of the password input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the password input. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "loading",
              "description": "The loading state of the password input. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optional",
              "description": "The optional state of the password input.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "The optional label of the password input.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is `false`",
              "value": { "type": "boolean" }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-input",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-keydown",
              "description": "Fired when a key is pressed down."
            },
            {
              "name": "dds-blur",
              "description": "Fired when the input loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the input gains focus."
            }
          ],
          "js": {
            "properties": [
              { "name": "passwordVisibile", "type": "boolean" },
              { "name": "type", "type": "string" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-input",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-keydown",
                "description": "Fired when a key is pressed down."
              },
              {
                "name": "dds-blur",
                "description": "Fired when the input loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the input gains focus."
              }
            ]
          }
        },
        {
          "name": "dap-ds-popup",
          "description": "A popup is a container for popup content.\n---\n\n\n### **Slots:**\n - **trigger** - The trigger of the popup.\n- _default_ - The content of the popup.\n\n### **CSS Parts:**\n - **popup** - The main popup container.\n- **arrow** - The arrow of the popup.",
          "doc-url": "",
          "attributes": [
            {
              "name": "disabled",
              "description": "The disabled state of the popup.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "opened",
              "description": "The open state of the popup.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "placement",
              "description": "The placement of the popup. Can be 'top', 'right', 'bottom', or 'left'. Default is 'bottom'.",
              "value": { "type": "PopupPlacement", "default": "'bottom'" }
            },
            {
              "name": "floatingStrategy",
              "description": "The floating strategy of the popup. Default is `absolute`. Can be `absolute` or `fixed`.",
              "value": {
                "type": "'absolute' | 'fixed'",
                "default": "'absolute'"
              }
            },
            {
              "name": "offset",
              "description": "The offset of the popup.",
              "value": { "type": "number", "default": "0" }
            },
            {
              "name": "sync",
              "description": "The sync state of the popup.",
              "value": { "type": "boolean | undefined" }
            },
            {
              "name": "hasArrow",
              "description": "The arrow state of the popup.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "maxHeight",
              "value": { "type": "number", "default": "250" }
            }
          ],
          "slots": [
            { "name": "trigger", "description": "The trigger of the popup." },
            { "name": "", "description": "The content of the popup." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "popup", "type": "HTMLDivElement" },
              { "name": "disabled", "type": "boolean" },
              { "name": "opened", "type": "boolean" },
              { "name": "placement", "type": "PopupPlacement" },
              { "name": "floatingStrategy", "type": "'absolute' | 'fixed'" },
              { "name": "offset", "type": "number" },
              { "name": "sync", "type": "boolean | undefined" },
              { "name": "maxHeight", "type": "number" },
              { "name": "hasArrow", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-radio-button",
          "description": "A radio button is a graphical control element that allows the user to choose only one of a predefined set of mutually exclusive options.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the radio button is checked.\n- **dds-blur** - Emitted when the radio button loses focus.\n- **dds-focus** - Emitted when the radio button gains focus.\n- **dds-input** - Emitted when the radio button receives input.\n\n### **CSS Parts:**\n - **base** - The main radio button container.\n- **baselabel** - The main label container\n- **label** - The label of the radio button.\n- **input** - The native input of the radio button.\n- **control** - The control of the radio button.\n- **description** - The description of the radio button.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the radio button. Default is `md`. Can be `sm`, `md`, or `lg`.",
              "value": { "type": "'sm' | 'md' | 'lg'" }
            },
            {
              "name": "name",
              "description": "The name of the radio button.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the radio button.",
              "value": { "type": "string" }
            },
            {
              "name": "checked",
              "description": "The checked state of the radio button.",
              "value": { "type": "boolean" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the radio button.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "The required state of the radio button.",
              "value": { "type": "boolean" }
            },
            {
              "name": "label",
              "description": "The label of the radio button.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the radio button.",
              "value": { "type": "string" }
            },
            {
              "name": "labelPlacement",
              "description": "The placement of the label. Can be `left` or `right`. Default is `right`.",
              "value": { "type": "'left' | 'right'" }
            },
            {
              "name": "descriptionPlacement",
              "description": "The placement of the description. Can be `top` or `bottom`. Default is `bottom`.",
              "value": { "type": "'top' | 'bottom'" }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the radio button is checked."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the radio button loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the radio button gains focus."
            },
            {
              "name": "dds-input",
              "description": "Emitted when the radio button receives input."
            }
          ],
          "js": {
            "properties": [
              { "name": "input", "type": "HTMLInputElement" },
              { "name": "focusElement" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the radio button is checked."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the radio button loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the radio button gains focus."
              },
              {
                "name": "dds-input",
                "description": "Emitted when the radio button receives input."
              }
            ]
          }
        },
        {
          "name": "dap-ds-search",
          "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the search value changes.\n- **dds-blur** - Emitted when the search loses focus.\n- **dds-focus** - Emitted when the search gains focus.\n- **dds-clear** - Emitted when the search is cleared.\n- **dds-search** - Emitted when the search input value changes.\n- **dds-input** - Emitted when typing happens in the search input.\n\n### **CSS Parts:**\n - **base** - The main search container.\n- **trigger** - The trigger button of the search.\n- **label** - The label of the search.\n- **description** - The description of the search.\n- **feedback** - The feedback of the search.\n- **tooltip** - The tooltip of the search.\n- **option-list** - The option list of the search.",
          "doc-url": "",
          "attributes": [
            {
              "name": "value",
              "description": "The value of the search.",
              "value": { "type": "string" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the search.",
              "value": { "type": "string" }
            },
            {
              "name": "placement",
              "description": "The placement of the select dropdown. Default is 'bottom-start'.",
              "value": {
                "type": "'top' | 'top-start' | 'top-end' | 'right' | 'right-start'| 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end'"
              }
            },
            {
              "name": "opened",
              "description": "Whether the search dropdown is opened.",
              "value": { "type": "boolean" }
            },
            {
              "name": "sync",
              "description": "The sync mode of the search dropdown. How the dropdown item size is synced to the trigger element'.",
              "value": { "type": "'width' | 'height' | 'both'" }
            },
            {
              "name": "label",
              "description": "The label of the search.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the search.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the search.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the search. Default is 'md'.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "disabled",
              "description": "Whether the search is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "Whether the search is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "readonly",
              "description": "Whether the search is readonly.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autofocus",
              "description": "Whether the search is autofocus.",
              "value": { "type": "boolean" }
            },
            {
              "name": "clearable",
              "description": "Whether the search is clearable.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autocomplete",
              "description": "Whether the search is autcomplete.",
              "value": { "type": "boolean" }
            },
            {
              "name": "feedback",
              "description": "The feedback content of the search.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the search.",
              "value": { "type": "'error' | 'warning' | 'info'" }
            },
            {
              "name": "allowManualInput",
              "description": "Whether the search allows manual input, or free text.",
              "value": { "type": "boolean" }
            },
            {
              "name": "searchForText",
              "description": "Whether the search should search for the selected item text.",
              "value": { "type": "boolean" }
            },
            {
              "name": "noTextComplete",
              "description": "Whether the search should not complete the text.",
              "value": { "type": "boolean" }
            },
            {
              "name": "searchMode",
              "description": "The search mode of the select.",
              "value": {
                "type": "'none' | 'typehead' | 'autocomplete' | 'manual'"
              }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the search value changes."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the search loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the search gains focus."
            },
            {
              "name": "dds-clear",
              "description": "Emitted when the search is cleared."
            },
            {
              "name": "dds-search",
              "description": "Emitted when the search input value changes."
            },
            {
              "name": "dds-input",
              "description": "Emitted when typing happens in the search input."
            }
          ],
          "js": {
            "properties": [
              { "name": "selectable", "type": "string" },
              { "name": "search", "type": "boolean" },
              { "name": "noAnimation", "type": "boolean" },
              { "name": "searchOnValueSet", "type": "string" },
              { "name": "searchMode", "type": "string" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the search value changes."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the search loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the search gains focus."
              },
              {
                "name": "dds-clear",
                "description": "Emitted when the search is cleared."
              },
              {
                "name": "dds-search",
                "description": "Emitted when the search input value changes."
              },
              {
                "name": "dds-input",
                "description": "Emitted when typing happens in the search input."
              }
            ]
          }
        },
        {
          "name": "dap-ds-select",
          "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the select value changes.\n- **dds-blur** - Emitted when the select loses focus.\n- **dds-focus** - Emitted when the select gains focus.\n\n### **CSS Parts:**\n - **base** - The main select container.\n- **trigger** - The trigger button of the select.\n- **label** - The label of the select.\n- **description** - The description of the select.\n- **feedback** - The feedback of the select.\n- **tooltip** - The tooltip of the select.\n- **option-list** - The option list of the select.",
          "doc-url": "",
          "attributes": [
            {
              "name": "value",
              "description": "The value of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the select.",
              "value": { "type": "string | null" }
            },
            {
              "name": "placement",
              "description": "The placement of the select dropdown. Default is 'bottom-start'. Can be 'top', 'top-start', 'top-end', 'right', 'right-start', 'right-end', 'bottom', 'bottom-start', 'bottom-end', 'left', 'left-start', 'left-end'.",
              "value": { "type": "PopupPlacement", "default": "'bottom-start'" }
            },
            {
              "name": "opened",
              "description": "Whether the select dropdown is opened.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "sync",
              "description": "The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element. Default is `both`. Can be `width`, `height`, or `both`.",
              "value": { "type": "boolean | undefined" }
            },
            {
              "name": "label",
              "description": "The label of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the select. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "disabled",
              "description": "Whether the select is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "Whether the select is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "readonly",
              "description": "Whether the select is readonly.",
              "value": { "type": "boolean" }
            },
            {
              "name": "autofocus",
              "description": "Whether the select is autofocus.",
              "value": { "type": "boolean" }
            },
            {
              "name": "loading",
              "description": "Whether the select is loading.",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "maxHeight",
              "description": "The max height of the floating dropdown.",
              "value": { "type": "number | undefined" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the select. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "isMobile",
              "description": "Whether the select is in mobile mode.",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "status",
              "description": "The status of the select. Can be `success` or `error`.",
              "value": { "type": "string" }
            },
            {
              "name": "optional",
              "description": "The optional state of the select.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "The optional label of the select.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is `false`",
              "value": { "type": "boolean" }
            },
            {
              "name": "noAnimation",
              "description": "The animation state of the select. Default is `false`",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the select value changes."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the select loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the select gains focus."
            }
          ],
          "js": {
            "properties": [
              { "name": "triggerButton", "type": "HTMLButtonElement" },
              { "name": "optionList", "type": "DapDSOptionList" },
              { "name": "placement", "type": "PopupPlacement" },
              { "name": "opened", "type": "boolean" },
              { "name": "placeholder", "type": "string | null" },
              { "name": "sync", "type": "boolean | undefined" },
              { "name": "isMobile", "type": "boolean | undefined" },
              { "name": "loading", "type": "boolean | undefined" },
              { "name": "maxHeight", "type": "number | undefined" },
              { "name": "noAnimation", "type": "boolean | undefined" },
              { "name": "selectedItem", "type": "any" },
              { "name": "handleClick" },
              { "name": "handleKeyDown" },
              { "name": "handleListKeyDown" },
              { "name": "handleDocumentMouseDown" },
              { "name": "handleFocus" },
              { "name": "handleBlur" },
              { "name": "focusElement" },
              { "name": "validity", "type": "ValidityState" },
              { "name": "validationMessage", "type": "string" },
              { "name": "handleSelectedChange" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the select value changes."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the select loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the select gains focus."
              }
            ]
          }
        },
        {
          "name": "dap-ds-skip-link",
          "description": "A skip link is a link that allows keyboard users to skip to the main content of a page.\n---\n\n\n### **Slots:**\n - _default_ - The content of the skip link.\n\n### **CSS Parts:**\n - **base** - The main skip link container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "href",
              "description": "The URL of the skip link.",
              "value": { "type": "string", "default": "'#'" }
            },
            {
              "name": "size",
              "description": "The size of the skip link. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "CommonSize", "default": "'sm'" }
            },
            {
              "name": "noUnderLine",
              "description": "Whether the skip link should have an underline.",
              "value": { "type": "boolean" }
            },
            {
              "name": "placement",
              "description": "The placement of the skip link. Default is `left`. Can be `left` or `center`.",
              "value": { "type": "Placement" }
            },
            {
              "name": "noUnderline",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the skip link." }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "placement", "type": "Placement" },
              { "name": "href", "type": "string" },
              { "name": "size", "type": "CommonSize" },
              { "name": "noUnderline", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-spinner",
          "description": "Loading spinner component.\n---\n\n\n### **CSS Parts:**\n - **base** - The main spinner container.\n- **icon** - The loading icon element.\n- **text** - The loading text element.",
          "doc-url": "",
          "attributes": [
            {
              "name": "text",
              "description": "The loading text. Optional, default is empty.",
              "value": { "type": "string" }
            },
            {
              "name": "size",
              "description": "The size of the spinner. It is based on the icon sizes. Default is `lg`.",
              "value": { "type": "IconSize", "default": "'lg'" }
            },
            {
              "name": "staticSize",
              "description": "The size of the spinner in pixels. This overrides the size attribute.",
              "value": { "type": "number | undefined" }
            },
            {
              "name": "variant",
              "description": "The variant of the spinner. Default is `neutral`. Can be `neutral`, `brand`, `negative`, `positive`, or `inverted`.",
              "value": { "type": "SpinnerVariant", "default": "'neutral'" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "variant", "type": "SpinnerVariant" },
              { "name": "size", "type": "IconSize" },
              { "name": "staticSize", "type": "number | undefined" },
              { "name": "text", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-stack",
          "description": "A stack is a container for stacked content.\n---\n\n\n### **Slots:**\n - _default_ - The content of the stack.\n\n### **CSS Parts:**\n - **stack** - The main stack container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "direction",
              "description": "The direction of the stack. Default is `column`. Can be `column`, `column-reverse`, `row`, or `row-reverse`.",
              "value": { "type": "CSSFlexDirection", "default": "'column'" }
            },
            {
              "name": "spacing",
              "description": "The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc)",
              "value": { "type": "Spacing" }
            },
            {
              "name": "endMargin",
              "description": "Adds margin to the end of the stack.",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "startMargin",
              "description": "Adds margin to the start of the stack.",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "slots": [{ "name": "", "description": "The content of the stack." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "direction", "type": "CSSFlexDirection" },
              { "name": "endMargin", "type": "boolean | undefined" },
              { "name": "startMargin", "type": "boolean | undefined" },
              { "name": "spacing" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-switch",
          "description": "A switch is a graphical control element that allows the user to toggle between two states.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-blur** - Emitted when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n- **dds-input** - Emitted when the input receives input.\n\n### **CSS Parts:**\n - **base** - The main switch container.\n- **baselabel** - The main label container\n- **label** - The label of the switch.\n- **input** - The native input of the switch.\n- **control** - The control of the switch.\n- **description** - The description of the switch.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the switch. Default is `md`. Can be `sm`, `md`, or `lg`.",
              "value": { "type": "'sm' | 'md' | 'lg'" }
            },
            {
              "name": "name",
              "description": "The name of the switch.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the switch.",
              "value": { "type": "string" }
            },
            {
              "name": "checked",
              "description": "The checked state of the switch.",
              "value": { "type": "boolean" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the switch.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "The required state of the switch.",
              "value": { "type": "boolean" }
            },
            {
              "name": "label",
              "description": "The label of the switch.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the switch.",
              "value": { "type": "string" }
            },
            {
              "name": "labelPlacement",
              "description": "The placement of the label. Can be `left` or `right`. Default is `right`.",
              "value": { "type": "'left' | 'right'" }
            },
            {
              "name": "descriptionPlacement",
              "description": "The placement of the description. Can be `top` or `bottom`. Default is `bottom`.",
              "value": { "type": "'top' | 'bottom'" }
            },
            {
              "name": "ariaLabelCheckbox",
              "description": "The aria label of the checkbox.",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is `false`",
              "value": { "type": "boolean" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the switch.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the switch. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "optional",
              "description": "The optional state of the switch.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "The optional label of the switch.",
              "value": { "type": "string" }
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the input value changes."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the input loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the input gains focus."
            },
            {
              "name": "dds-input",
              "description": "Emitted when the input receives input."
            }
          ],
          "js": {
            "properties": [
              { "name": "input", "type": "HTMLInputElement" },
              { "name": "ariaLabelCheckbox", "type": "string | undefined" },
              { "name": "focusElement" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the input value changes."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the input loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the input gains focus."
              },
              {
                "name": "dds-input",
                "description": "Emitted when the input receives input."
              }
            ]
          }
        },
        {
          "name": "dap-ds-table-cell",
          "description": "Table cell component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The main cell container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "last",
              "description": "If the cell is the last one.",
              "value": { "type": "boolean" }
            },
            {
              "name": "role",
              "value": { "type": "string", "default": "'gridcell'" }
            }
          ],
          "slots": [{ "name": "", "description": "The default slot." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "last", "type": "boolean" },
              { "name": "role", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-table-header",
          "description": "Table header cell component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Parts:**\n - **base** - The main header cell container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "last",
              "description": "If the header cell is the last one.",
              "value": { "type": "boolean" }
            },
            {
              "name": "role",
              "value": { "type": "string", "default": "'columnheader'" }
            }
          ],
          "slots": [{ "name": "", "description": "The default slot." }],
          "events": [],
          "js": {
            "properties": [
              { "name": "last", "type": "boolean" },
              { "name": "role", "type": "string" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-table-row",
          "description": "Table row component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.",
          "doc-url": "",
          "attributes": [
            {
              "name": "mobile",
              "description": "If the row is mobile design.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "role",
              "value": { "type": "string", "default": "'row'" }
            }
          ],
          "slots": [
            {
              "name": "",
              "description": "The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "role", "type": "string" },
              { "name": "mobile", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-table",
          "description": "Data table component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-row` elements.",
          "doc-url": "",
          "attributes": [
            {
              "name": "mobile",
              "description": "If the table is mobile design.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "role",
              "value": { "type": "string", "default": "'grid'" }
            }
          ],
          "slots": [
            {
              "name": "",
              "description": "The default slot. Accepts `dap-ds-table-row` elements."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "rows", "type": "Array<HTMLElement>" },
              { "name": "role", "type": "string" },
              { "name": "mobile", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-tab-group",
          "description": "A tab group component. It is used with dap-ds-tab component to create a tab group.\n---\n\n\n### **Events:**\n - **dds-tab-select** - Fired when select a new tab.\n\n### **Slots:**\n - _default_ - The tab items.\n\n### **CSS Parts:**\n - **base** - The main container.\n- **tab-nav** - The tab navigation container.\n- **tab-content** - The tab content container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "Defines the size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "CommonSize", "default": "'sm'" }
            },
            {
              "name": "selectedTabId",
              "description": "The selected tab id.",
              "value": { "type": "string" }
            },
            {
              "name": "keepcontent",
              "description": "If true, the content of the tab will not be removed when the tab is not selected.",
              "value": { "type": "boolean", "default": "true" }
            },
            {
              "name": "mobile",
              "description": "If true, the tab group will be displayed in mobile mode.",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [{ "name": "", "description": "The tab items." }],
          "events": [
            {
              "name": "dds-tab-select",
              "description": "Fired when select a new tab."
            }
          ],
          "js": {
            "properties": [
              { "name": "selectedTabId", "type": "string" },
              { "name": "size", "type": "CommonSize" },
              { "name": "keepContent", "type": "boolean" },
              { "name": "mobile", "type": "boolean" },
              { "name": "tabNavElements", "type": "HTMLElement[]" }
            ],
            "events": [
              {
                "name": "dds-tab-select",
                "description": "Fired when select a new tab."
              }
            ]
          }
        },
        {
          "name": "dap-ds-tab",
          "description": "A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.\n---\n\n\n### **Slots:**\n - _default_ - The tab title template.\n- **content** - The tab content. When KeepContent attribute is not set on dap-ds-tab-group component, then the content must be put inside the html template element with slot=\"content\".\n\n### **CSS Parts:**\n - **base** - The main tab content container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "tabId",
              "description": "The tab id.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the tab.",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            { "name": "", "description": "The tab title template." },
            {
              "name": "content",
              "description": "The tab content. When KeepContent attribute is not set on dap-ds-tab-group component, then the content must be put inside the html template element with slot=\"content\"."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "tabId", "type": "string" },
              { "name": "disabled", "type": "boolean" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-textarea",
          "description": "A textarea is a multi-line text input field.\n---\n\n\n### **Events:**\n - **dds-count-change** - Fires when the count of the textarea changes.\n- **dds-change** - Fired when the textarea value changes.\n- **dds-input** - Fired when the textarea value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the textarea loses focus.\n- **dds-focus** - Emitted when the textarea gains focus.\n- **dds-select** - Emitted when select text in textarea.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main textarea container.\n- **input** - The native input of the textarea.\n- **counter** - The counter of the textarea.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "The size of the textarea. Default is `md`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "disabled",
              "description": "The disabled state of the textarea.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "maxlength",
              "description": "The maximum length of the textarea.",
              "value": { "type": "number | undefined" }
            },
            {
              "name": "minlength",
              "description": "The minimum length of the textarea.",
              "value": { "type": "number | undefined" }
            },
            {
              "name": "hideCounter",
              "description": "Hide character counter.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "rows",
              "description": "The number of rows in the textarea.",
              "value": { "type": "number | undefined", "default": "6" }
            },
            {
              "name": "cols",
              "description": "The number of columns in the textarea.",
              "value": { "type": "number | undefined" }
            },
            {
              "name": "value",
              "description": "The value of the textarea.",
              "value": { "type": "string" }
            },
            {
              "name": "placeholder",
              "description": "The placeholder of the textarea.",
              "value": { "type": "string", "default": "''" }
            },
            {
              "name": "status",
              "description": "The status of the textarea. Can be `success` or `error`.",
              "value": { "type": "InputStatus" }
            },
            {
              "name": "readonly",
              "description": "The readonly state of the textarea.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "The required state of the textarea.",
              "value": { "type": "boolean" }
            },
            {
              "name": "label",
              "description": "The label of the textarea.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the textarea.",
              "value": { "type": "string" }
            },
            {
              "name": "wrap",
              "description": "Indicates how the control should wrap the value for form submission. Can be `hard` or `soft`.",
              "value": { "type": "'hard' | 'soft'" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the textarea.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the textarea. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "optional",
              "description": "The optional state of the textarea.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "The optional label of the textarea.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "The weight of the label. Default is `false`",
              "value": { "type": "boolean" }
            }
          ],
          "slots": [
            {
              "name": "feedback-icon",
              "description": "The custom icon of the feedback."
            }
          ],
          "events": [
            {
              "name": "dds-count-change",
              "description": "Fires when the count of the textarea changes."
            },
            {
              "name": "dds-change",
              "description": "Fired when the textarea value changes."
            },
            {
              "name": "dds-input",
              "description": "Fired when the textarea value changes."
            },
            {
              "name": "dds-keydown",
              "description": "Fired when a key is pressed down."
            },
            {
              "name": "dds-blur",
              "description": "Fired when the textarea loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the textarea gains focus."
            },
            {
              "name": "dds-select",
              "description": "Emitted when select text in textarea."
            }
          ],
          "js": {
            "properties": [
              { "name": "input", "type": "HTMLTextAreaElement" },
              { "name": "disabled", "type": "boolean" },
              { "name": "hideCounter", "type": "boolean" },
              { "name": "minlength", "type": "number | undefined" },
              { "name": "maxlength", "type": "number | undefined" },
              { "name": "rows", "type": "number | undefined" },
              { "name": "cols", "type": "number | undefined" },
              { "name": "placeholder", "type": "string" },
              { "name": "wrap", "type": "'hard' | 'soft'" },
              { "name": "count", "type": "number" },
              { "name": "focusElement" }
            ],
            "events": [
              {
                "name": "dds-count-change",
                "description": "Fires when the count of the textarea changes."
              },
              {
                "name": "dds-change",
                "description": "Fired when the textarea value changes."
              },
              {
                "name": "dds-input",
                "description": "Fired when the textarea value changes."
              },
              {
                "name": "dds-keydown",
                "description": "Fired when a key is pressed down."
              },
              {
                "name": "dds-blur",
                "description": "Fired when the textarea loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the textarea gains focus."
              },
              {
                "name": "dds-select",
                "description": "Emitted when select text in textarea."
              }
            ]
          }
        },
        {
          "name": "dap-ds-toc",
          "description": "A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.\n---\n\n\n### **Events:**\n - **dds-anchor-change** - Event that is triggered when the anchor changes.\n\n### **CSS Parts:**\n - **base** - The main container of the toc.",
          "doc-url": "",
          "attributes": [
            {
              "name": "root",
              "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
              "value": { "type": "string", "default": "''" }
            },
            {
              "name": "rootMargin",
              "description": "The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
              "value": { "type": "string", "default": "'0px 0px -50% 0px'" }
            },
            {
              "name": "threshold",
              "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
              "value": { "type": "number", "default": "1" }
            },
            {
              "name": "minHeadingLevel",
              "description": "The minimum heading level to include in the TOC. The default value is `2`.",
              "value": { "type": "number", "default": "2" }
            },
            {
              "name": "maxHeadingLevel",
              "description": "The maximum heading level to include in the TOC. The default value is `3`.",
              "value": { "type": "number", "default": "3" }
            },
            {
              "name": "noIndent",
              "description": "Whether to indent the TOC items.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "header",
              "description": "The header of the TOC.",
              "value": { "type": "string" }
            }
          ],
          "events": [
            {
              "name": "dds-anchor-change",
              "description": "Event that is triggered when the anchor changes."
            }
          ],
          "js": {
            "properties": [
              { "name": "root", "type": "string" },
              { "name": "rootMargin", "type": "string" },
              { "name": "threshold", "type": "number" },
              { "name": "minHeadingLevel", "type": "number" },
              { "name": "maxHeadingLevel", "type": "number" },
              { "name": "noIndent", "type": "boolean" },
              { "name": "header", "type": "string" },
              { "name": "activeAnchor" },
              { "name": "anchors" },
              { "name": "items" },
              { "name": "getHeaders" },
              { "name": "_handleIntersect" }
            ],
            "events": [
              {
                "name": "dds-anchor-change",
                "description": "Event that is triggered when the anchor changes."
              }
            ]
          }
        },
        {
          "name": "dap-ds-tooltip",
          "description": "A tooltip is a container for tooltip content.\n---\n\n\n### **Slots:**\n - _default_ - The content of the tooltip.\n- **trigger** - The trigger element of the tooltip.\n\n### **CSS Properties:**\n - **--max-width** - The maximum width of the tooltip before its content will wrap. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main tooltip container.\n- **trigger** - The trigger element of the tooltip.\n- **popup** - The popup of the tooltip.\n- **arrow** - The arrow of the tooltip.",
          "doc-url": "",
          "attributes": [
            {
              "name": "content",
              "description": "The content of the tooltip, supporting text only.",
              "value": { "type": "string" }
            },
            {
              "name": "placement",
              "description": "The position of the tooltip around the trigger element. Default is `bottom`. Can be `top`, `right`, `bottom`, or `left`.",
              "value": { "type": "PopupPlacement", "default": "'bottom'" }
            },
            {
              "name": "disabled",
              "description": "Disables the tooltip.",
              "value": { "type": "boolean" }
            },
            {
              "name": "opened",
              "description": "Sets the tooltip to opened by default (will still be closed on closing events).",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "mode",
              "description": "Sets the tooltip to toggle mode. Default is `tooltip`. Can be `tooltip` or `toggle`.",
              "value": {
                "type": "TooltipMode | undefined",
                "default": "'tooltip'"
              }
            },
            {
              "name": "trigger",
              "description": "Sets custom trigger event (hover, focus, click). Default is `hover focus`.",
              "value": { "type": "string" }
            },
            {
              "name": "noArrow",
              "description": "Hides the arrow of the tooltip.",
              "value": { "type": "boolean", "default": "false" }
            },
            {
              "name": "floatingStrategy",
              "description": "The floating strategy of the tooltip. Default is `absolute`. Can be `absolute` or `fixed`.",
              "value": {
                "type": "'absolute' | 'fixed'",
                "default": "'absolute'"
              }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the tooltip." },
            {
              "name": "trigger",
              "description": "The trigger element of the tooltip."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "content", "type": "string" },
              { "name": "placement", "type": "PopupPlacement" },
              { "name": "opened", "type": "boolean" },
              { "name": "mode", "type": "TooltipMode | undefined" },
              { "name": "noArrow", "type": "boolean" },
              { "name": "floatingStrategy", "type": "'absolute' | 'fixed'" },
              { "name": "trigger" },
              { "name": "mouseOverTooltip", "type": "boolean" },
              { "name": "handleBlur" },
              { "name": "handleClick" },
              { "name": "handleFocus" },
              { "name": "handleKeyDown" },
              { "name": "handleMouseOver" },
              { "name": "handleMouseOut" },
              { "name": "handleTooltipMouseOver" },
              { "name": "handleTooltipBlur" },
              { "name": "hasTrigger" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-tray",
          "description": "A tray is a container for slide in content.\n---\n\n\n### **Events:**\n - **dds-before-open** - Fires before the tray opens.\n- **dds-opened** - Fires after the tray opens.\n- **dds-before-close** - Fires before the tray closes.\n- **dds-closed** - Fires after the tray closed.\n- **dds-close** - Fires when the tray is closes. You can prevent the tray from closing by calling `event.preventDefault()`.\n\n### **Slots:**\n - _default_ - The content of the tray.\n- **header** - The header of the tray.\n- **footer** - The footer of the tray.\n\n### **CSS Parts:**\n - **base** - The main tray container.\n- **panel** - The panel of the tray.\n- **header** - The header of the tray.\n- **footer** - The footer of the tray.\n- **body** - The body of the tray.",
          "doc-url": "",
          "attributes": [
            {
              "name": "open",
              "description": "The open state of the tray.",
              "value": { "type": "boolean" }
            },
            {
              "name": "closeOnEsc",
              "description": "Whether the tray should close on pressing the escape key. Default is true.",
              "value": { "type": "boolean" }
            },
            {
              "name": "closeOnOverlayClick",
              "description": "Whether the tray should close on clicking the overlay. Default is true.",
              "value": { "type": "boolean" }
            },
            {
              "name": "noCloseButton",
              "description": "Whether the tray should have a close button. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "title",
              "description": "The title of the tray.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the tray.",
              "value": { "type": "string" }
            },
            {
              "name": "okButtonLabel",
              "description": "The label of the OK button.",
              "value": { "type": "string" }
            },
            {
              "name": "cancelButtonLabel",
              "description": "The label of the Cancel button.",
              "value": { "type": "string" }
            },
            {
              "name": "noFooter",
              "description": "Whether the tray should have a footer. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "noHeader",
              "description": "Whether the tray should have a header. Default is false.",
              "value": { "type": "boolean" }
            },
            {
              "name": "placement",
              "description": "The placement of the tray. Default is `bottom`. Can be `left`, `right`, `top`, or `bottom`.",
              "value": {
                "type": "'left' | 'right' | 'top' | 'bottom'",
                "default": "'bottom'"
              }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the tray." },
            { "name": "header", "description": "The header of the tray." },
            { "name": "footer", "description": "The footer of the tray." }
          ],
          "events": [
            {
              "name": "dds-before-open",
              "description": "Fires before the tray opens."
            },
            {
              "name": "dds-opened",
              "description": "Fires after the tray opens."
            },
            {
              "name": "dds-before-close",
              "description": "Fires before the tray closes."
            },
            {
              "name": "dds-closed",
              "description": "Fires after the tray closed."
            },
            {
              "name": "dds-close",
              "description": "Fires when the tray is closes. You can prevent the tray from closing by calling `event.preventDefault()`."
            }
          ],
          "js": {
            "properties": [
              {
                "name": "placement",
                "type": "'left' | 'right' | 'top' | 'bottom'"
              },
              { "name": "noFooter", "type": "boolean" },
              { "name": "noHeader", "type": "boolean" }
            ],
            "events": [
              {
                "name": "dds-before-open",
                "description": "Fires before the tray opens."
              },
              {
                "name": "dds-opened",
                "description": "Fires after the tray opens."
              },
              {
                "name": "dds-before-close",
                "description": "Fires before the tray closes."
              },
              {
                "name": "dds-closed",
                "description": "Fires after the tray closed."
              },
              {
                "name": "dds-close",
                "description": "Fires when the tray is closes. You can prevent the tray from closing by calling `event.preventDefault()`."
              }
            ]
          }
        },
        {
          "name": "dap-ds-typography",
          "description": "Typography is used to display text in different styles.\n---\n\n\n### **Slots:**\n - **default** - The content of the typography.\n\n### **CSS Parts:**\n - **base** - The main typography container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "variant",
              "description": "The variant of the typography. Can be `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `body`, `caption`, or `description`.",
              "value": { "type": "TypographyVariant" }
            },
            {
              "name": "size",
              "description": "The size of the typography. Can be `sm`, `md`, or `lg`.",
              "value": { "type": "TypographySize | undefined" }
            },
            {
              "name": "bodyAs",
              "description": "The element of the body typography. Default is `p`.",
              "value": { "type": "string | undefined", "default": "'p'" }
            },
            {
              "name": "elementId",
              "description": "The id of the typography.",
              "value": { "type": "string" }
            },
            {
              "name": "customClass",
              "description": "The custom class of the typography.",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "anchor",
              "description": "Whether the typography is an anchor for the TOC component.",
              "value": { "type": "boolean", "default": "false" }
            }
          ],
          "slots": [
            {
              "name": "default",
              "description": "The content of the typography."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "variant", "type": "TypographyVariant" },
              { "name": "size", "type": "TypographySize | undefined" },
              { "name": "bodyAs", "type": "string | undefined" },
              { "name": "customClass", "type": "string | undefined" },
              { "name": "anchor", "type": "boolean" },
              { "name": "elementId" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-form-label",
          "description": "A form label is a container for labels in a form.\n---\n\n\n### **CSS Parts:**\n - **base** - The main form label container.\n- **required** - The required indicator of the form label.\n- **optional** - The optional indicator of the form label.",
          "doc-url": "",
          "attributes": [
            {
              "name": "for",
              "description": "The id of the form element that the label is associated with.",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "renderAsText",
              "description": "Whether the label should be rendered as text or a <label> tag. Default is false.",
              "value": { "type": "boolean | undefined" }
            },
            {
              "name": "optionalLabel",
              "description": "Label of optional text",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "Text weight of the label.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optional",
              "description": "If the label is optional.",
              "value": { "type": "boolean" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "for", "type": "string | undefined" },
              { "name": "renderAsText", "type": "boolean | undefined" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-input-group",
          "description": "An input group is a container for inputs.\n---\n\n\n### **Slots:**\n - _default_ - The content of the input group items.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main input group container.\n- **label** - The label of the input group.\n- **description** - The description of the input group.\n- **tooltip** - The tooltip of the input group.\n- **container** - The container of the input group items.",
          "doc-url": "",
          "attributes": [
            {
              "name": "label",
              "description": "The label of the input group.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the input group.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the input group.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "Whether the input group is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "size",
              "description": "The size of the input group. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            },
            {
              "name": "required",
              "description": "Whether the input group is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optional",
              "description": "Whether the input group is optional.",
              "value": { "type": "boolean" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the input.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The type of the feedback.",
              "value": { "type": "string" }
            },
            {
              "name": "subtle",
              "description": "Whether the input group label is subtle.",
              "value": { "type": "boolean" }
            }
          ],
          "slots": [
            {
              "name": "",
              "description": "The content of the input group items."
            },
            {
              "name": "feedback-icon",
              "description": "The custom icon of the feedback."
            }
          ],
          "events": [],
          "js": {
            "properties": [
              { "name": "allInputs", "type": "DapDSCheckbox[] | DapDSSwitch[]" }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-radio-group",
          "description": "A radio group is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the radio group is checked.\n- **dds-blur** - Emitted when the radio group loses focus.\n- **dds-focus** - Emitted when the radio group gains focus.\n\n### **Slots:**\n - _default_ - The content of the radio group.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main radio group container.\n- **label** - The label of the radio group.\n- **tooltip** - The tooltip of the radio group.\n- **container** - The container of the radio group items.",
          "doc-url": "",
          "attributes": [
            {
              "name": "name",
              "description": "The name of the radio group.",
              "value": { "type": "string" }
            },
            {
              "name": "value",
              "description": "The value of the radio group.",
              "value": { "type": "string" }
            },
            {
              "name": "disabled",
              "description": "Whether the radio group is disabled.",
              "value": { "type": "boolean" }
            },
            {
              "name": "required",
              "description": "Whether the radio group is required.",
              "value": { "type": "boolean" }
            },
            {
              "name": "label",
              "description": "The label of the radio group.",
              "value": { "type": "string" }
            },
            {
              "name": "description",
              "description": "The description of the radio group.",
              "value": { "type": "string" }
            },
            {
              "name": "tooltip",
              "description": "The tooltip of the radio group.",
              "value": { "type": "string" }
            },
            {
              "name": "feedback",
              "description": "The feedback of the radio group.",
              "value": { "type": "string" }
            },
            {
              "name": "feedbackType",
              "description": "The feedback type of the radio group. Can be `info`, `success`, or `error`.",
              "value": { "type": "'info' | 'success' | 'error'" }
            },
            {
              "name": "optional",
              "description": "The optional state of the radio group.",
              "value": { "type": "boolean" }
            },
            {
              "name": "optionalLabel",
              "description": "Text of optional label.",
              "value": { "type": "string", "default": "''" }
            },
            {
              "name": "subtle",
              "description": "Font weight of the feedback label. Default is `false` which is bold.",
              "value": { "type": "boolean" }
            },
            {
              "name": "size",
              "description": "The size of the radio group. Default is `sm`. Can be `sm` or `lg`.",
              "value": { "type": "'sm' | 'lg'" }
            }
          ],
          "slots": [
            { "name": "", "description": "The content of the radio group." },
            {
              "name": "feedback-icon",
              "description": "The custom icon of the feedback."
            }
          ],
          "events": [
            {
              "name": "dds-change",
              "description": "Fired when the radio group is checked."
            },
            {
              "name": "dds-blur",
              "description": "Emitted when the radio group loses focus."
            },
            {
              "name": "dds-focus",
              "description": "Emitted when the radio group gains focus."
            }
          ],
          "js": {
            "properties": [
              { "name": "optionalLabel", "type": "string" },
              { "name": "validity" }
            ],
            "events": [
              {
                "name": "dds-change",
                "description": "Fired when the radio group is checked."
              },
              {
                "name": "dds-blur",
                "description": "Emitted when the radio group loses focus."
              },
              {
                "name": "dds-focus",
                "description": "Emitted when the radio group gains focus."
              }
            ]
          }
        },
        {
          "name": "dap-ds-icon-arrow-down-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-down-s-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-left-down-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-left-l-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-left-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-left-s-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-left-up-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-right-down-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-right-l-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-right-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-right-s-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-right-up-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-up-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-arrow-up-s-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-expand-up-down-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-home-6-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-clipboard-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-file-copy-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-cookie-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-add-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-alert-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-alert-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-check-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-check-line2",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-checkbox-blank-circle-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-checkbox-blank-circle-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-checkbox-circle-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-checkbox-circle-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-close-circle-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-close-circle-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-close-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-close-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-download-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-error-warning-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-error-warning-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-external-link-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-eye-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-eye-off-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-forbid-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-information-2-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-information-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-information-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-lightbulb-fill",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-loading-spinner",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-menu-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-menu-line-s",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-search-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-subtract-line",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        },
        {
          "name": "dap-ds-icon-subtract-line2",
          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
          "doc-url": "",
          "attributes": [
            {
              "name": "size",
              "description": "(optional) The width and height in pixels",
              "value": { "type": "number", "default": "24" }
            },
            {
              "name": "selected",
              "description": "(optional) Sets the icon color via the `fill` attribute",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "decorative",
              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
              "value": { "type": "boolean | undefined", "default": "false" }
            },
            {
              "name": "accessibilityTitle",
              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
              "value": { "type": "string | undefined" }
            },
            {
              "name": "focusable",
              "description": "(optional) If `true` the icon can receive focus",
              "value": { "type": "boolean | undefined", "default": "false" }
            }
          ],
          "events": [],
          "js": {
            "properties": [
              {
                "name": "size",
                "description": "(optional) The width and height in pixels",
                "type": "number"
              },
              {
                "name": "selected",
                "description": "(optional) Sets the icon color via the `fill` attribute",
                "type": "boolean | undefined"
              },
              {
                "name": "decorative",
                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
                "type": "boolean | undefined"
              },
              {
                "name": "accessibilityTitle",
                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
                "type": "string | undefined"
              },
              {
                "name": "focusable",
                "description": "(optional) If `true` the icon can receive focus",
                "type": "boolean | undefined"
              }
            ],
            "events": []
          }
        }
      ]
    }
  }
}