npm - dap-design-system - Versions diffs - 0.9.150 - Mend

dap-design-system 0.9.150

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/LICENSE +21 -0
package/README.md +1 -0
package/dist/assets/fonts/InterVariable.woff2 +0 -0
package/dist/dds.d.ts +5005 -0
package/dist/dds.js +13167 -0
package/dist/dds.js.map +1 -0
package/dist/light.theme.css +2 -0
package/dist/manifest/types/vue/index.d.ts +3681 -0
package/dist/manifest/vscode.html-custom-data.json +4273 -0
package/dist/manifest/web-types.json +7354 -0
package/dist/react.d.ts +7410 -0
package/dist/react.js +874 -0
package/dist/react.js.map +1 -0
package/package.json +140 -0

package/dist/manifest/vscode.html-custom-data.json ADDED Viewed

@@ -0,0 +1,4273 @@
+{
+  "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
+  "version": 1.1,
+  "tags": [
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the accordion. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "CommonSize" }]
+        },
+        {
+          "name": "headingLevel",
+          "description": "The heading level of the accordion. Default is `4`. Can be `1`, `2`, `3`, `4`, `5`, or `6`.",
+          "values": [{ "name": "HeadingLevel" }]
+        },
+        {
+          "name": "opened",
+          "description": "Whether the accordion is opened.",
+          "values": []
+        },
+        {
+          "name": "iconLocation",
+          "description": "The location of the icon. Default is `left`. Can be `left` or `right`.",
+          "values": [{ "name": "left" }, { "name": "right" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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- **icon** - The icon of the badge.\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "The type of the badge. Default is `neutral`. Can be `neutral`, `brand`, `info`, `positive`, `warning`, or `negative`.",
+          "values": [{ "name": "BadgeType" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the badge. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "CommonSize" }]
+        },
+        { "name": "icon", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-anchor-heading",
+      "description": "Anchor heading is a heading with an anchor link.\n---\n",
+      "attributes": [
+        { "name": "variant", "values": [{ "name": "HeadingVariant" }] },
+        { "name": "label", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The type of the banner.",
+          "values": [{ "name": "BannerVariant" }]
+        },
+        {
+          "name": "closeable",
+          "description": "Whether the banner is closeable.",
+          "values": []
+        },
+        {
+          "name": "opened",
+          "description": "State of the banner. If false banner is hidden.",
+          "values": []
+        },
+        {
+          "name": "closeButtonAriaLabel",
+          "description": "The aria-label for the close button.",
+          "values": []
+        },
+        { "name": "closeButtonLabel", "values": [] },
+        { "name": "icon", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The label of the breadcrumb.",
+          "values": []
+        },
+        { "name": "inverted", "values": [] },
+        { "name": "mobile", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "The URL of the breadcrumb item.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "The target of the breadcrumb item. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "rel",
+          "description": "The rel of the breadcrumb item link.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the breadcrumb item is disabled.",
+          "values": []
+        },
+        {
+          "name": "last",
+          "description": "Whether the breadcrumb item is the last one in the list",
+          "values": []
+        },
+        { "name": "inverted", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The type of the button. Default is `primary`. Can be `primary`, `secondary`, `subtle`, or `clean`.",
+          "values": [{ "name": "ButtonVariant" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the button. Default is `md`. Can be `lg`, `md`, or `sm`.",
+          "values": [{ "name": "ButtonSize" }]
+        },
+        {
+          "name": "loading",
+          "description": "Whether the button is in a loading state.",
+          "values": []
+        },
+        {
+          "name": "danger",
+          "description": "Whether the button is a danger button.",
+          "values": []
+        },
+        {
+          "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.",
+          "values": [{ "name": "HtmlButtonType" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the button.",
+          "values": []
+        },
+        {
+          "name": "href",
+          "description": "The URL of the button. If this present the button will be rendered as an anchor element.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "The target of the button. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "rel",
+          "description": "The rel of the button link. Default is `noreferrer noopener`.",
+          "values": []
+        },
+        { "name": "shape", "values": [{ "name": "ButtonShape" }] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the calendar cell.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "selected",
+          "description": "Whether the calendar cell is selected.",
+          "values": []
+        },
+        {
+          "name": "disabledDay",
+          "description": "Whether the calendar cell is disabled.",
+          "values": []
+        },
+        {
+          "name": "today",
+          "description": "Whether the calendar cell is today.",
+          "values": []
+        },
+        {
+          "name": "outOfRange",
+          "description": "Whether the calendar cell is out of range.",
+          "values": []
+        },
+        {
+          "name": "header",
+          "description": "Whether the calendar cell is header.",
+          "values": []
+        },
+        {
+          "name": "focused",
+          "description": "Whether the calendar cell is focused.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the calendar.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "currentDate",
+          "description": "The current visible date of the calendar. Only the month and year are considered.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "minDate",
+          "description": "The minimum date of the calendar. Only the month and year are considered.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "maxDate",
+          "description": "The maximum date of the calendar. Only the month and year are considered.",
+          "values": [{ "name": "Date" }]
+        },
+        {
+          "name": "disabledDate",
+          "description": "The function to determine if the date is disabled.",
+          "values": [{ "name": "Function" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The variant of the callout. Can be `brand`, `info`, `positive`, `warning`, or `negative`.",
+          "values": [{ "name": "CalloutVariant" }]
+        },
+        {
+          "name": "alignment",
+          "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+          "values": [{ "name": "Alignment" }]
+        },
+        {
+          "name": "shade",
+          "description": "The strongness of the callout. Can be `subtle`, `base`, `medium`, or `strong`.",
+          "values": [{ "name": "BackgroundShade" }]
+        },
+        {
+          "name": "border",
+          "description": "The border of the callout.",
+          "values": []
+        },
+        {
+          "name": "closeable",
+          "description": "If the callout has a close button.",
+          "values": []
+        },
+        {
+          "name": "closeButtonLabel",
+          "description": "The label of the close button.",
+          "values": []
+        },
+        {
+          "name": "opened",
+          "description": "If the callout is opened.",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "The header of the callout.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "parentSized",
+          "description": "Whether the card actions should be sized from the parent. Default is true.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "renderAs",
+          "description": "The component of the card content. Default is 'div'.",
+          "values": []
+        },
+        {
+          "name": "parentSized",
+          "description": "Whether the card content should be sized from the parent. Default is true.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "src",
+          "description": "The source of the image.",
+          "values": []
+        },
+        {
+          "name": "alt",
+          "description": "The alt text of the image.",
+          "values": []
+        },
+        {
+          "name": "width",
+          "description": "The width of the image.",
+          "values": []
+        },
+        {
+          "name": "height",
+          "description": "The height of the image.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the card subtitle. Default is `sm`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "parentSized",
+          "description": "Whether the card content should be sized from the parent. Default is true.",
+          "values": []
+        },
+        { "name": "renderAs", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the card title. Default is `sm`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "parentSized",
+          "description": "Whether the card content should be sized from the parent. Default is true.",
+          "values": []
+        },
+        {
+          "name": "component",
+          "description": "The rendered component of the card title. Default is 'div'.",
+          "values": []
+        },
+        { "name": "renderAs", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "interactive",
+          "description": "Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the card is disabled.",
+          "values": []
+        },
+        {
+          "name": "target",
+          "description": "The target of the card. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        { "name": "href", "description": "The URL of the card.", "values": [] },
+        {
+          "name": "rel",
+          "description": "The rel of the card link.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The name of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "Whether the checkbox is checked.",
+          "values": []
+        },
+        {
+          "name": "indeterminate",
+          "description": "Whether the checkbox is indeterminate.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the checkbox is disabled.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the checkbox is required.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the checkbox. Default is `md`. Can be `sm`, `md`, or `lg`.'",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "labelPlacement",
+          "description": "The placement of the label. Can be `left` or `right`. Default is `right`.",
+          "values": [{ "name": "left" }, { "name": "right" }]
+        },
+        {
+          "name": "descriptionPlacement",
+          "description": "The placement of the description. Can be `top` or `bottom`. Default is `bottom`.",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "ariaLabelCheckbox",
+          "description": "The aria label of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is `false`",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the checkbox. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "invalid",
+          "description": "The invalid state of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "The optional label of the checkbox.",
+          "values": []
+        },
+        { "name": "preventDefault", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the select.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the select.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The placement of the select dropdown. Default is 'bottom-start'.",
+          "values": [
+            { "name": "top" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "right" },
+            { "name": "right-start" },
+            { "name": "right-end" },
+            { "name": "bottom" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" },
+            { "name": "left" },
+            { "name": "left-start" },
+            { "name": "left-end" }
+          ]
+        },
+        {
+          "name": "opened",
+          "description": "Whether the select dropdown is opened.",
+          "values": []
+        },
+        {
+          "name": "sync",
+          "description": "The sync mode of the select dropdown. How the dropdown item size is synced to the trigger element'.",
+          "values": [
+            { "name": "width" },
+            { "name": "height" },
+            { "name": "both" }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "The label of the select.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the select.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the select.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the select. Default is 'md'.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the select is disabled.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the select is required.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the select is readonly.",
+          "values": []
+        },
+        {
+          "name": "autofocus",
+          "description": "Whether the select is autofocus.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback content of the select.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the select.",
+          "values": [
+            { "name": "error" },
+            { "name": "warning" },
+            { "name": "info" }
+          ]
+        },
+        {
+          "name": "searchMode",
+          "description": "The search mode of the select.",
+          "values": [
+            { "name": "none" },
+            { "name": "typehead" },
+            { "name": "autocomplete" },
+            { "name": "manual" }
+          ]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the segmented control item.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "The checked state of the segmented control item.",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "The selected state of the segmented control item.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the segmented control item.",
+          "values": []
+        },
+        { "name": "disabled", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "multiSelect",
+          "description": "Whether the content switcher allows multiple selections.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the content switcher. A comma-separated list if `multiSelect` is `true`.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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",
+      "attributes": [{ "name": "value", "values": [] }],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-divider",
+      "description": "A divider is a visual separator between elements.\n---\n",
+      "attributes": [
+        {
+          "name": "vertical",
+          "description": "Whether the divider is vertical. Default is false.",
+          "values": []
+        },
+        {
+          "name": "spacing",
+          "description": "The spacing of the divider. Default is 0. It is uses the design system values (100, 200, 300, etc...)",
+          "values": [{ "name": "Spacing" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "type",
+          "description": "The type of the feedback. Default is `positive`.",
+          "values": [{ "name": "FeedbackType" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the feedback. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is false.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-file-input-list-item",
+      "description": "A file input list item is a container for file input list items.\n---\n",
+      "attributes": [
+        {
+          "name": "deletable",
+          "description": "Show delete button. Default is `false`.",
+          "values": []
+        },
+        {
+          "name": "showSize",
+          "description": "Show file size. Default is `false`.",
+          "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Show loading spinner. Default is `false`.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the file input list item.",
+          "values": []
+        },
+        {
+          "name": "inputName",
+          "description": "The name of the file input.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type.",
+          "values": [{ "name": "FeedbackType" }]
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback message.",
+          "values": []
+        },
+        { "name": "subtle", "description": "Subtle style.", "values": [] },
+        {
+          "name": "progress",
+          "description": "The progress of the file upload.",
+          "values": []
+        },
+        { "name": "fileData", "values": [{ "name": "FileListElement" }] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The id of the file input element to bind to.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the file input list.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "subtle",
+          "description": "Font weight of the feedback label. Default is `false` which is bold.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the file input.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the file input.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "The status of the file input. Can be 'success' or 'error'.",
+          "values": []
+        },
+        {
+          "name": "path",
+          "description": "The server path for file uploads.",
+          "values": []
+        },
+        {
+          "name": "autoupload",
+          "description": "Whether to upload files immediately upon selection.",
+          "values": []
+        },
+        {
+          "name": "uploadproperty",
+          "description": "The name of the property to use when uploading files.",
+          "values": []
+        },
+        {
+          "name": "uploadmethod",
+          "description": "The HTTP method to use when uploading files.",
+          "values": []
+        },
+        {
+          "name": "withcredentials",
+          "description": "Whether to send credentials with the file upload request.",
+          "values": []
+        },
+        {
+          "name": "maxfiles",
+          "description": "The maximum number of files that can be uploaded.",
+          "values": []
+        },
+        {
+          "name": "maxfilesize",
+          "description": "The maximum size of files that can be uploaded.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the file input. Can be 'small', 'medium', or 'large'.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label for the file input.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description for the file input.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback for the file input.",
+          "values": []
+        },
+        {
+          "name": "feedbacktype",
+          "description": "The type of feedback for the file input. Can be 'error' or 'warning'.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip for the file input.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the file input is required.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "Whether the file input is optional.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the file input is disabled.",
+          "values": []
+        },
+        {
+          "name": "multiple",
+          "description": "Whether the file input accepts multiple files.",
+          "values": []
+        },
+        {
+          "name": "keepvalue",
+          "description": "Whether to keep the value of the file input when new files are selected.",
+          "values": []
+        },
+        { "name": "uploadButtonLabel", "values": [] },
+        { "name": "accept", "values": [] },
+        { "name": "keepValue", "values": [{ "name": "false" }] },
+        { "name": "showProgress", "values": [] },
+        { "name": "uploadUrl", "values": [] },
+        { "name": "uploadProperty", "values": [] },
+        { "name": "uploadMethod", "values": [] },
+        { "name": "withCredentials", "values": [] },
+        { "name": "maxFiles", "values": [] },
+        { "name": "maxFileSize", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The name of the icon.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the icon. Default is `md`. Can be `lg`, `md`, `sm`, or `xs`.",
+          "values": [{ "name": "IconSize" }]
+        },
+        {
+          "name": "focusable",
+          "description": "Whether the icon is focusable. Default is false.",
+          "values": []
+        },
+        {
+          "name": "ariaHidden",
+          "description": "Whether the icon is hidden from the accessibility tree. Default is true.",
+          "values": []
+        },
+        {
+          "name": "staticSize",
+          "description": "The size of the icon in pixels. This overrides the size attribute.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The type of the button. Can be `neutral`, `brand`, `inverted` or `inverted-brand` . Default is `neutral`.",
+          "values": [{ "name": "ButtonVariant" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the button. Default is `md`. Can be `lg`, `md`, or `sm`.",
+          "values": [{ "name": "ButtonSize" }]
+        },
+        {
+          "name": "disabled",
+          "description": "If true, the button is disabled. Default is false.",
+          "values": []
+        },
+        {
+          "name": "htmlType",
+          "description": "The type of the button. Can be `button`, `submit`, or `reset`. Default is `button`.",
+          "values": [{ "name": "HtmlButtonType" }]
+        },
+        {
+          "name": "ariaLabel",
+          "description": "The aria label of the button.",
+          "values": []
+        },
+        {
+          "name": "name",
+          "description": "The name of the button.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "The icon of the button. You can use the icon name from the icon component.",
+          "values": []
+        },
+        { "name": "clean", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The label of the input.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "Text of optional label.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "Text weight of label. If true the label is subtle. Default value is false.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the input.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the input.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the input.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "The status of the input. Can be `success` or `error`.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the input.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the input.",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "The type of the input. Default is 'text'.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "The required state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "The readonly state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "autofocus",
+          "description": "The autofocus state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "autocapitalize",
+          "description": "The autocapitalize state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "The minimum length of the input.",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "The maximum length of the input.",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the number input.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the number input.",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "The step value of the number input.",
+          "values": []
+        },
+        {
+          "name": "inputmode",
+          "description": "The inputmode of the input.",
+          "values": []
+        },
+        {
+          "name": "pattern",
+          "description": "The regex pattern of the input.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the input.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the input. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "loading",
+          "description": "The loading state of the input. Default is false.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the link. Default is `md`. Can be `lg`, `md`, `sm`, or `xs`.",
+          "values": [{ "name": "LinkSize" }]
+        },
+        {
+          "name": "variant",
+          "description": "The theme of the link. Default is `neutral`. Can be `neutral` or `brand` or `inverted`.",
+          "values": [{ "name": "LinkVariant" }]
+        },
+        {
+          "name": "target",
+          "description": "The target of the link. Default is `_self`. Can be `_blank`, `_self`, `_parent`, or `_top`.",
+          "values": [{ "name": "LinkTarget" }]
+        },
+        {
+          "name": "href",
+          "description": "The href of the link.",
+          "values": []
+        },
+        {
+          "name": "rel",
+          "description": "The rel of the link. Default is 'noreferrer noopener'.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the link. Default is false.",
+          "values": []
+        },
+        {
+          "name": "bold",
+          "description": "The bold state of the link. Default is false.",
+          "values": []
+        },
+        {
+          "name": "noUnderline",
+          "description": "The no underline state of the link. Default is false.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The type of the list item.",
+          "values": [{ "name": "ListItemVariant" }]
+        },
+        {
+          "name": "status",
+          "description": "The status of the list item.",
+          "values": [{ "name": "ListItemStatus" }]
+        },
+        {
+          "name": "alignment",
+          "description": "The alignment of the list item.",
+          "values": [{ "name": "Alignment" }]
+        },
+        {
+          "name": "shade",
+          "description": "The background strongness of the list item.",
+          "values": [{ "name": "BackgroundShade" }]
+        },
+        {
+          "name": "title",
+          "description": "The title of the list item.",
+          "values": []
+        },
+        {
+          "name": "icon",
+          "description": "The icon of the list item. This is an icon name from the built in icons.",
+          "values": []
+        },
+        {
+          "name": "number",
+          "description": "The number of the list item. Only used when variant is 'number'.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "The open state of the modal.",
+          "values": []
+        },
+        {
+          "name": "closeOnEsc",
+          "description": "Whether the modal should close on pressing the escape key. Default is true.",
+          "values": []
+        },
+        {
+          "name": "closeOnOverlayClick",
+          "description": "Whether the modal should close on clicking the overlay. Default is true.",
+          "values": []
+        },
+        {
+          "name": "noCloseButton",
+          "description": "Whether the modal should have a close button. Default is false.",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "The title of the modal.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the modal.",
+          "values": []
+        },
+        {
+          "name": "okButtonLabel",
+          "description": "The label of the OK button.",
+          "values": []
+        },
+        {
+          "name": "cancelButtonLabel",
+          "description": "The label of the Cancel button.",
+          "values": []
+        },
+        {
+          "name": "noFooter",
+          "description": "Whether the modal should have a footer. Default is false.",
+          "values": []
+        },
+        {
+          "name": "noHeader",
+          "description": "Whether the modal should have a header. Default is false.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The label of the input.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the input.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the input.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the input.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "The status of the input. Can be `success` or `error`.",
+          "values": [{ "name": "success" }, { "name": "error" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the input.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the input.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "The required state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "The readonly state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "autofocus",
+          "description": "The autofocus state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "min",
+          "description": "The minimum value of the number input.",
+          "values": []
+        },
+        {
+          "name": "max",
+          "description": "The maximum value of the number input.",
+          "values": []
+        },
+        {
+          "name": "step",
+          "description": "The step value of the number input.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the input.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the input. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "loading",
+          "description": "The loading state of the input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the input.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "The optional label of the input.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is `false`",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "The selected state of the option item.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the option item.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the option item.",
+          "values": []
+        },
+        {
+          "name": "focused",
+          "description": "The focused state of the option item.",
+          "values": []
+        },
+        { "name": "selectable", "values": [] },
+        { "name": "label", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "filterText",
+          "description": "The filter text of the option list.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the option list.",
+          "values": []
+        },
+        {
+          "name": "focused",
+          "description": "The focused state of the option list.",
+          "values": []
+        },
+        {
+          "name": "search-mode",
+          "description": "The search mode of the option list. Default is `none`. Can be `none`, `typehead`, or `search`.",
+          "values": [
+            { "name": "none" },
+            { "name": "typehead" },
+            { "name": "search" }
+          ]
+        },
+        {
+          "name": "options",
+          "description": "The options of the option list.",
+          "values": [{ "name": "any[]" }]
+        },
+        { "name": "search", "values": [] },
+        {
+          "name": "searchMode",
+          "values": [
+            { "name": "none" },
+            { "name": "typehead" },
+            { "name": "autocomplete" },
+            { "name": "manual" }
+          ]
+        },
+        { "name": "searchOnValueSet", "values": [] },
+        { "name": "selectable", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-overlay",
+      "description": "An overlay is a container for overlay content.\n---\n",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "The open state of the overlay.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The label of the password input.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the password input.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the password input.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the password input.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "The status of the password input. Can be `success` or `error`.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the password input. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the password input.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the password input.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the password input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "The required state of the password input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "The readonly state of the password input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "autofocus",
+          "description": "The autofocus state of the password input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the input.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the password input. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "loading",
+          "description": "The loading state of the password input. Default is false.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the password input.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "The optional label of the password input.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is `false`",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "disabled",
+          "description": "The disabled state of the popup.",
+          "values": []
+        },
+        {
+          "name": "opened",
+          "description": "The open state of the popup.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The placement of the popup. Can be 'top', 'right', 'bottom', or 'left'. Default is 'bottom'.",
+          "values": [{ "name": "PopupPlacement" }]
+        },
+        {
+          "name": "floatingStrategy",
+          "description": "The floating strategy of the popup. Default is `absolute`. Can be `absolute` or `fixed`.",
+          "values": [{ "name": "absolute" }, { "name": "fixed" }]
+        },
+        {
+          "name": "offset",
+          "description": "The offset of the popup.",
+          "values": []
+        },
+        {
+          "name": "sync",
+          "description": "The sync state of the popup.",
+          "values": []
+        },
+        {
+          "name": "hasArrow",
+          "description": "The arrow state of the popup.",
+          "values": []
+        },
+        { "name": "maxHeight", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the radio button. Default is `md`. Can be `sm`, `md`, or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the radio button.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the radio button.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "The checked state of the radio button.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the radio button.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "The required state of the radio button.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label of the radio button.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the radio button.",
+          "values": []
+        },
+        {
+          "name": "labelPlacement",
+          "description": "The placement of the label. Can be `left` or `right`. Default is `right`.",
+          "values": [{ "name": "left" }, { "name": "right" }]
+        },
+        {
+          "name": "descriptionPlacement",
+          "description": "The placement of the description. Can be `top` or `bottom`. Default is `bottom`.",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the search.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the search.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The placement of the select dropdown. Default is 'bottom-start'.",
+          "values": [
+            { "name": "top" },
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "right" },
+            { "name": "right-start" },
+            { "name": "right-end" },
+            { "name": "bottom" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" },
+            { "name": "left" },
+            { "name": "left-start" },
+            { "name": "left-end" }
+          ]
+        },
+        {
+          "name": "opened",
+          "description": "Whether the search dropdown is opened.",
+          "values": []
+        },
+        {
+          "name": "sync",
+          "description": "The sync mode of the search dropdown. How the dropdown item size is synced to the trigger element'.",
+          "values": [
+            { "name": "width" },
+            { "name": "height" },
+            { "name": "both" }
+          ]
+        },
+        {
+          "name": "label",
+          "description": "The label of the search.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the search.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the search.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the search. Default is 'md'.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the search is disabled.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the search is required.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the search is readonly.",
+          "values": []
+        },
+        {
+          "name": "autofocus",
+          "description": "Whether the search is autofocus.",
+          "values": []
+        },
+        {
+          "name": "clearable",
+          "description": "Whether the search is clearable.",
+          "values": []
+        },
+        {
+          "name": "autocomplete",
+          "description": "Whether the search is autcomplete.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback content of the search.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the search.",
+          "values": [
+            { "name": "error" },
+            { "name": "warning" },
+            { "name": "info" }
+          ]
+        },
+        {
+          "name": "allowManualInput",
+          "description": "Whether the search allows manual input, or free text.",
+          "values": []
+        },
+        {
+          "name": "searchForText",
+          "description": "Whether the search should search for the selected item text.",
+          "values": []
+        },
+        {
+          "name": "noTextComplete",
+          "description": "Whether the search should not complete the text.",
+          "values": []
+        },
+        {
+          "name": "searchMode",
+          "description": "The search mode of the select.",
+          "values": [
+            { "name": "none" },
+            { "name": "typehead" },
+            { "name": "autocomplete" },
+            { "name": "manual" }
+          ]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "value",
+          "description": "The value of the select.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the select.",
+          "values": []
+        },
+        {
+          "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'.",
+          "values": [{ "name": "PopupPlacement" }]
+        },
+        {
+          "name": "opened",
+          "description": "Whether the select dropdown is opened.",
+          "values": []
+        },
+        {
+          "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`.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label of the select.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the select.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the select.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the select. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the select is disabled.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the select is required.",
+          "values": []
+        },
+        {
+          "name": "readonly",
+          "description": "Whether the select is readonly.",
+          "values": []
+        },
+        {
+          "name": "autofocus",
+          "description": "Whether the select is autofocus.",
+          "values": []
+        },
+        {
+          "name": "loading",
+          "description": "Whether the select is loading.",
+          "values": []
+        },
+        {
+          "name": "maxHeight",
+          "description": "The max height of the floating dropdown.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the select.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the select. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "isMobile",
+          "description": "Whether the select is in mobile mode.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "The status of the select. Can be `success` or `error`.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the select.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "The optional label of the select.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is `false`",
+          "values": []
+        },
+        {
+          "name": "noAnimation",
+          "description": "The animation state of the select. Default is `false`",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "href",
+          "description": "The URL of the skip link.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the skip link. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "CommonSize" }]
+        },
+        {
+          "name": "noUnderLine",
+          "description": "Whether the skip link should have an underline.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The placement of the skip link. Default is `left`. Can be `left` or `center`.",
+          "values": [{ "name": "Placement" }]
+        },
+        { "name": "noUnderline", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "text",
+          "description": "The loading text. Optional, default is empty.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the spinner. It is based on the icon sizes. Default is `lg`.",
+          "values": [{ "name": "IconSize" }]
+        },
+        {
+          "name": "staticSize",
+          "description": "The size of the spinner in pixels. This overrides the size attribute.",
+          "values": []
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the spinner. Default is `neutral`. Can be `neutral`, `brand`, `negative`, `positive`, or `inverted`.",
+          "values": [{ "name": "SpinnerVariant" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "direction",
+          "description": "The direction of the stack. Default is `column`. Can be `column`, `column-reverse`, `row`, or `row-reverse`.",
+          "values": [{ "name": "CSSFlexDirection" }]
+        },
+        {
+          "name": "spacing",
+          "description": "The spacing of the stack. Uses the system spacing scale (100, 200, 300...etc)",
+          "values": [{ "name": "Spacing" }]
+        },
+        {
+          "name": "endMargin",
+          "description": "Adds margin to the end of the stack.",
+          "values": []
+        },
+        {
+          "name": "startMargin",
+          "description": "Adds margin to the start of the stack.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the switch. Default is `md`. Can be `sm`, `md`, or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "md" }, { "name": "lg" }]
+        },
+        {
+          "name": "name",
+          "description": "The name of the switch.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the switch.",
+          "values": []
+        },
+        {
+          "name": "checked",
+          "description": "The checked state of the switch.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the switch.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "The required state of the switch.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label of the switch.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the switch.",
+          "values": []
+        },
+        {
+          "name": "labelPlacement",
+          "description": "The placement of the label. Can be `left` or `right`. Default is `right`.",
+          "values": [{ "name": "left" }, { "name": "right" }]
+        },
+        {
+          "name": "descriptionPlacement",
+          "description": "The placement of the description. Can be `top` or `bottom`. Default is `bottom`.",
+          "values": [{ "name": "top" }, { "name": "bottom" }]
+        },
+        {
+          "name": "ariaLabelCheckbox",
+          "description": "The aria label of the checkbox.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is `false`",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the switch.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the switch. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the switch.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "The optional label of the switch.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "Defines the size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "CommonSize" }]
+        },
+        {
+          "name": "selectedTabId",
+          "description": "The selected tab id.",
+          "values": []
+        },
+        {
+          "name": "keepcontent",
+          "description": "If true, the content of the tab will not be removed when the tab is not selected.",
+          "values": []
+        },
+        {
+          "name": "mobile",
+          "description": "If true, the tab group will be displayed in mobile mode.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        { "name": "tabId", "description": "The tab id.", "values": [] },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the tab.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "last",
+          "description": "If the cell is the last one.",
+          "values": []
+        },
+        { "name": "role", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "last",
+          "description": "If the header cell is the last one.",
+          "values": []
+        },
+        { "name": "role", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "mobile",
+          "description": "If the row is mobile design.",
+          "values": []
+        },
+        { "name": "role", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-table",
+      "description": "Data table component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-row` elements.",
+      "attributes": [
+        {
+          "name": "mobile",
+          "description": "If the table is mobile design.",
+          "values": []
+        },
+        { "name": "role", "values": [] }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "The size of the textarea. Default is `md`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "disabled",
+          "description": "The disabled state of the textarea.",
+          "values": []
+        },
+        {
+          "name": "maxlength",
+          "description": "The maximum length of the textarea.",
+          "values": []
+        },
+        {
+          "name": "minlength",
+          "description": "The minimum length of the textarea.",
+          "values": []
+        },
+        {
+          "name": "hideCounter",
+          "description": "Hide character counter.",
+          "values": []
+        },
+        {
+          "name": "rows",
+          "description": "The number of rows in the textarea.",
+          "values": []
+        },
+        {
+          "name": "cols",
+          "description": "The number of columns in the textarea.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the textarea.",
+          "values": []
+        },
+        {
+          "name": "placeholder",
+          "description": "The placeholder of the textarea.",
+          "values": []
+        },
+        {
+          "name": "status",
+          "description": "The status of the textarea. Can be `success` or `error`.",
+          "values": [{ "name": "InputStatus" }]
+        },
+        {
+          "name": "readonly",
+          "description": "The readonly state of the textarea.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "The required state of the textarea.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label of the textarea.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the textarea.",
+          "values": []
+        },
+        {
+          "name": "wrap",
+          "description": "Indicates how the control should wrap the value for form submission. Can be `hard` or `soft`.",
+          "values": [{ "name": "hard" }, { "name": "soft" }]
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the textarea.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the textarea. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the textarea.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "The optional label of the textarea.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "The weight of the label. Default is `false`",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "root",
+          "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
+          "values": []
+        },
+        {
+          "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)",
+          "values": []
+        },
+        {
+          "name": "threshold",
+          "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
+          "values": []
+        },
+        {
+          "name": "minHeadingLevel",
+          "description": "The minimum heading level to include in the TOC. The default value is `2`.",
+          "values": []
+        },
+        {
+          "name": "maxHeadingLevel",
+          "description": "The maximum heading level to include in the TOC. The default value is `3`.",
+          "values": []
+        },
+        {
+          "name": "noIndent",
+          "description": "Whether to indent the TOC items.",
+          "values": []
+        },
+        {
+          "name": "header",
+          "description": "The header of the TOC.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "content",
+          "description": "The content of the tooltip, supporting text only.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The position of the tooltip around the trigger element. Default is `bottom`. Can be `top`, `right`, `bottom`, or `left`.",
+          "values": [{ "name": "PopupPlacement" }]
+        },
+        {
+          "name": "disabled",
+          "description": "Disables the tooltip.",
+          "values": []
+        },
+        {
+          "name": "opened",
+          "description": "Sets the tooltip to opened by default (will still be closed on closing events).",
+          "values": []
+        },
+        {
+          "name": "mode",
+          "description": "Sets the tooltip to toggle mode. Default is `tooltip`. Can be `tooltip` or `toggle`.",
+          "values": [{ "name": "TooltipMode" }]
+        },
+        {
+          "name": "trigger",
+          "description": "Sets custom trigger event (hover, focus, click). Default is `hover focus`.",
+          "values": []
+        },
+        {
+          "name": "noArrow",
+          "description": "Hides the arrow of the tooltip.",
+          "values": []
+        },
+        {
+          "name": "floatingStrategy",
+          "description": "The floating strategy of the tooltip. Default is `absolute`. Can be `absolute` or `fixed`.",
+          "values": [{ "name": "absolute" }, { "name": "fixed" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "open",
+          "description": "The open state of the tray.",
+          "values": []
+        },
+        {
+          "name": "closeOnEsc",
+          "description": "Whether the tray should close on pressing the escape key. Default is true.",
+          "values": []
+        },
+        {
+          "name": "closeOnOverlayClick",
+          "description": "Whether the tray should close on clicking the overlay. Default is true.",
+          "values": []
+        },
+        {
+          "name": "noCloseButton",
+          "description": "Whether the tray should have a close button. Default is false.",
+          "values": []
+        },
+        {
+          "name": "title",
+          "description": "The title of the tray.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the tray.",
+          "values": []
+        },
+        {
+          "name": "okButtonLabel",
+          "description": "The label of the OK button.",
+          "values": []
+        },
+        {
+          "name": "cancelButtonLabel",
+          "description": "The label of the Cancel button.",
+          "values": []
+        },
+        {
+          "name": "noFooter",
+          "description": "Whether the tray should have a footer. Default is false.",
+          "values": []
+        },
+        {
+          "name": "noHeader",
+          "description": "Whether the tray should have a header. Default is false.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The placement of the tray. Default is `bottom`. Can be `left`, `right`, `top`, or `bottom`.",
+          "values": [
+            { "name": "left" },
+            { "name": "right" },
+            { "name": "top" },
+            { "name": "bottom" }
+          ]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The variant of the typography. Can be `h1`, `h2`, `h3`, `h4`, `h5`, `h6`, `body`, `caption`, or `description`.",
+          "values": [{ "name": "TypographyVariant" }]
+        },
+        {
+          "name": "size",
+          "description": "The size of the typography. Can be `sm`, `md`, or `lg`.",
+          "values": [{ "name": "TypographySize" }]
+        },
+        {
+          "name": "bodyAs",
+          "description": "The element of the body typography. Default is `p`.",
+          "values": []
+        },
+        {
+          "name": "elementId",
+          "description": "The id of the typography.",
+          "values": []
+        },
+        {
+          "name": "customClass",
+          "description": "The custom class of the typography.",
+          "values": []
+        },
+        {
+          "name": "anchor",
+          "description": "Whether the typography is an anchor for the TOC component.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "for",
+          "description": "The id of the form element that the label is associated with.",
+          "values": []
+        },
+        {
+          "name": "renderAsText",
+          "description": "Whether the label should be rendered as text or a <label> tag. Default is false.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "Label of optional text",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "Text weight of the label.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "If the label is optional.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "label",
+          "description": "The label of the input group.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the input group.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the input group.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the input group is disabled.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the input group. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        },
+        {
+          "name": "required",
+          "description": "Whether the input group is required.",
+          "values": []
+        },
+        {
+          "name": "optional",
+          "description": "Whether the input group is optional.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the input.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The type of the feedback.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "Whether the input group label is subtle.",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "name",
+          "description": "The name of the radio group.",
+          "values": []
+        },
+        {
+          "name": "value",
+          "description": "The value of the radio group.",
+          "values": []
+        },
+        {
+          "name": "disabled",
+          "description": "Whether the radio group is disabled.",
+          "values": []
+        },
+        {
+          "name": "required",
+          "description": "Whether the radio group is required.",
+          "values": []
+        },
+        {
+          "name": "label",
+          "description": "The label of the radio group.",
+          "values": []
+        },
+        {
+          "name": "description",
+          "description": "The description of the radio group.",
+          "values": []
+        },
+        {
+          "name": "tooltip",
+          "description": "The tooltip of the radio group.",
+          "values": []
+        },
+        {
+          "name": "feedback",
+          "description": "The feedback of the radio group.",
+          "values": []
+        },
+        {
+          "name": "feedbackType",
+          "description": "The feedback type of the radio group. Can be `info`, `success`, or `error`.",
+          "values": [
+            { "name": "info" },
+            { "name": "success" },
+            { "name": "error" }
+          ]
+        },
+        {
+          "name": "optional",
+          "description": "The optional state of the radio group.",
+          "values": []
+        },
+        {
+          "name": "optionalLabel",
+          "description": "Text of optional label.",
+          "values": []
+        },
+        {
+          "name": "subtle",
+          "description": "Font weight of the feedback label. Default is `false` which is bold.",
+          "values": []
+        },
+        {
+          "name": "size",
+          "description": "The size of the radio group. Default is `sm`. Can be `sm` or `lg`.",
+          "values": [{ "name": "sm" }, { "name": "lg" }]
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-down-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-down-s-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-left-down-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-left-l-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-left-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-left-s-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-left-up-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-right-down-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-right-l-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-right-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-right-s-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-right-up-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-up-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-arrow-up-s-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-expand-up-down-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-home-6-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-clipboard-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-file-copy-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-cookie-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-add-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-alert-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-alert-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-check-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-check-line2",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-checkbox-blank-circle-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-checkbox-blank-circle-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-checkbox-circle-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-checkbox-circle-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-close-circle-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-close-circle-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-close-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-close-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-download-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-error-warning-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-error-warning-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-external-link-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-eye-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-eye-off-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-forbid-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-information-2-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-information-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-information-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-lightbulb-fill",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-loading-spinner",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-menu-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-menu-line-s",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-search-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-subtract-line",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    },
+    {
+      "name": "dap-ds-icon-subtract-line2",
+      "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+      "attributes": [
+        {
+          "name": "size",
+          "description": "(optional) The width and height in pixels",
+          "values": []
+        },
+        {
+          "name": "selected",
+          "description": "(optional) Sets the icon color via the `fill` attribute",
+          "values": []
+        },
+        {
+          "name": "decorative",
+          "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+          "values": []
+        },
+        {
+          "name": "accessibilityTitle",
+          "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+          "values": []
+        },
+        {
+          "name": "focusable",
+          "description": "(optional) If `true` the icon can receive focus",
+          "values": []
+        }
+      ],
+      "references": [{ "name": "Documentation", "url": "addurlhere" }]
+    }
+  ]
+}