dap-design-system 0.35.12 → 0.35.13

package/dist/manifest/web-types.json

@@ -6,6 +6,33 @@
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "dap-ds-anchor-heading",
+          "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+              "value": { "type": "HeadingVariant" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the heading.",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "HeadingVariant" },
+              { "name": "label", "type": "string" },
+              { "name": "elementId" },
+              { "name": "anchorTitle" }
+            ],
+            "events": []
+          }
+        },
         {
           "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 Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\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- **content** - The content of the accordion.\n- **icon-wrapper** - The icon wrapper of the accordion.\n- **open-icon** - The icon when the accordion is opened.\n- **open-icon-base** - The base of the icon when the accordion is opened.\n- **close-icon** - The icon when the accordion is closed.\n- **close-icon-base** - The base of the icon when the accordion is closed.",
@@ -112,99 +139,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-avatar",
-          "description": "Avatar component can be used to display user profile images or icons, or illustrations.\n---\n\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_\n- **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_\n- **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_\n- **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_\n- **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar image container.\n- **img** - The avatar image.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "size",
-              "description": "The size of the avatar",
-              "value": {
-                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'",
-                "default": "'md'"
-              }
-            },
-            {
-              "name": "src",
-              "description": "The source of the avatar.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "alt",
-              "description": "The alt text of the avatar.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "width",
-              "description": "The width of the avatar. This will override the size.",
-              "value": { "type": "number" }
-            },
-            {
-              "name": "height",
-              "description": "The height of the avatar. This will override the size.",
-              "value": { "type": "number" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "size",
-                "description": "The size of the avatar",
-                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'"
-              },
-              {
-                "name": "src",
-                "description": "The source of the avatar.",
-                "type": "string"
-              },
-              {
-                "name": "alt",
-                "description": "The alt text of the avatar.",
-                "type": "string"
-              },
-              {
-                "name": "width",
-                "description": "The width of the avatar. This will override the size.",
-                "type": "number"
-              },
-              {
-                "name": "height",
-                "description": "The height of the avatar. This will override the size.",
-                "type": "number"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-anchor-heading",
-          "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link. Default is the primary color. _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered. Default is 0. _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered. Default is 1. _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity. Default is 'opacity 0.2s ease-in-out'. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
-              "value": { "type": "HeadingVariant" }
-            },
-            {
-              "name": "label",
-              "description": "The label of the heading.",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "variant", "type": "HeadingVariant" },
-              { "name": "label", "type": "string" },
-              { "name": "elementId" },
-              { "name": "anchorTitle" }
-            ],
-            "events": []
-          }
-        },
         {
           "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 Properties:**\n - **--dds-badge-border-width** - The width of the badge's border. Default is the design system's base border width. _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border. Default is solid. _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge. Default is the design system's base radius. _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text. Default is bold. _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text. Default is 1.2. _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge. Default is the design system's spacing-100 and spacing-200. _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge. Default is the design system's spacing-100 and spacing-300. _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge. Default is the design system's font-xs. _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge. Default is the design system's font-sm. _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge. Default is the design system's border-neutral-base. _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge. Default is the design system's background-neutral-medium. _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge. Default is the design system's text-neutral-subtle. _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge. Default is the design system's border-brand-base. _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge. Default is the design system's background-brand-medium. _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge. Default is the design system's text-brand-subtle. _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge. Default is the design system's border-informative-base. _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge. Default is the design system's background-informative-medium. _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge. Default is the design system's text-informative-subtle. _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge. Default is the design system's border-positive-base. _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge. Default is the design system's background-positive-medium. _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge. Default is the design system's text-positive-subtle. _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge. Default is the design system's border-warning-subtle. _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge. Default is the design system's background-warning-medium. _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge. Default is the design system's text-warning-subtle. _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge. Default is the design system's border-negative-base. _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge. Default is the design system's background-negative-medium. _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge. Default is the design system's text-negative-subtle. _(default: undefined)_\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.\n- **icon-base** - The base of the icon.",
@@ -256,52 +190,58 @@
           }
         },
         {
-          "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 Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
+          "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- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "autoClose",
-              "description": "Whether to close other accordions when one is opened.",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "inverted",
+              "description": "Inverted color style",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
               "name": "variant",
-              "description": "The variant of the accordion",
-              "value": {
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
-                "default": "'default'"
-              }
+              "value": { "type": "string", "default": "'normal'" }
+            },
+            {
+              "name": "mobile",
+              "description": "Mobile version of the breadcrumb",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "aria-labelledby",
+              "description": "The aria-labelledby of the breadcrumb",
+              "value": { "type": "string | undefined" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the accordion group." }
-          ],
-          "events": [
+            { "name": "", "description": "The content of the breadcrumb." },
             {
-              "name": "dds-change",
-              "description": "Event fired when an accordion is opened or closed."
+              "name": "separator",
+              "description": "The separator between breadcrumb items. Default is '/'."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "autoClose",
-                "description": "Whether to close other accordions when one is opened.",
-                "type": "string"
+                "name": "inverted",
+                "description": "Inverted color style",
+                "type": "boolean"
               },
+              { "name": "variant", "type": "string" },
               {
-                "name": "variant",
-                "description": "The variant of the accordion",
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
-              }
-            ],
-            "events": [
+                "name": "mobile",
+                "description": "Mobile version of the breadcrumb",
+                "type": "boolean"
+              },
               {
-                "name": "dds-change",
-                "description": "Event fired when an accordion is opened or closed."
+                "name": "ariaLabelledBy",
+                "description": "The aria-labelledby of the breadcrumb",
+                "type": "string | undefined"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -386,55 +326,66 @@
           }
         },
         {
-          "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- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container. Default is 100%. _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb. Default is auto. _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list. Default is flex. _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list. Default is nowrap. _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list. Default is center. _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list. Default is max-content. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **separator** - The separator of the breadcrumb.",
+          "name": "dap-ds-avatar",
+          "description": "Avatar component can be used to display user profile images or icons, or illustrations.\n---\n\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar. Default is the design system's rounded radius. _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-width** - The width of the avatar's border. Default is 0. _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border. Default is transparent. _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border. Default is solid. _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar. Default is 'all 0.2s ease-in-out'. _(default: undefined)_\n- **--dds-avatar-size-lg** - The size of the large avatar. Default is the design system's spacing-2000. _(default: undefined)_\n- **--dds-avatar-size-md** - The size of the medium avatar. Default is the design system's spacing-1600. _(default: undefined)_\n- **--dds-avatar-size-sm** - The size of the small avatar. Default is the design system's spacing-1200. _(default: undefined)_\n- **--dds-avatar-size-xs** - The size of the extra small avatar. Default is the design system's spacing-800. _(default: undefined)_\n- **--dds-avatar-size-xxs** - The size of the extra extra small avatar. Default is the design system's spacing-600. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar image container.\n- **img** - The avatar image.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "inverted",
-              "description": "Inverted color style",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "size",
+              "description": "The size of the avatar",
+              "value": {
+                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'",
+                "default": "'md'"
+              }
             },
             {
-              "name": "variant",
-              "value": { "type": "string", "default": "'normal'" }
+              "name": "src",
+              "description": "The source of the avatar.",
+              "value": { "type": "string" }
             },
             {
-              "name": "mobile",
-              "description": "Mobile version of the breadcrumb",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "alt",
+              "description": "The alt text of the avatar.",
+              "value": { "type": "string" }
             },
             {
-              "name": "aria-labelledby",
-              "description": "The aria-labelledby of the breadcrumb",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the breadcrumb." },
+              "name": "width",
+              "description": "The width of the avatar. This will override the size.",
+              "value": { "type": "number" }
+            },
             {
-              "name": "separator",
-              "description": "The separator between breadcrumb items. Default is '/'."
+              "name": "height",
+              "description": "The height of the avatar. This will override the size.",
+              "value": { "type": "number" }
             }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "inverted",
-                "description": "Inverted color style",
-                "type": "boolean"
+                "name": "size",
+                "description": "The size of the avatar",
+                "type": "'lg' | 'md' | 'sm' | 'xs' | 'xxs'"
               },
-              { "name": "variant", "type": "string" },
               {
-                "name": "mobile",
-                "description": "Mobile version of the breadcrumb",
-                "type": "boolean"
+                "name": "src",
+                "description": "The source of the avatar.",
+                "type": "string"
               },
               {
-                "name": "ariaLabelledBy",
-                "description": "The aria-labelledby of the breadcrumb",
-                "type": "string | undefined"
+                "name": "alt",
+                "description": "The alt text of the avatar.",
+                "type": "string"
+              },
+              {
+                "name": "width",
+                "description": "The width of the avatar. This will override the size.",
+                "type": "number"
+              },
+              {
+                "name": "height",
+                "description": "The height of the avatar. This will override the size.",
+                "type": "number"
               }
             ],
             "events": []
@@ -527,14 +478,63 @@
           }
         },
         {
-          "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 Properties:**\n - **--dds-button-padding-x** - Horizontal padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-padding-y** - Vertical padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-border-radius** - Border radius of the button (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-button-font-weight** - Font weight of the button (default: 700) _(default: undefined)_\n- **--dds-button-line-height** - Line height of the button (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-button-transition** - Transition property of the button (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-button-disabled-opacity** - Opacity of disabled button (default: 0.5) _(default: undefined)_\n- **--dds-button-size-lg** - Size of large button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-size-md** - Size of medium button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-size-sm** - Size of small button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-size-xs** - Size of extra small button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-button-circle-lg** - Size of large circle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-circle-md** - Size of medium circle button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-circle-sm** - Size of small circle button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-circle-xs** - Size of extra small circle button (default: var(--dds-spacing-600)) Primary button properties: _(default: undefined)_\n- **--dds-button-primary-color-bg** - Background color of primary button (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-bg-hover** - Background color of primary button on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-button-primary-color-bg-active** - Background color of primary button when active (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-button-primary-color-bg-disabled** - Background color of disabled primary button (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-button-primary-color-text** - Text color of primary button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-text-disabled** - Text color of disabled primary button (default: var(--dds-button-primary-text-disabled)) Primary inverted button properties: _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg** - Background color of primary inverted button (default: var(--dds-button-primary-background-inverted-enabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-hover** - Background color of primary inverted button on hover (default: var(--dds-button-primary-background-inverted-hover)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-active** - Background color of primary inverted button when active (default: var(--dds-button-primary-background-inverted-pressed)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-disabled** - Background color of disabled primary inverted button (default: var(--dds-button-primary-background-inverted-disabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text** - Text color of primary inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text-disabled** - Text color of disabled primary inverted button (default: var(--dds-button-primary-text-inverted-disabled)) Outline button properties: _(default: undefined)_\n- **--dds-button-outline-color-border** - Border color of outline button (default: var(--dds-button-outline-border-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-border-hover** - Border color of outline button on hover (default: var(--dds-button-outline-border-hover)) _(default: undefined)_\n- **--dds-button-outline-color-border-active** - Border color of outline button when active (default: var(--dds-button-outline-border-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-border-disabled** - Border color of disabled outline button (default: var(--dds-button-outline-border-disabled)) _(default: undefined)_\n- **--dds-button-outline-color-text** - Text color of outline button (default: var(--dds-button-outline-text-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-text-hover** - Text color of outline button on hover (default: var(--dds-button-outline-text-hover)) _(default: undefined)_\n- **--dds-button-outline-color-text-active** - Text color of outline button when active (default: var(--dds-button-outline-text-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-text-disabled** - Text color of disabled outline button (default: var(--dds-button-outline-text-disabled)) Outline inverted button properties: _(default: undefined)_\n- **--dds-button-outline-inverted-color-border** - Border color of outline inverted button (default: var(--dds-button-outline-border-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-hover** - Border color of outline inverted button on hover (default: var(--dds-button-outline-border-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-active** - Border color of outline inverted button when active (default: var(--dds-button-outline-border-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-disabled** - Border color of disabled outline inverted button (default: var(--dds-button-outline-border-inverted-disabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text** - Text color of outline inverted button (default: var(--dds-button-outline-text-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-hover** - Text color of outline inverted button on hover (default: var(--dds-button-outline-text-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-active** - Text color of outline inverted button when active (default: var(--dds-button-outline-text-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-disabled** - Text color of disabled outline inverted button (default: var(--dds-button-outline-text-inverted-disabled)) Subtle button properties: _(default: undefined)_\n- **--dds-button-subtle-color-bg** - Background color of subtle button (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-hover** - Background color of subtle button on hover (default: var(--dds-button-subtle-background-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-active** - Background color of subtle button when active (default: var(--dds-button-subtle-background-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-disabled** - Background color of disabled subtle button (default: var(--dds-button-subtle-background-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border** - Border color of subtle button (default: var(--dds-button-subtle-border-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border-hover** - Border color of subtle button on hover (default: var(--dds-button-subtle-border-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-border-active** - Border color of subtle button when active (default: var(--dds-button-subtle-border-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-border-disabled** - Border color of disabled subtle button (default: var(--dds-button-subtle-border-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text** - Text color of subtle button (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text-hover** - Text color of subtle button on hover (default: var(--dds-button-subtle-text-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-text-active** - Text color of subtle button when active (default: var(--dds-button-subtle-text-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-text-disabled** - Text color of disabled subtle button (default: var(--dds-button-subtle-text-disabled)) Clean button properties: _(default: undefined)_\n- **--dds-button-clean-color-text** - Text color of clean button (default: var(--dds-text-link-base)) _(default: undefined)_\n- **--dds-button-clean-color-text-hover** - Text color of clean button on hover (default: var(--dds-text-link-hover)) _(default: undefined)_\n- **--dds-button-clean-color-text-active** - Text color of clean button when active (default: var(--dds-text-link-pressed)) _(default: undefined)_\n- **--dds-button-clean-color-text-disabled** - Text color of disabled clean button (default: var(--dds-text-neutral-disabled)) Clean inverted button properties: _(default: undefined)_\n- **--dds-button-clean-inverted-color-text** - Text color of clean inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-hover** - Text color of clean inverted button on hover (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-active** - Text color of clean inverted button when active (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-disabled** - Text color of disabled clean inverted button (default: var(--dds-text-neutral-disabled)) Danger button properties: _(default: undefined)_\n- **--dds-button-danger-color-bg** - Background color of danger button (default: var(--dds-button-primary-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-color-bg-hover** - Background color of danger button on hover (default: var(--dds-button-primary-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-color-bg-active** - Background color of danger button when active (default: var(--dds-button-primary-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-color-text** - Text color of danger button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border** - Border color of danger outline button (default: var(--dds-button-outline-border-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-hover** - Border color of danger outline button on hover (default: var(--dds-button-outline-border-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-active** - Border color of danger outline button when active (default: var(--dds-button-outline-border-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text** - Text color of danger outline button (default: var(--dds-button-outline-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-hover** - Text color of danger outline button on hover (default: var(--dds-button-outline-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-active** - Text color of danger outline button when active (default: var(--dds-button-outline-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg** - Background color of danger subtle button (default: var(--dds-button-subtle-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-hover** - Background color of danger subtle button on hover (default: var(--dds-button-subtle-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-active** - Background color of danger subtle button when active (default: var(--dds-button-subtle-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text** - Text color of danger subtle button (default: var(--dds-button-subtle-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-hover** - Text color of danger subtle button on hover (default: var(--dds-button-subtle-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-active** - Text color of danger subtle button when active (default: var(--dds-button-subtle-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text** - Text color of danger clean button (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-hover** - Text color of danger clean button on hover (default: var(--dds-text-negative-base)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-active** - Text color of danger clean button when active (default: var(--dds-text-negative-strong)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **high-contrast** - The high contrast part of the button.",
+          "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 Properties:**\n - **--dds-accordion-group-spacing** - Controls the gap between accordion items (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-accordion-group-border-color** - Controls the border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-group-border-width** - Controls the border width (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-group-border-radius** - Controls the border radius (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-group-background** - Controls the background color (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion group container.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variant",
-              "description": "The variant of the button",
-              "value": {
+              "name": "autoClose",
+              "description": "Whether to close other accordions when one is opened.",
+              "value": { "type": "string", "default": "'true'" }
+            },
+            {
+              "name": "variant",
+              "description": "The variant of the accordion",
+              "value": {
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
+                "default": "'default'"
+              }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the accordion group." }
+          ],
+          "events": [
+            {
+              "name": "dds-change",
+              "description": "Event fired when an accordion is opened or closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "autoClose",
+                "description": "Whether to close other accordions when one is opened.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the accordion",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "description": "Event fired when an accordion is opened or closed."
+              }
+            ]
+          }
+        },
+        {
+          "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 Properties:**\n - **--dds-button-padding-x** - Horizontal padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-padding-y** - Vertical padding of the button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-border-radius** - Border radius of the button (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-button-font-weight** - Font weight of the button (default: 700) _(default: undefined)_\n- **--dds-button-line-height** - Line height of the button (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-button-transition** - Transition property of the button (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-button-disabled-opacity** - Opacity of disabled button (default: 0.5) _(default: undefined)_\n- **--dds-button-size-lg** - Size of large button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-size-md** - Size of medium button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-size-sm** - Size of small button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-size-xs** - Size of extra small button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-button-circle-lg** - Size of large circle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-button-circle-md** - Size of medium circle button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-button-circle-sm** - Size of small circle button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-button-circle-xs** - Size of extra small circle button (default: var(--dds-spacing-600)) Primary button properties: _(default: undefined)_\n- **--dds-button-primary-color-bg** - Background color of primary button (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-bg-hover** - Background color of primary button on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-button-primary-color-bg-active** - Background color of primary button when active (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-button-primary-color-bg-disabled** - Background color of disabled primary button (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-button-primary-color-text** - Text color of primary button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-primary-color-text-disabled** - Text color of disabled primary button (default: var(--dds-button-primary-text-disabled)) Primary inverted button properties: _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg** - Background color of primary inverted button (default: var(--dds-button-primary-background-inverted-enabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-hover** - Background color of primary inverted button on hover (default: var(--dds-button-primary-background-inverted-hover)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-active** - Background color of primary inverted button when active (default: var(--dds-button-primary-background-inverted-pressed)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-bg-disabled** - Background color of disabled primary inverted button (default: var(--dds-button-primary-background-inverted-disabled)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text** - Text color of primary inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-primary-inverted-color-text-disabled** - Text color of disabled primary inverted button (default: var(--dds-button-primary-text-inverted-disabled)) Outline button properties: _(default: undefined)_\n- **--dds-button-outline-color-border** - Border color of outline button (default: var(--dds-button-outline-border-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-border-hover** - Border color of outline button on hover (default: var(--dds-button-outline-border-hover)) _(default: undefined)_\n- **--dds-button-outline-color-border-active** - Border color of outline button when active (default: var(--dds-button-outline-border-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-border-disabled** - Border color of disabled outline button (default: var(--dds-button-outline-border-disabled)) _(default: undefined)_\n- **--dds-button-outline-color-text** - Text color of outline button (default: var(--dds-button-outline-text-enabled)) _(default: undefined)_\n- **--dds-button-outline-color-text-hover** - Text color of outline button on hover (default: var(--dds-button-outline-text-hover)) _(default: undefined)_\n- **--dds-button-outline-color-text-active** - Text color of outline button when active (default: var(--dds-button-outline-text-pressed)) _(default: undefined)_\n- **--dds-button-outline-color-text-disabled** - Text color of disabled outline button (default: var(--dds-button-outline-text-disabled)) Outline inverted button properties: _(default: undefined)_\n- **--dds-button-outline-inverted-color-border** - Border color of outline inverted button (default: var(--dds-button-outline-border-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-hover** - Border color of outline inverted button on hover (default: var(--dds-button-outline-border-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-active** - Border color of outline inverted button when active (default: var(--dds-button-outline-border-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-border-disabled** - Border color of disabled outline inverted button (default: var(--dds-button-outline-border-inverted-disabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text** - Text color of outline inverted button (default: var(--dds-button-outline-text-inverted-enabled)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-hover** - Text color of outline inverted button on hover (default: var(--dds-button-outline-text-inverted-hover)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-active** - Text color of outline inverted button when active (default: var(--dds-button-outline-text-inverted-pressed)) _(default: undefined)_\n- **--dds-button-outline-inverted-color-text-disabled** - Text color of disabled outline inverted button (default: var(--dds-button-outline-text-inverted-disabled)) Subtle button properties: _(default: undefined)_\n- **--dds-button-subtle-color-bg** - Background color of subtle button (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-hover** - Background color of subtle button on hover (default: var(--dds-button-subtle-background-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-active** - Background color of subtle button when active (default: var(--dds-button-subtle-background-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-bg-disabled** - Background color of disabled subtle button (default: var(--dds-button-subtle-background-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border** - Border color of subtle button (default: var(--dds-button-subtle-border-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-border-hover** - Border color of subtle button on hover (default: var(--dds-button-subtle-border-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-border-active** - Border color of subtle button when active (default: var(--dds-button-subtle-border-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-border-disabled** - Border color of disabled subtle button (default: var(--dds-button-subtle-border-disabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text** - Text color of subtle button (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-button-subtle-color-text-hover** - Text color of subtle button on hover (default: var(--dds-button-subtle-text-hover)) _(default: undefined)_\n- **--dds-button-subtle-color-text-active** - Text color of subtle button when active (default: var(--dds-button-subtle-text-pressed)) _(default: undefined)_\n- **--dds-button-subtle-color-text-disabled** - Text color of disabled subtle button (default: var(--dds-button-subtle-text-disabled)) Clean button properties: _(default: undefined)_\n- **--dds-button-clean-color-text** - Text color of clean button (default: var(--dds-text-link-base)) _(default: undefined)_\n- **--dds-button-clean-color-text-hover** - Text color of clean button on hover (default: var(--dds-text-link-hover)) _(default: undefined)_\n- **--dds-button-clean-color-text-active** - Text color of clean button when active (default: var(--dds-text-link-pressed)) _(default: undefined)_\n- **--dds-button-clean-color-text-disabled** - Text color of disabled clean button (default: var(--dds-text-neutral-disabled)) Clean inverted button properties: _(default: undefined)_\n- **--dds-button-clean-inverted-color-text** - Text color of clean inverted button (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-hover** - Text color of clean inverted button on hover (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-active** - Text color of clean inverted button when active (default: var(--dds-button-primary-text-inverted)) _(default: undefined)_\n- **--dds-button-clean-inverted-color-text-disabled** - Text color of disabled clean inverted button (default: var(--dds-text-neutral-disabled)) Danger button properties: _(default: undefined)_\n- **--dds-button-danger-color-bg** - Background color of danger button (default: var(--dds-button-primary-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-color-bg-hover** - Background color of danger button on hover (default: var(--dds-button-primary-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-color-bg-active** - Background color of danger button when active (default: var(--dds-button-primary-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-color-text** - Text color of danger button (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border** - Border color of danger outline button (default: var(--dds-button-outline-border-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-hover** - Border color of danger outline button on hover (default: var(--dds-button-outline-border-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-border-active** - Border color of danger outline button when active (default: var(--dds-button-outline-border-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text** - Text color of danger outline button (default: var(--dds-button-outline-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-hover** - Text color of danger outline button on hover (default: var(--dds-button-outline-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-outline-color-text-active** - Text color of danger outline button when active (default: var(--dds-button-outline-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg** - Background color of danger subtle button (default: var(--dds-button-subtle-background-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-hover** - Background color of danger subtle button on hover (default: var(--dds-button-subtle-background-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-bg-active** - Background color of danger subtle button when active (default: var(--dds-button-subtle-background-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text** - Text color of danger subtle button (default: var(--dds-button-subtle-text-destructive-enabled)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-hover** - Text color of danger subtle button on hover (default: var(--dds-button-subtle-text-destructive-hover)) _(default: undefined)_\n- **--dds-button-danger-subtle-color-text-active** - Text color of danger subtle button when active (default: var(--dds-button-subtle-text-destructive-pressed)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text** - Text color of danger clean button (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-hover** - Text color of danger clean button on hover (default: var(--dds-text-negative-base)) _(default: undefined)_\n- **--dds-button-danger-clean-color-text-active** - Text color of danger clean button when active (default: var(--dds-text-negative-strong)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **high-contrast** - The high contrast part of the button.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the button",
+              "value": {
                 "type": "'primary' | 'outline' | 'subtle' | 'subtle-neutral' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted'",
                 "default": "'primary'"
               }
@@ -1295,177 +1295,6 @@
             "events": []
           }
         },
-        {
-          "name": "dap-ds-checkbox",
-          "description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. Default is `var(--dds-spacing-500)`. _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. Default is `var(--dds-border-width-large)`. _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. Default is `var(--dds-radius-small)`. _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. Default is `var(--dds-border-neutral-base)`. _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. Default is `transparent`. _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. Default is `var(--dds-button-primary-icon-enabled)`. _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. Default is `var(--dds-border-neutral-medium)`. _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. Default is `var(--dds-background-neutral-medium)`. _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. Default is `var(--dds-border-neutral-strong)`. _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. Default is `var(--dds-background-neutral-strong)`. _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. Default is `var(--dds-border-negative-base)`. _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. Default is `var(--dds-background-negative-base)`. _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. Default is `var(--dds-border-negative-medium)`. _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. Default is `var(--dds-background-negative-medium)`. _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. Default is `var(--dds-border-negative-strong)`. _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. Default is `var(--dds-background-negative-strong)`. _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. Default is `var(--dds-button-primary-icon-disabled)`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "indeterminate",
-              "description": "Whether the checkbox is indeterminate",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "preventDefault",
-              "description": "Whether the checkbox should prevent the default action",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "border",
-              "description": "This sets up border around the checkbox, when true.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "type",
-              "description": "The type of the checkbox",
-              "value": {
-                "type": "'normal' | 'background'",
-                "default": "'normal'"
-              }
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-change",
-              "description": "Fired when the checkbox is checked or unchecked."
-            },
-            {
-              "name": "dds-blur",
-              "description": "Emitted when the checkbox loses focus."
-            },
-            {
-              "name": "dds-focus",
-              "description": "Emitted when the checkbox gains focus."
-            },
-            {
-              "name": "dds-input",
-              "description": "Emitted when the checkbox receives input."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "indeterminate",
-                "description": "Whether the checkbox is indeterminate",
-                "type": "boolean"
-              },
-              {
-                "name": "preventDefault",
-                "description": "Whether the checkbox should prevent the default action",
-                "type": "boolean"
-              },
-              {
-                "name": "border",
-                "description": "This sets up border around the checkbox, when true.",
-                "type": "boolean"
-              },
-              {
-                "name": "type",
-                "description": "The type of the checkbox",
-                "type": "'normal' | 'background'"
-              },
-              { "name": "focusElement" },
-              {
-                "name": "name",
-                "description": "The name of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "value",
-                "description": "The value of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "checked",
-                "description": "Whether the checkbox is checked.",
-                "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "The label of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "description",
-                "description": "The description of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "Whether the checkbox is disabled.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "Whether the checkbox is required.",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the checkbox.",
-                "type": "'xs' | sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "labelPlacement",
-                "description": "The placement of the label.",
-                "type": "'left' | 'right'"
-              },
-              {
-                "name": "descriptionPlacement",
-                "description": "The placement of the description.",
-                "type": "'top' | 'bottom'"
-              },
-              {
-                "name": "subtle",
-                "description": "The weight of the label.",
-                "type": "boolean"
-              },
-              {
-                "name": "feedback",
-                "description": "The feedback of the checkbox.",
-                "type": "string"
-              },
-              {
-                "name": "feedbackType",
-                "description": "The feedback type of the checkbox.",
-                "type": "'negative' | 'positive' | 'warning'"
-              },
-              {
-                "name": "invalid",
-                "description": "The invalid state of the checkbox.",
-                "type": "boolean"
-              },
-              {
-                "name": "optional",
-                "description": "The optional state of the checkbox.",
-                "type": "boolean"
-              },
-              {
-                "name": "optionalLabel",
-                "description": "The optional label of the checkbox.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-change",
-                "description": "Fired when the checkbox is checked or unchecked."
-              },
-              {
-                "name": "dds-blur",
-                "description": "Emitted when the checkbox loses focus."
-              },
-              {
-                "name": "dds-focus",
-                "description": "Emitted when the checkbox gains focus."
-              },
-              {
-                "name": "dds-input",
-                "description": "Emitted when the checkbox receives input."
-              }
-            ]
-          }
-        },
         {
           "name": "dap-ds-combobox",
           "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the select value changes.\n- **dds-blur** - Emitted when the select loses focus.\n- **dds-focus** - Emitted when the select gains focus.\n- **dds-clear** - Emitted when the select is cleared.\n- **dds-search** - Emitted when the manual input value changes.\n- **dds-input** - Emitted when typing happens in the input.\n\n### **Slots:**\n - _default_ - The default slot for the options.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. Defaults to var(--dds-fields-background-default). _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. Defaults to var(--dds-border-neutral-base). _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. Defaults to var(--dds-border-width-base, 1px). _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. Defaults to var(--dds-radius-base). _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. Defaults to var(--dds-text-neutral-base). _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. Defaults to var(--dds-text-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. Defaults to var(--dds-background-neutral-stronger). _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. Defaults to var(--dds-text-neutral-disabled). _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. Defaults to var(--dds-border-negative-base). _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. Defaults to var(--dds-border-positive-base). _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. Defaults to var(--dds-text-icon-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. Defaults to var(--dds-button-subtle-icon-neutral-enabled). _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. Defaults to var(--dds-background-neutral-subtle). _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. Defaults to 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%). _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. Defaults to var(--dds-spacing-100). _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. Defaults to var(--dds-spacing-200). _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. Defaults to var(--dds-spacing-300). _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. Defaults to var(--dds-spacing-800). _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. Defaults to var(--dds-spacing-600). _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. Defaults to 7.5rem. _(default: undefined)_\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.",
@@ -1652,29 +1481,200 @@
           }
         },
         {
-          "name": "dap-ds-command-group",
-          "description": "A command group is a group of command items.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the command group.\n\n### **CSS Properties:**\n - **--dds-command-group-gap** - The gap between command group elements. Defaults to var(--dds-spacing-100) _(default: undefined)_\n- **--dds-command-group-margin-bottom** - The bottom margin of the command group. Defaults to var(--dds-spacing-200) _(default: undefined)_\n- **--dds-command-group-border-radius** - The border radius of the command group. Defaults to var(--dds-radius-small) _(default: undefined)_\n- **--dds-command-group-label-font-weight** - The font weight of the command group label. Defaults to var(--dds-font-weight-bold) _(default: undefined)_\n- **--dds-command-group-items-gap** - The gap between command items. Defaults to var(--dds-spacing-100) _(default: undefined)_",
+          "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 Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. Default is `var(--dds-spacing-500)`. _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. Default is `var(--dds-border-width-large)`. _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. Default is `var(--dds-radius-small)`. _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. Default is `var(--dds-border-neutral-base)`. _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. Default is `transparent`. _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. Default is `var(--dds-button-primary-icon-enabled)`. _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. Default is `var(--dds-border-neutral-medium)`. _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. Default is `var(--dds-background-neutral-medium)`. _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. Default is `var(--dds-border-neutral-strong)`. _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. Default is `var(--dds-background-neutral-strong)`. _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. Default is `var(--dds-background-brand-base-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. Default is `var(--dds-background-brand-medium-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. Default is `var(--dds-background-brand-strong-inverted)`. _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. Default is `var(--dds-border-negative-base)`. _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. Default is `var(--dds-background-negative-base)`. _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. Default is `var(--dds-border-negative-medium)`. _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. Default is `var(--dds-background-negative-medium)`. _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. Default is `var(--dds-border-negative-strong)`. _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. Default is `var(--dds-background-negative-strong)`. _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. Default is `var(--dds-button-primary-background-disabled)`. _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. Default is `var(--dds-button-primary-icon-disabled)`. _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "label",
-              "description": "The label of the command group.",
-              "value": { "type": "string | undefined" }
+              "name": "indeterminate",
+              "description": "Whether the checkbox is indeterminate",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "exclusive",
-              "description": "Whether the command group is exclusive, only one item can be selected at a time.",
+              "name": "preventDefault",
+              "description": "Whether the checkbox should prevent the default action",
               "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
+            },
             {
-              "name": "",
-              "description": "The default slot for the command group."
+              "name": "border",
+              "description": "This sets up border around the checkbox, when true.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "description": "The type of the checkbox",
+              "value": {
+                "type": "'normal' | 'background'",
+                "default": "'normal'"
+              }
             }
           ],
-          "events": [],
-          "js": {
+          "events": [
+            {
+              "name": "dds-change",
+              "description": "Fired when the checkbox is checked or unchecked."
+            },
+            {
+              "name": "dds-blur",
+              "description": "Emitted when the checkbox loses focus."
+            },
+            {
+              "name": "dds-focus",
+              "description": "Emitted when the checkbox gains focus."
+            },
+            {
+              "name": "dds-input",
+              "description": "Emitted when the checkbox receives input."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "indeterminate",
+                "description": "Whether the checkbox is indeterminate",
+                "type": "boolean"
+              },
+              {
+                "name": "preventDefault",
+                "description": "Whether the checkbox should prevent the default action",
+                "type": "boolean"
+              },
+              {
+                "name": "border",
+                "description": "This sets up border around the checkbox, when true.",
+                "type": "boolean"
+              },
+              {
+                "name": "type",
+                "description": "The type of the checkbox",
+                "type": "'normal' | 'background'"
+              },
+              { "name": "focusElement" },
+              {
+                "name": "name",
+                "description": "The name of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "checked",
+                "description": "Whether the checkbox is checked.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "description",
+                "description": "The description of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the checkbox is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "Whether the checkbox is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the checkbox.",
+                "type": "'xs' | sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "labelPlacement",
+                "description": "The placement of the label.",
+                "type": "'left' | 'right'"
+              },
+              {
+                "name": "descriptionPlacement",
+                "description": "The placement of the description.",
+                "type": "'top' | 'bottom'"
+              },
+              {
+                "name": "subtle",
+                "description": "The weight of the label.",
+                "type": "boolean"
+              },
+              {
+                "name": "feedback",
+                "description": "The feedback of the checkbox.",
+                "type": "string"
+              },
+              {
+                "name": "feedbackType",
+                "description": "The feedback type of the checkbox.",
+                "type": "'negative' | 'positive' | 'warning'"
+              },
+              {
+                "name": "invalid",
+                "description": "The invalid state of the checkbox.",
+                "type": "boolean"
+              },
+              {
+                "name": "optional",
+                "description": "The optional state of the checkbox.",
+                "type": "boolean"
+              },
+              {
+                "name": "optionalLabel",
+                "description": "The optional label of the checkbox.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "description": "Fired when the checkbox is checked or unchecked."
+              },
+              {
+                "name": "dds-blur",
+                "description": "Emitted when the checkbox loses focus."
+              },
+              {
+                "name": "dds-focus",
+                "description": "Emitted when the checkbox gains focus."
+              },
+              {
+                "name": "dds-input",
+                "description": "Emitted when the checkbox receives input."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-command-group",
+          "description": "A command group is a group of command items.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the command group.\n\n### **CSS Properties:**\n - **--dds-command-group-gap** - The gap between command group elements. Defaults to var(--dds-spacing-100) _(default: undefined)_\n- **--dds-command-group-margin-bottom** - The bottom margin of the command group. Defaults to var(--dds-spacing-200) _(default: undefined)_\n- **--dds-command-group-border-radius** - The border radius of the command group. Defaults to var(--dds-radius-small) _(default: undefined)_\n- **--dds-command-group-label-font-weight** - The font weight of the command group label. Defaults to var(--dds-font-weight-bold) _(default: undefined)_\n- **--dds-command-group-items-gap** - The gap between command items. Defaults to var(--dds-spacing-100) _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The label of the command group.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "exclusive",
+              "description": "Whether the command group is exclusive, only one item can be selected at a time.",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot for the command group."
+            }
+          ],
+          "events": [],
+          "js": {
             "properties": [
               {
                 "name": "label",
@@ -7746,148 +7746,400 @@
                 "type": "string"
               },
               {
-                "name": "subtle",
-                "description": "Whether the input group label is subtle.",
-                "type": "boolean"
+                "name": "subtle",
+                "description": "Whether the input group label is subtle.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-radio-group",
+          "description": "A radio group is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the radio group is checked.\n- **dds-blur** - Emitted when the radio group loses focus.\n- **dds-focus** - Emitted when the radio group gains focus.\n\n### **Slots:**\n - _default_ - The content of the radio group.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main radio group container.\n- **label** - The label of the radio group.\n- **tooltip** - The tooltip of the radio group.\n- **container** - The container of the radio group items.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "tooltipPlacement",
+              "description": "The tooltip placement of the radio group.",
+              "value": {
+                "type": "'top' | 'right' | 'bottom' | 'left'",
+                "default": "'bottom'"
+              }
+            },
+            {
+              "name": "optionalLabel",
+              "description": "Text of optional label.",
+              "value": { "type": "string", "default": "''" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the radio group." },
+            {
+              "name": "feedback-icon",
+              "description": "The custom icon of the feedback."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-change",
+              "description": "Fired when the radio group is checked."
+            },
+            {
+              "name": "dds-blur",
+              "description": "Emitted when the radio group loses focus."
+            },
+            {
+              "name": "dds-focus",
+              "description": "Emitted when the radio group gains focus."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "tooltipPlacement",
+                "description": "The tooltip placement of the radio group.",
+                "type": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              { "name": "hiddenInput", "type": "HTMLInputElement" },
+              {
+                "name": "optionalLabel",
+                "description": "Text of optional label.",
+                "type": "string"
+              },
+              { "name": "validationMessage", "type": "string" },
+              { "name": "validity" },
+              {
+                "name": "name",
+                "description": "The name of the radio group.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the radio group.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the radio group is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "Whether the radio group is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "The label of the radio group.",
+                "type": "string"
+              },
+              {
+                "name": "description",
+                "description": "The description of the radio group.",
+                "type": "string"
+              },
+              {
+                "name": "tooltip",
+                "description": "The tooltip of the radio group.",
+                "type": "string"
+              },
+              {
+                "name": "feedback",
+                "description": "The feedback of the radio group.",
+                "type": "string"
+              },
+              {
+                "name": "feedbackType",
+                "description": "The feedback type of the radio group. Can be `negative`, `positive`, or `warning`.",
+                "type": "'negative' | 'positive' | 'warning'"
+              },
+              {
+                "name": "optional",
+                "description": "The optional state of the radio group.",
+                "type": "boolean"
+              },
+              {
+                "name": "subtle",
+                "description": "Font weight of the feedback label. Default is `false` which is bold.",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the radio group. Default is `sm`.",
+                "type": "'xs' | 'sm' | 'lg'"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "description": "Fired when the radio group is checked."
+              },
+              {
+                "name": "dds-blur",
+                "description": "Emitted when the radio group loses focus."
+              },
+              {
+                "name": "dds-focus",
+                "description": "Emitted when the radio group gains focus."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-icon-arrow-down-line",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-icon-arrow-down-s-fill",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-icon-arrow-down-s-line",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
+            },
+            {
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
+            {
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
+              },
+              {
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
+              },
+              {
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
+              },
+              {
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
               }
             ],
             "events": []
           }
         },
         {
-          "name": "dap-ds-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.",
+          "name": "dap-ds-icon-arrow-left-down-line",
+          "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "tooltipPlacement",
-              "description": "The tooltip placement of the radio group.",
-              "value": {
-                "type": "'top' | 'right' | 'bottom' | 'left'",
-                "default": "'bottom'"
-              }
+              "name": "size",
+              "description": "(optional) The width and height in pixels",
+              "value": { "type": "number", "default": "24" }
             },
             {
-              "name": "optionalLabel",
-              "description": "Text of optional label.",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the radio group." },
-            {
-              "name": "feedback-icon",
-              "description": "The custom icon of the feedback."
-            }
-          ],
-          "events": [
+              "name": "selected",
+              "description": "(optional) Sets the icon color via the `fill` attribute",
+              "value": { "type": "boolean | undefined", "default": "false" }
+            },
             {
-              "name": "dds-change",
-              "description": "Fired when the radio group is checked."
+              "name": "decorative",
+              "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+              "value": { "type": "boolean | undefined", "default": "false" }
             },
             {
-              "name": "dds-blur",
-              "description": "Emitted when the radio group loses focus."
+              "name": "accessibilityTitle",
+              "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+              "value": { "type": "string | undefined" }
             },
             {
-              "name": "dds-focus",
-              "description": "Emitted when the radio group gains focus."
+              "name": "focusable",
+              "description": "(optional) If `true` the icon can receive focus",
+              "value": { "type": "boolean | undefined", "default": "false" }
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "tooltipPlacement",
-                "description": "The tooltip placement of the radio group.",
-                "type": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              { "name": "hiddenInput", "type": "HTMLInputElement" },
-              {
-                "name": "optionalLabel",
-                "description": "Text of optional label.",
-                "type": "string"
-              },
-              { "name": "validationMessage", "type": "string" },
-              { "name": "validity" },
-              {
-                "name": "name",
-                "description": "The name of the radio group.",
-                "type": "string"
-              },
-              {
-                "name": "value",
-                "description": "The value of the radio group.",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "Whether the radio group is disabled.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "Whether the radio group is required.",
-                "type": "boolean"
-              },
-              {
-                "name": "label",
-                "description": "The label of the radio group.",
-                "type": "string"
-              },
-              {
-                "name": "description",
-                "description": "The description of the radio group.",
-                "type": "string"
-              },
-              {
-                "name": "tooltip",
-                "description": "The tooltip of the radio group.",
-                "type": "string"
-              },
-              {
-                "name": "feedback",
-                "description": "The feedback of the radio group.",
-                "type": "string"
+                "name": "size",
+                "description": "(optional) The width and height in pixels",
+                "type": "number"
               },
               {
-                "name": "feedbackType",
-                "description": "The feedback type of the radio group. Can be `negative`, `positive`, or `warning`.",
-                "type": "'negative' | 'positive' | 'warning'"
+                "name": "selected",
+                "description": "(optional) Sets the icon color via the `fill` attribute",
+                "type": "boolean | undefined"
               },
               {
-                "name": "optional",
-                "description": "The optional state of the radio group.",
-                "type": "boolean"
+                "name": "decorative",
+                "description": "(optional) If `true` the SVG element will get `aria-hidden=\"true\"`",
+                "type": "boolean | undefined"
               },
               {
-                "name": "subtle",
-                "description": "Font weight of the feedback label. Default is `false` which is bold.",
-                "type": "boolean"
+                "name": "accessibilityTitle",
+                "description": "(optional) When using the icon standalone, make it meaningful for accessibility",
+                "type": "string | undefined"
               },
               {
-                "name": "size",
-                "description": "The size of the radio group. Default is `sm`.",
-                "type": "'xs' | 'sm' | 'lg'"
+                "name": "focusable",
+                "description": "(optional) If `true` the icon can receive focus",
+                "type": "boolean | undefined"
               }
             ],
-            "events": [
-              {
-                "name": "dds-change",
-                "description": "Fired when the radio group is checked."
-              },
-              {
-                "name": "dds-blur",
-                "description": "Emitted when the radio group loses focus."
-              },
-              {
-                "name": "dds-focus",
-                "description": "Emitted when the radio group gains focus."
-              }
-            ]
+            "events": []
           }
         },
         {
-          "name": "dap-ds-icon-arrow-down-line",
+          "name": "dap-ds-icon-arrow-left-l-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -7950,7 +8202,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-down-s-fill",
+          "name": "dap-ds-icon-arrow-left-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8013,7 +8265,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-down-s-line",
+          "name": "dap-ds-icon-arrow-left-s-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8076,7 +8328,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-down-line",
+          "name": "dap-ds-icon-arrow-left-s-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8139,7 +8391,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-l-line",
+          "name": "dap-ds-icon-arrow-left-up-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8202,7 +8454,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-line",
+          "name": "dap-ds-icon-arrow-right-down-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8265,7 +8517,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-s-fill",
+          "name": "dap-ds-icon-arrow-right-l-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8328,7 +8580,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-s-line",
+          "name": "dap-ds-icon-arrow-right-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8391,7 +8643,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-up-line",
+          "name": "dap-ds-icon-arrow-right-s-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8454,7 +8706,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-down-line",
+          "name": "dap-ds-icon-arrow-right-s-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8517,7 +8769,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-l-line",
+          "name": "dap-ds-icon-arrow-right-up-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8580,7 +8832,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-line",
+          "name": "dap-ds-icon-arrow-up-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8643,7 +8895,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-s-fill",
+          "name": "dap-ds-icon-arrow-up-s-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8706,7 +8958,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-s-line",
+          "name": "dap-ds-icon-arrow-up-s-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8769,7 +9021,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-up-line",
+          "name": "dap-ds-icon-expand-up-down-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8832,7 +9084,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-up-line",
+          "name": "dap-ds-icon-home-6-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8895,7 +9147,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-up-s-line",
+          "name": "dap-ds-icon-calendar-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -8958,7 +9210,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-up-s-fill",
+          "name": "dap-ds-icon-clipboard-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9021,7 +9273,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-expand-up-down-fill",
+          "name": "dap-ds-icon-file-copy-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9084,7 +9336,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-home-6-line",
+          "name": "dap-ds-icon-cookie-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9147,7 +9399,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-calendar-line",
+          "name": "dap-ds-icon-add-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9210,7 +9462,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-cookie-line",
+          "name": "dap-ds-icon-alert-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9273,7 +9525,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-clipboard-line",
+          "name": "dap-ds-icon-alert-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9336,7 +9588,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-copy-line",
+          "name": "dap-ds-icon-check-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9399,7 +9651,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-add-line",
+          "name": "dap-ds-icon-check-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9462,7 +9714,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-fill",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9525,7 +9777,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-line",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9588,7 +9840,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line",
+          "name": "dap-ds-icon-checkbox-blank-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9651,7 +9903,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line2",
+          "name": "dap-ds-icon-checkbox-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9714,7 +9966,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill",
+          "name": "dap-ds-icon-checkbox-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9777,7 +10029,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
+          "name": "dap-ds-icon-close-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9840,7 +10092,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-line",
+          "name": "dap-ds-icon-close-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9903,7 +10155,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-fill",
+          "name": "dap-ds-icon-close-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -9966,7 +10218,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-line",
+          "name": "dap-ds-icon-close-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10029,7 +10281,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-fill",
+          "name": "dap-ds-icon-download-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10092,7 +10344,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-line",
+          "name": "dap-ds-icon-error-warning-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10155,7 +10407,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-fill",
+          "name": "dap-ds-icon-error-warning-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10218,7 +10470,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-line",
+          "name": "dap-ds-icon-external-link-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10281,7 +10533,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-download-line",
+          "name": "dap-ds-icon-eye-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10344,7 +10596,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-fill",
+          "name": "dap-ds-icon-eye-off-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10407,7 +10659,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-line",
+          "name": "dap-ds-icon-forbid-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10470,7 +10722,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-external-link-line",
+          "name": "dap-ds-icon-information-2-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10533,7 +10785,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-line",
+          "name": "dap-ds-icon-information-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10596,7 +10848,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-off-line",
+          "name": "dap-ds-icon-information-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10659,7 +10911,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-forbid-fill",
+          "name": "dap-ds-icon-lightbulb-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10722,7 +10974,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-2-fill",
+          "name": "dap-ds-icon-loading-spinner",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10785,7 +11037,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-fill",
+          "name": "dap-ds-icon-lock-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10848,7 +11100,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-line",
+          "name": "dap-ds-icon-lock-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10911,7 +11163,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lightbulb-fill",
+          "name": "dap-ds-icon-menu-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -10974,7 +11226,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-loading-spinner",
+          "name": "dap-ds-icon-menu-line-s",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11037,7 +11289,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line",
+          "name": "dap-ds-icon-search-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11100,7 +11352,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line-s",
+          "name": "dap-ds-icon-shield-check-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11163,7 +11415,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-search-line",
+          "name": "dap-ds-icon-shield-check-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11289,7 +11541,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line",
+          "name": "dap-ds-icon-subtract-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11352,7 +11604,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line2",
+          "name": "dap-ds-icon-subtract-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [