dap-design-system 0.59.0 → 0.59.2

package/dist/manifest/web-types.json

@@ -6,6 +6,113 @@
   "contributions": {
     "html": {
       "elements": [
+        {
+          "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- **content-container** - The container of the accordion content.\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.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            {
+              "name": "default",
+              "description": "The content of the accordion."
+            },
+            {
+              "name": "heading",
+              "description": "The heading of the accordion."
+            },
+            {
+              "name": "icon-opened",
+              "description": "The icon when the accordion is opened."
+            },
+            {
+              "name": "icon-closed",
+              "description": "The icon when the accordion is closed."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-opened",
+              "type": "{ open: boolean, item: AccordionBaseElement }",
+              "description": "Event fired when the accordion is opened."
+            },
+            {
+              "name": "dds-closed",
+              "type": "{ open: boolean, item: AccordionBaseElement }",
+              "description": "Event fired when the accordion is closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm).",
+                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\")",
+                "type": "string"
+              },
+              {
+                "name": "parentSized",
+                "description": "When \"true\", size is taken from the parent card if present.",
+                "type": "string"
+              },
+              {
+                "name": "heading",
+                "description": "The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided",
+                "type": "string"
+              },
+              {
+                "name": "headingLevel",
+                "description": "The heading level of the accordion. Default is `4`.",
+                "type": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              {
+                "name": "opened",
+                "description": "Whether the accordion is opened. Default is `false`.",
+                "type": "boolean"
+              },
+              {
+                "name": "iconLocation",
+                "description": "The location of the icon. Default is `right`.",
+                "type": "'left' | 'right'"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the accordion.",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+              },
+              {
+                "name": "lastItem",
+                "description": "Whether the accordion is the last item.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the accordion is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "loading",
+                "description": "Whether the accordion is in loading state.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-opened",
+                "type": "{ open: boolean, item: AccordionBaseElement }",
+                "description": "Event fired when the accordion is opened."
+              },
+              {
+                "name": "dds-closed",
+                "type": "{ open: boolean, item: AccordionBaseElement }",
+                "description": "Event fired when the accordion is closed."
+              }
+            ]
+          }
+        },
         {
           "name": "dap-ds-accordion-group",
           "description": "An accordion group is a collection of accordion components.\n---\n\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.",
@@ -72,6 +179,105 @@
             "events": []
           }
         },
+        {
+          "name": "dap-ds-avatar-group",
+          "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "layout",
+              "description": "Layout type for the avatar group",
+              "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
+            },
+            {
+              "name": "max",
+              "description": "Maximum number of avatars to show before showing overflow",
+              "value": { "type": "number", "default": "3" }
+            },
+            {
+              "name": "show-total",
+              "description": "Whether to show the total count in overflow indicator",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "interactive-overflow",
+              "description": "Interactive overflow indicator",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible label for the avatar group",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "overflow-label",
+              "description": "Accessible label for the overflow indicator",
+              "value": { "type": "string" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The avatars to display in the group."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-overflow-click",
+              "description": "Fired when the overflow indicator is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "layout",
+                "description": "Layout type for the avatar group",
+                "type": "'stack' | 'grid'"
+              },
+              {
+                "name": "max",
+                "description": "Maximum number of avatars to show before showing overflow",
+                "type": "number"
+              },
+              {
+                "name": "showTotal",
+                "description": "Whether to show the total count in overflow indicator",
+                "type": "boolean"
+              },
+              {
+                "name": "interactiveOverflow",
+                "description": "Interactive overflow indicator",
+                "type": "boolean"
+              },
+              {
+                "name": "label",
+                "description": "Accessible label for the avatar group",
+                "type": "string"
+              },
+              {
+                "name": "overflowLabel",
+                "description": "Accessible label for the overflow indicator",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
+                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-overflow-click",
+                "description": "Fired when the overflow indicator is clicked."
+              }
+            ]
+          }
+        },
         {
           "name": "dap-ds-avatar",
           "description": "Avatar component can be used to display user profile images, initials, or icons.\n---\n\n\n### **Events:**\n - **dds-load** - Fired when the image loads successfully.\n- **dds-error** - Fired when the image fails to load.\n\n### **Slots:**\n - **icon** - The icon to display when variant is 'icon'.\n- **fallback** - Custom fallback content when image fails to load.\n\n### **CSS Properties:**\n - **--dds-avatar-border-radius** - The border radius of the avatar (default: 50%) _(default: undefined)_\n- **--dds-avatar-background-color** - The background color of the avatar (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-avatar-border-width** - The border width of the avatar (default: 0) _(default: undefined)_\n- **--dds-avatar-border-color** - The color of the avatar's border (default: transparent) _(default: undefined)_\n- **--dds-avatar-border-style** - The style of the avatar's border (default: solid) _(default: undefined)_\n- **--dds-avatar-transition** - The transition property for the avatar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-avatar-text-color** - The text color for initials (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-avatar-font-weight** - The font weight for initials (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-avatar-lg-size** - Size for large avatars (default: var(--dds-avatar-size-lg)) _(default: undefined)_\n- **--dds-avatar-md-size** - Size for medium avatars (default: var(--dds-avatar-size-md)) _(default: undefined)_\n- **--dds-avatar-sm-size** - Size for small avatars (default: var(--dds-avatar-size-sm)) _(default: undefined)_\n- **--dds-avatar-xs-size** - Size for extra small avatars (default: var(--dds-avatar-size-xs)) _(default: undefined)_\n- **--dds-avatar-xxs-size** - Size for extra extra small avatars (default: var(--dds-avatar-size-xxs)) _(default: undefined)_\n- **--dds-avatar-font-size-lg** - Font size for large avatars (default: var(--dds-font-2xl)) _(default: undefined)_\n- **--dds-avatar-font-size-md** - Font size for medium avatars (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-avatar-font-size-sm** - Font size for small avatars (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-avatar-font-size-xs** - Font size for extra small avatars (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-avatar-font-size-xxs** - Font size for extra extra small avatars (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-avatar-hover-transform** - Transform applied on hover for interactive avatars (default: scale(1.05)) _(default: undefined)_\n- **--dds-avatar-active-transform** - Transform applied when active for interactive avatars (default: scale(0.95)) _(default: undefined)_\n- **--dds-avatar-focus-ring** - Focus ring style for interactive avatars (default: 0 0 0 2px var(--dds-focus-outer-ring)) _(default: undefined)_\n- **--dds-avatar-loading-background** - Background color when loading (default: var(--dds-neutral-100)) _(default: undefined)_\n- **--dds-avatar-error-background** - Background color when image fails to load (default: var(--dds-negative-100)) _(default: undefined)_\n- **--dds-avatar-error-color** - Text color when image fails to load (default: var(--dds-negative-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main avatar container.\n- **img** - The avatar image.\n- **initials** - The initials container.\n- **icon** - The icon container.\n- **fallback** - The fallback content container.\n- **loading** - The loading indicator.",
@@ -230,207 +436,94 @@
           }
         },
         {
-          "name": "dap-ds-avatar-group",
-          "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
+          "name": "dap-ds-banner",
+          "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** -  The title of the banner.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "layout",
-              "description": "Layout type for the avatar group",
-              "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
+              "name": "variant",
+              "description": "The variant of the banner",
+              "value": {
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
+                "default": "'brand'"
+              }
             },
             {
-              "name": "max",
-              "description": "Maximum number of avatars to show before showing overflow",
-              "value": { "type": "number", "default": "3" }
+              "name": "closeable",
+              "description": "Whether the banner is closeable",
+              "value": { "type": "boolean" }
             },
             {
-              "name": "show-total",
-              "description": "Whether to show the total count in overflow indicator",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "opened",
+              "description": "State of the banner. If false banner is hidden",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "name": "interactive-overflow",
-              "description": "Interactive overflow indicator",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "closeButtonLabel",
+              "description": "The aria-label for the close button",
+              "value": { "type": "string", "default": "'close'" }
             },
             {
-              "name": "label",
-              "description": "Accessible label for the avatar group",
-              "value": { "type": "string" }
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the close button.",
+              "value": { "type": "string", "default": "'banner-close-button'" }
             },
             {
-              "name": "overflow-label",
-              "description": "Accessible label for the overflow indicator",
+              "name": "icon",
+              "description": "The icon of the banner, this is a name of a built icon icon",
               "value": { "type": "string" }
             }
           ],
           "slots": [
-            {
-              "name": "",
-              "description": "The avatars to display in the group."
-            }
+            { "name": "", "description": "The content of the banner." },
+            { "name": "actions", "description": "Actions of banner" },
+            { "name": "icon", "description": "The icon of the banner." }
           ],
           "events": [
             {
-              "name": "dds-overflow-click",
-              "description": "Fired when the overflow indicator is clicked."
+              "name": "dds-close",
+              "type": "{ void }",
+              "description": "Event fired when the banner is closed."
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "layout",
-                "description": "Layout type for the avatar group",
-                "type": "'stack' | 'grid'"
-              },
-              {
-                "name": "max",
-                "description": "Maximum number of avatars to show before showing overflow",
-                "type": "number"
-              },
-              {
-                "name": "showTotal",
-                "description": "Whether to show the total count in overflow indicator",
-                "type": "boolean"
+                "name": "variant",
+                "description": "The variant of the banner",
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
               },
               {
-                "name": "interactiveOverflow",
-                "description": "Interactive overflow indicator",
+                "name": "closeable",
+                "description": "Whether the banner is closeable",
                 "type": "boolean"
               },
               {
-                "name": "label",
-                "description": "Accessible label for the avatar group",
-                "type": "string"
-              },
-              {
-                "name": "overflowLabel",
-                "description": "Accessible label for the overflow indicator",
-                "type": "string"
-              },
-              {
-                "name": "size",
-                "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
-                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-overflow-click",
-                "description": "Fired when the overflow indicator is clicked."
-              }
-            ]
-          }
-        },
-        {
-          "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- **content-container** - The container of the accordion content.\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.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "default",
-              "description": "The content of the accordion."
-            },
-            {
-              "name": "heading",
-              "description": "The heading of the accordion."
-            },
-            {
-              "name": "icon-opened",
-              "description": "The icon when the accordion is opened."
-            },
-            {
-              "name": "icon-closed",
-              "description": "The icon when the accordion is closed."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-opened",
-              "type": "{ open: boolean, item: AccordionBaseElement }",
-              "description": "Event fired when the accordion is opened."
-            },
-            {
-              "name": "dds-closed",
-              "type": "{ open: boolean, item: AccordionBaseElement }",
-              "description": "Event fired when the accordion is closed."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "size",
-                "description": "The size of the accordion. Default is `sm`. Visual variants are sm and lg (other sizes map to sm).",
-                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\")",
+                "name": "opened",
+                "description": "State of the banner. If false banner is hidden",
                 "type": "string"
               },
               {
-                "name": "parentSized",
-                "description": "When \"true\", size is taken from the parent card if present.",
+                "name": "closeButtonLabel",
+                "description": "The aria-label for the close button",
                 "type": "string"
               },
               {
-                "name": "heading",
-                "description": "The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided",
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the close button.",
                 "type": "string"
               },
               {
-                "name": "headingLevel",
-                "description": "The heading level of the accordion. Default is `4`.",
-                "type": "1 | 2 | 3 | 4 | 5 | 6"
-              },
-              {
-                "name": "opened",
-                "description": "Whether the accordion is opened. Default is `false`.",
-                "type": "boolean"
-              },
-              {
-                "name": "iconLocation",
-                "description": "The location of the icon. Default is `right`.",
-                "type": "'left' | 'right'"
-              },
-              {
-                "name": "variant",
-                "description": "The variant of the accordion.",
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
-              },
-              {
-                "name": "lastItem",
-                "description": "Whether the accordion is the last item.",
-                "type": "boolean"
-              },
-              {
-                "name": "disabled",
-                "description": "Whether the accordion is disabled.",
-                "type": "boolean"
-              },
-              {
-                "name": "loading",
-                "description": "Whether the accordion is in loading state.",
-                "type": "boolean"
+                "name": "icon",
+                "description": "The icon of the banner, this is a name of a built icon icon",
+                "type": "string"
               }
             ],
             "events": [
               {
-                "name": "dds-opened",
-                "type": "{ open: boolean, item: AccordionBaseElement }",
-                "description": "Event fired when the accordion is opened."
-              },
-              {
-                "name": "dds-closed",
-                "type": "{ open: boolean, item: AccordionBaseElement }",
-                "description": "Event fired when the accordion is closed."
+                "name": "dds-close",
+                "type": "{ void }",
+                "description": "Event fired when the banner is closed."
               }
             ]
           }
@@ -540,99 +633,6 @@
             "events": []
           }
         },
-        {
-          "name": "dap-ds-banner",
-          "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** -  The title of the banner.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the banner",
-              "value": {
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
-                "default": "'brand'"
-              }
-            },
-            {
-              "name": "closeable",
-              "description": "Whether the banner is closeable",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "opened",
-              "description": "State of the banner. If false banner is hidden",
-              "value": { "type": "string", "default": "'true'" }
-            },
-            {
-              "name": "closeButtonLabel",
-              "description": "The aria-label for the close button",
-              "value": { "type": "string", "default": "'close'" }
-            },
-            {
-              "name": "closeButtonTestId",
-              "description": "`data-testid` for the close button.",
-              "value": { "type": "string", "default": "'banner-close-button'" }
-            },
-            {
-              "name": "icon",
-              "description": "The icon of the banner, this is a name of a built icon icon",
-              "value": { "type": "string" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the banner." },
-            { "name": "actions", "description": "Actions of banner" },
-            { "name": "icon", "description": "The icon of the banner." }
-          ],
-          "events": [
-            {
-              "name": "dds-close",
-              "type": "{ void }",
-              "description": "Event fired when the banner is closed."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "The variant of the banner",
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
-              },
-              {
-                "name": "closeable",
-                "description": "Whether the banner is closeable",
-                "type": "boolean"
-              },
-              {
-                "name": "opened",
-                "description": "State of the banner. If false banner is hidden",
-                "type": "string"
-              },
-              {
-                "name": "closeButtonLabel",
-                "description": "The aria-label for the close button",
-                "type": "string"
-              },
-              {
-                "name": "closeButtonTestId",
-                "description": "`data-testid` for the close button.",
-                "type": "string"
-              },
-              {
-                "name": "icon",
-                "description": "The icon of the banner, this is a name of a built icon icon",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-close",
-                "type": "{ void }",
-                "description": "Event fired when the banner is closed."
-              }
-            ]
-          }
-        },
         {
           "name": "dap-ds-breadcrumb-item",
           "description": "A breadcrumb item is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb item.\n- **separator** - The separator between breadcrumb items. Default is an arrow-right-s-line icon.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-item-display** - The display property of the breadcrumb item (default: inline-flex) _(default: undefined)_\n- **--dds-breadcrumb-item-flex-wrap** - The flex-wrap property of the breadcrumb item (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-item-align-items** - The align-items property of the breadcrumb item (default: center) _(default: undefined)_\n- **--dds-breadcrumb-item-color** - The text color of the breadcrumb item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-breadcrumb-item-transition** - The transition property for the breadcrumb item (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-item-gap** - The gap between the breadcrumb item and the separator (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-breadcrumb-item-padding** - The padding of the breadcrumb item (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-size** - The font size of the breadcrumb item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-weight** - The font weight of the breadcrumb item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-breadcrumb-item-font-weight-bold** - The bold font weight of the breadcrumb item (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-breadcrumb-item-separator-color** - The color of the separator (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-breadcrumb-item-link-color** - The color of the link (default: var(--dds-link-neutral-enabled)) _(default: undefined)_\n- **--dds-breadcrumb-item-inverted-color** - The text color when inverted (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n- **--dds-breadcrumb-item-inverted-link-color** - The link color when inverted (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb item container. The li element.\n- **link** - The link of the breadcrumb item. The dds-link component.\n- **link-base** - The base part of the link part. The dds-link components base part.\n- **item-nolink** - The item of the breadcrumb item without a link. The span element.\n- **separator** - The separator of the breadcrumb item.",
@@ -769,255 +769,121 @@
             {
               "name": "rel",
               "description": "The rel attribute for link security and behavior",
-              "value": {
-                "type": "string | undefined",
-                "default": "'noreferrer noopener'"
-              }
-            },
-            {
-              "name": "loadingTimeout",
-              "description": "Controls loading timeout in milliseconds",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "active",
-              "description": "Whether the button is active",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "targetBlankText",
-              "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "forceRole",
-              "description": "Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role=\"link\" on a button acting as a SPA navigation trigger).",
-              "value": { "type": "string | undefined" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The content of the button. Can contain text, icons, or other elements."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-loading-timeout",
-              "description": "Emitted when the loading timeout is reached"
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "The visual style variant of the button",
-                "type": "'primary' | 'outline' | 'subtle' | 'subtle-neutral' | 'subtle-quiet' | 'subtle-quiet-inverted' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' | 'subtle-menu' | 'subtle-menu-item'"
-              },
-              {
-                "name": "size",
-                "description": "The size of the button affecting padding and font size",
-                "type": "'lg' | 'md' | 'sm' | 'xs'"
-              },
-              {
-                "name": "loading",
-                "description": "Whether the button is in loading state, showing a spinner and disabling interaction",
-                "type": "boolean"
-              },
-              {
-                "name": "danger",
-                "description": "Whether the button represents a destructive action (applies danger styling)",
-                "type": "boolean"
-              },
-              {
-                "name": "shape",
-                "description": "The shape of the button - use 'circle' for icon-only buttons",
-                "type": "'button' | 'circle'"
-              },
-              {
-                "name": "htmlType",
-                "description": "The HTML type attribute for form interaction",
-                "type": "'button' | 'submit' | 'reset'"
-              },
-              {
-                "name": "href",
-                "description": "The URL to navigate to. When present, the button renders as an anchor element",
-                "type": "string | undefined"
-              },
-              {
-                "name": "target",
-                "description": "The target attribute for link navigation",
-                "type": "'_blank' | '_self' | '_parent' | '_top'"
-              },
-              {
-                "name": "rel",
-                "description": "The rel attribute for link security and behavior",
-                "type": "string | undefined"
-              },
-              {
-                "name": "loadingTimeout",
-                "description": "Controls loading timeout in milliseconds",
-                "type": "number"
-              },
-              {
-                "name": "active",
-                "description": "Whether the button is active",
-                "type": "boolean"
-              },
-              {
-                "name": "targetBlankText",
-                "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
-                "type": "string"
-              },
-              {
-                "name": "forceRole",
-                "description": "Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role=\"link\" on a button acting as a SPA navigation trigger).",
-                "type": "string | undefined"
-              },
-              {
-                "name": "sizeMap",
-                "description": "The size map of the button.",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-loading-timeout",
-                "description": "Emitted when the loading timeout is reached"
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-callout",
-          "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the callout",
-              "value": {
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
-                "default": "'brand'"
-              }
-            },
-            {
-              "name": "alignment",
-              "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
-              "value": {
-                "type": "'vertical' | 'horizontal'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "name": "shade",
-              "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
-              "value": {
-                "type": "'subtle' | 'base' | 'medium' | 'strong'",
-                "default": "'base'"
+              "value": {
+                "type": "string | undefined",
+                "default": "'noreferrer noopener'"
               }
             },
             {
-              "name": "noBorder",
-              "description": "If the callout has a border",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "loadingTimeout",
+              "description": "Controls loading timeout in milliseconds",
+              "value": { "type": "number", "default": "0" }
             },
             {
-              "name": "closeable",
-              "description": "If the callout has a close button",
+              "name": "active",
+              "description": "Whether the button is active",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "title",
-              "description": "The header of the callout",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "closeButtonLabel",
-              "description": "The label of the close button",
+              "name": "targetBlankText",
+              "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
               "value": { "type": "string" }
             },
             {
-              "name": "closeButtonTestId",
-              "description": "`data-testid` for the default close button.",
-              "value": { "type": "string", "default": "'callout-close-button'" }
-            },
-            {
-              "name": "opened",
-              "description": "If the callout is opened",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "forceRole",
+              "description": "Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role=\"link\" on a button acting as a SPA navigation trigger).",
+              "value": { "type": "string | undefined" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the callout." },
-            { "name": "title", "description": "The title of the callout." },
-            { "name": "icon", "description": "The icon of the callout." },
-            { "name": "actions", "description": "The actions of the callout." },
             {
-              "name": "close",
-              "description": "The close button of the callout."
+              "name": "",
+              "description": "The content of the button. Can contain text, icons, or other elements."
             }
           ],
           "events": [
             {
-              "name": "dds-close",
-              "type": "{ void }",
-              "description": "Fired when the close button is clicked."
+              "name": "dds-loading-timeout",
+              "description": "Emitted when the loading timeout is reached"
             }
           ],
           "js": {
             "properties": [
               {
                 "name": "variant",
-                "description": "The variant of the callout",
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
+                "description": "The visual style variant of the button",
+                "type": "'primary' | 'outline' | 'subtle' | 'subtle-neutral' | 'subtle-quiet' | 'subtle-quiet-inverted' | 'clean' | 'primary-inverted' | 'outline-inverted' | 'subtle-inverted' | 'clean-inverted' | 'subtle-menu' | 'subtle-menu-item'"
               },
               {
-                "name": "alignment",
-                "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
-                "type": "'vertical' | 'horizontal'"
+                "name": "size",
+                "description": "The size of the button affecting padding and font size",
+                "type": "'lg' | 'md' | 'sm' | 'xs'"
               },
               {
-                "name": "shade",
-                "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
-                "type": "'subtle' | 'base' | 'medium' | 'strong'"
+                "name": "loading",
+                "description": "Whether the button is in loading state, showing a spinner and disabling interaction",
+                "type": "boolean"
               },
               {
-                "name": "noBorder",
-                "description": "If the callout has a border",
-                "type": "string"
+                "name": "danger",
+                "description": "Whether the button represents a destructive action (applies danger styling)",
+                "type": "boolean"
               },
               {
-                "name": "closeable",
-                "description": "If the callout has a close button",
-                "type": "boolean"
+                "name": "shape",
+                "description": "The shape of the button - use 'circle' for icon-only buttons",
+                "type": "'button' | 'circle'"
               },
               {
-                "name": "title",
-                "description": "The header of the callout",
-                "type": "string"
+                "name": "htmlType",
+                "description": "The HTML type attribute for form interaction",
+                "type": "'button' | 'submit' | 'reset'"
               },
               {
-                "name": "closeButtonLabel",
-                "description": "The label of the close button",
-                "type": "string"
+                "name": "href",
+                "description": "The URL to navigate to. When present, the button renders as an anchor element",
+                "type": "string | undefined"
               },
               {
-                "name": "closeButtonTestId",
-                "description": "`data-testid` for the default close button.",
+                "name": "target",
+                "description": "The target attribute for link navigation",
+                "type": "'_blank' | '_self' | '_parent' | '_top'"
+              },
+              {
+                "name": "rel",
+                "description": "The rel attribute for link security and behavior",
+                "type": "string | undefined"
+              },
+              {
+                "name": "loadingTimeout",
+                "description": "Controls loading timeout in milliseconds",
+                "type": "number"
+              },
+              {
+                "name": "active",
+                "description": "Whether the button is active",
+                "type": "boolean"
+              },
+              {
+                "name": "targetBlankText",
+                "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
                 "type": "string"
               },
               {
-                "name": "opened",
-                "description": "If the callout is opened",
+                "name": "forceRole",
+                "description": "Overrides the ARIA role on the internal native button/anchor element. Use when the host's semantics must differ from the native element (e.g. role=\"link\" on a button acting as a SPA navigation trigger).",
+                "type": "string | undefined"
+              },
+              {
+                "name": "sizeMap",
+                "description": "The size map of the button.",
                 "type": "string"
               }
             ],
             "events": [
               {
-                "name": "dds-close",
-                "type": "{ void }",
-                "description": "Fired when the close button is clicked."
+                "name": "dds-loading-timeout",
+                "description": "Emitted when the loading timeout is reached"
               }
             ]
           }
@@ -1254,15 +1120,149 @@
                 "description": "`data-testid` for the next-month button.",
                 "type": "string"
               },
-              { "name": "startDate" },
-              { "name": "endDate" },
-              { "name": "shouldHideAdjacentMonths" }
+              { "name": "startDate" },
+              { "name": "endDate" },
+              { "name": "shouldHideAdjacentMonths" }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "type": "{ value: Dayjs }",
+                "description": "Fired when the calendar value changes."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-callout",
+          "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the callout",
+              "value": {
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
+                "default": "'brand'"
+              }
+            },
+            {
+              "name": "alignment",
+              "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+              "value": {
+                "type": "'vertical' | 'horizontal'",
+                "default": "'horizontal'"
+              }
+            },
+            {
+              "name": "shade",
+              "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
+              "value": {
+                "type": "'subtle' | 'base' | 'medium' | 'strong'",
+                "default": "'base'"
+              }
+            },
+            {
+              "name": "noBorder",
+              "description": "If the callout has a border",
+              "value": { "type": "string", "default": "'true'" }
+            },
+            {
+              "name": "closeable",
+              "description": "If the callout has a close button",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "title",
+              "description": "The header of the callout",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "closeButtonLabel",
+              "description": "The label of the close button",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the default close button.",
+              "value": { "type": "string", "default": "'callout-close-button'" }
+            },
+            {
+              "name": "opened",
+              "description": "If the callout is opened",
+              "value": { "type": "string", "default": "'true'" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the callout." },
+            { "name": "title", "description": "The title of the callout." },
+            { "name": "icon", "description": "The icon of the callout." },
+            { "name": "actions", "description": "The actions of the callout." },
+            {
+              "name": "close",
+              "description": "The close button of the callout."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-close",
+              "type": "{ void }",
+              "description": "Fired when the close button is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "The variant of the callout",
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
+              },
+              {
+                "name": "alignment",
+                "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+                "type": "'vertical' | 'horizontal'"
+              },
+              {
+                "name": "shade",
+                "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
+                "type": "'subtle' | 'base' | 'medium' | 'strong'"
+              },
+              {
+                "name": "noBorder",
+                "description": "If the callout has a border",
+                "type": "string"
+              },
+              {
+                "name": "closeable",
+                "description": "If the callout has a close button",
+                "type": "boolean"
+              },
+              {
+                "name": "title",
+                "description": "The header of the callout",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonLabel",
+                "description": "The label of the close button",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the default close button.",
+                "type": "string"
+              },
+              {
+                "name": "opened",
+                "description": "If the callout is opened",
+                "type": "string"
+              }
             ],
             "events": [
               {
-                "name": "dds-change",
-                "type": "{ value: Dayjs }",
-                "description": "Fired when the calendar value changes."
+                "name": "dds-close",
+                "type": "{ void }",
+                "description": "Fired when the close button is clicked."
               }
             ]
           }
@@ -8797,46 +8797,273 @@
                 "type": "boolean"
               },
               {
-                "name": "optionalLabel",
-                "description": "The optional label of the select.",
+                "name": "optionalLabel",
+                "description": "The optional label of the select.",
+                "type": "string"
+              },
+              {
+                "name": "requiredLabel",
+                "description": "The required indicator of the select. (default: '*')",
+                "type": "string"
+              },
+              {
+                "name": "subtle",
+                "description": "The weight of the label. Default is `false`",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "type": "{ value: string }",
+                "description": "Fired when the select value changes."
+              },
+              {
+                "name": "dds-blur",
+                "type": "{ void }",
+                "description": "Emitted when the select loses focus."
+              },
+              {
+                "name": "dds-focus",
+                "type": "{ void }",
+                "description": "Emitted when the select gains focus."
+              },
+              {
+                "name": "dds-opened",
+                "type": "{ void }",
+                "description": "Emitted when the select dropdown is opened."
+              },
+              {
+                "name": "dds-closed",
+                "type": "{ void }",
+                "description": "Emitted when the select dropdown is closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-sidenav-group",
+          "description": "Side navigation group\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation group.\n- **submenu** - The submenu of the side navigation group.\n- **suffix** - The suffix of the side navigation group.\n\n### **CSS Properties:**\n - **--dds-sidenav-group-margin-bottom** - Default bottom margin of the sidenav group (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-group-border-radius** - Border radius of the sidenav group (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-group-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-xs** - Minimum height of the sidenav group item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-sm** - Minimum height of the sidenav group item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-lg** - Minimum height of the sidenav group item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-xs** - Padding of the sidenav group item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-sm** - Padding of the sidenav group item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-lg** - Padding of the sidenav group item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-group-item-color** - Text color of the sidenav group item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-xs** - Font size of the sidenav group item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-sm** - Font size of the sidenav group item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-lg** - Font size of the sidenav group item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-weight** - Font weight of the sidenav group item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-sidenav-group-toggle-margin** - Margin for the toggle button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-submenu-padding** - Padding for the submenu (default: var(--dds-spacing-300) 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation group container.\n- **title** - The title of the side navigation group.\n- **link** - The link of the side navigation group.\n- **toggle** - The toggle button of the side navigation group.\n- **submenu** - The submenu of the side navigation group.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "href",
+              "description": "The href of the side navigation item",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "active",
+              "description": "Whether the side navigation item is active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing of the side navigation item",
+              "value": {
+                "type": "'top' | 'bottom' | 'both' | 'none'",
+                "default": "'none'"
+              }
+            },
+            {
+              "name": "open",
+              "description": "Whether the side navigation group is open",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "size",
+              "description": "The size of the side navigation group",
+              "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The content of the side navigation group."
+            },
+            {
+              "name": "submenu",
+              "description": "The submenu of the side navigation group."
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix of the side navigation group."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "href",
+                "description": "The href of the side navigation item",
+                "type": "string"
+              },
+              {
+                "name": "active",
+                "description": "Whether the side navigation item is active",
+                "type": "boolean"
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing of the side navigation item",
+                "type": "'top' | 'bottom' | 'both' | 'none'"
+              },
+              {
+                "name": "open",
+                "description": "Whether the side navigation group is open",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the side navigation group",
+                "type": "'xs' | 'sm' | 'lg'"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-sidenav-item",
+          "description": "Side navigation item\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation item.\n- **suffix** - The suffix of the side navigation item.\n\n### **CSS Properties:**\n - **--dds-sidenav-item-min-height-xs** - Minimum height of the sidenav item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-sm** - Minimum height of the sidenav item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-lg** - Minimum height of the sidenav item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-item-margin-bottom** - Default bottom margin of the sidenav item (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-item-padding-xs** - Padding of the sidenav item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-item-padding-sm** - Padding of the sidenav item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-padding-lg** - Padding of the sidenav item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-item-radius** - Border radius of the sidenav item (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-item-color** - Text color of the sidenav item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-xs** - Font size of the sidenav item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-sm** - Font size of the sidenav item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-lg** - Font size of the sidenav item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-item-font-weight** - Font weight of the sidenav item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-item-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation item container.\n- **link** - The link of the side navigation item.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "href",
+              "description": "The href of the side navigation item",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "active",
+              "description": "Whether the side navigation item is active",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "current",
+              "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
+              "value": {
+                "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'",
+                "default": "'page'"
+              }
+            },
+            {
+              "name": "spacing",
+              "description": "The spacing of the side navigation item",
+              "value": {
+                "type": "'top' | 'bottom' | 'both' | 'none'",
+                "default": "'none'"
+              }
+            },
+            {
+              "name": "size",
+              "description": "The size of the side navigation item",
+              "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The content of the side navigation item."
+            },
+            {
+              "name": "suffix",
+              "description": "The suffix of the side navigation item."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "href",
+                "description": "The href of the side navigation item",
+                "type": "string"
+              },
+              {
+                "name": "active",
+                "description": "Whether the side navigation item is active",
+                "type": "boolean"
+              },
+              {
+                "name": "current",
+                "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
+                "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'"
+              },
+              {
+                "name": "spacing",
+                "description": "The spacing of the side navigation item",
+                "type": "'top' | 'bottom' | 'both' | 'none'"
+              },
+              {
+                "name": "size",
+                "description": "The size of the side navigation item",
+                "type": "'xs' | 'sm' | 'lg'"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-sidenav",
+          "description": "Side navigation is a list of links that are used to navigate to different sections of a page.\n---\n\n\n### **Events:**\n - **dds-item-click** - Event fired when the side navigation item is clicked.\n\n### **Slots:**\n - _default_ - The content of the side navigation.\n\n### **CSS Parts:**\n - **base** - The main side navigation container.\n- **menu** - The menu of the side navigation.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "activeHref",
+              "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "size",
+              "description": "The size of the side navigation",
+              "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
+            },
+            {
+              "name": "landmark",
+              "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
+              "value": { "type": "'aside' | 'nav'", "default": "'aside'" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the side navigation." }
+          ],
+          "events": [
+            {
+              "name": "dds-item-click",
+              "type": "{ href: string, event: Event }",
+              "description": "Event fired when the side navigation item is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
                 "type": "string"
               },
               {
-                "name": "requiredLabel",
-                "description": "The required indicator of the select. (default: '*')",
+                "name": "activeHref",
+                "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
                 "type": "string"
               },
               {
-                "name": "subtle",
-                "description": "The weight of the label. Default is `false`",
-                "type": "boolean"
+                "name": "size",
+                "description": "The size of the side navigation",
+                "type": "'xs' | 'sm' | 'lg'"
+              },
+              {
+                "name": "landmark",
+                "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
+                "type": "'aside' | 'nav'"
               }
             ],
             "events": [
               {
-                "name": "dds-change",
-                "type": "{ value: string }",
-                "description": "Fired when the select value changes."
-              },
-              {
-                "name": "dds-blur",
-                "type": "{ void }",
-                "description": "Emitted when the select loses focus."
-              },
-              {
-                "name": "dds-focus",
-                "type": "{ void }",
-                "description": "Emitted when the select gains focus."
-              },
-              {
-                "name": "dds-opened",
-                "type": "{ void }",
-                "description": "Emitted when the select dropdown is opened."
-              },
-              {
-                "name": "dds-closed",
-                "type": "{ void }",
-                "description": "Emitted when the select dropdown is closed."
+                "name": "dds-item-click",
+                "type": "{ href: string, event: Event }",
+                "description": "Event fired when the side navigation item is clicked."
               }
             ]
           }
@@ -9682,259 +9909,32 @@
             },
             {
               "name": "caption",
-              "description": "The caption of the table",
-              "value": { "type": "string", "default": "''" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot. Accepts `dap-ds-table-row` elements."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "role", "type": "string" },
-              {
-                "name": "mobile",
-                "description": "If the table has mobile design",
-                "type": "boolean"
-              },
-              {
-                "name": "caption",
-                "description": "The caption of the table",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-sidenav-group",
-          "description": "Side navigation group\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation group.\n- **submenu** - The submenu of the side navigation group.\n- **suffix** - The suffix of the side navigation group.\n\n### **CSS Properties:**\n - **--dds-sidenav-group-margin-bottom** - Default bottom margin of the sidenav group (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-group-border-radius** - Border radius of the sidenav group (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-group-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-xs** - Minimum height of the sidenav group item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-sm** - Minimum height of the sidenav group item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-group-item-min-height-lg** - Minimum height of the sidenav group item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-xs** - Padding of the sidenav group item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-sm** - Padding of the sidenav group item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-group-item-padding-lg** - Padding of the sidenav group item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-group-item-color** - Text color of the sidenav group item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-xs** - Font size of the sidenav group item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-sm** - Font size of the sidenav group item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-size-lg** - Font size of the sidenav group item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-group-item-font-weight** - Font weight of the sidenav group item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-group-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-sidenav-group-toggle-margin** - Margin for the toggle button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-group-submenu-padding** - Padding for the submenu (default: var(--dds-spacing-300) 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation group container.\n- **title** - The title of the side navigation group.\n- **link** - The link of the side navigation group.\n- **toggle** - The toggle button of the side navigation group.\n- **submenu** - The submenu of the side navigation group.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "href",
-              "description": "The href of the side navigation item",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "active",
-              "description": "Whether the side navigation item is active",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "spacing",
-              "description": "The spacing of the side navigation item",
-              "value": {
-                "type": "'top' | 'bottom' | 'both' | 'none'",
-                "default": "'none'"
-              }
-            },
-            {
-              "name": "open",
-              "description": "Whether the side navigation group is open",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "size",
-              "description": "The size of the side navigation group",
-              "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The content of the side navigation group."
-            },
-            {
-              "name": "submenu",
-              "description": "The submenu of the side navigation group."
-            },
-            {
-              "name": "suffix",
-              "description": "The suffix of the side navigation group."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "href",
-                "description": "The href of the side navigation item",
-                "type": "string"
-              },
-              {
-                "name": "active",
-                "description": "Whether the side navigation item is active",
-                "type": "boolean"
-              },
-              {
-                "name": "spacing",
-                "description": "The spacing of the side navigation item",
-                "type": "'top' | 'bottom' | 'both' | 'none'"
-              },
-              {
-                "name": "open",
-                "description": "Whether the side navigation group is open",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the side navigation group",
-                "type": "'xs' | 'sm' | 'lg'"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-sidenav-item",
-          "description": "Side navigation item\n---\n\n\n### **Slots:**\n - _default_ - The content of the side navigation item.\n- **suffix** - The suffix of the side navigation item.\n\n### **CSS Properties:**\n - **--dds-sidenav-item-min-height-xs** - Minimum height of the sidenav item (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-sm** - Minimum height of the sidenav item (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-sidenav-item-min-height-lg** - Minimum height of the sidenav item (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-sidenav-item-margin-bottom** - Default bottom margin of the sidenav item (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-sidenav-item-padding-xs** - Padding of the sidenav item (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-sidenav-item-padding-sm** - Padding of the sidenav item (default: var(--dds-spacing-200) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-padding-lg** - Padding of the sidenav item (default: var(--dds-spacing-300) var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-sidenav-item-radius** - Border radius of the sidenav item (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-sidenav-item-color** - Text color of the sidenav item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-xs** - Font size of the sidenav item (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-sm** - Font size of the sidenav item (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-sidenav-item-font-size-lg** - Font size of the sidenav item (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-sidenav-item-font-weight** - Font weight of the sidenav item (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-sidenav-item-spacing-margin** - Margin used for spacing variants (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-sidenav-item-bg-active** - Background color when the item is active (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-sidenav-item-bg-hover** - Background color on hover and active states (default: var(--dds-transparent-black-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main side navigation item container.\n- **link** - The link of the side navigation item.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "href",
-              "description": "The href of the side navigation item",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "active",
-              "description": "Whether the side navigation item is active",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "current",
-              "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
-              "value": {
-                "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'",
-                "default": "'page'"
-              }
-            },
-            {
-              "name": "spacing",
-              "description": "The spacing of the side navigation item",
-              "value": {
-                "type": "'top' | 'bottom' | 'both' | 'none'",
-                "default": "'none'"
-              }
-            },
-            {
-              "name": "size",
-              "description": "The size of the side navigation item",
-              "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The content of the side navigation item."
-            },
-            {
-              "name": "suffix",
-              "description": "The suffix of the side navigation item."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "href",
-                "description": "The href of the side navigation item",
-                "type": "string"
-              },
-              {
-                "name": "active",
-                "description": "Whether the side navigation item is active",
-                "type": "boolean"
-              },
-              {
-                "name": "current",
-                "description": "Which `aria-current` token to expose on the link when `active` is set.\n\n`aria-current` has to sit on the anchor that assistive technology actually\nexposes. Setting it on this host does nothing: the host is a role-less custom\nelement, so the attribute is stranded there and screen-reader users cannot tell\nwhich item is current. Use `current=\"step\"` inside a stepper.",
-                "type": "'page' | 'step' | 'location' | 'date' | 'time' | 'true'"
-              },
-              {
-                "name": "spacing",
-                "description": "The spacing of the side navigation item",
-                "type": "'top' | 'bottom' | 'both' | 'none'"
-              },
-              {
-                "name": "size",
-                "description": "The size of the side navigation item",
-                "type": "'xs' | 'sm' | 'lg'"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-sidenav",
-          "description": "Side navigation is a list of links that are used to navigate to different sections of a page.\n---\n\n\n### **Events:**\n - **dds-item-click** - Event fired when the side navigation item is clicked.\n\n### **Slots:**\n - _default_ - The content of the side navigation.\n\n### **CSS Parts:**\n - **base** - The main side navigation container.\n- **menu** - The menu of the side navigation.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "activeHref",
-              "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "size",
-              "description": "The size of the side navigation",
-              "value": { "type": "'xs' | 'sm' | 'lg'", "default": "'xs'" }
-            },
-            {
-              "name": "landmark",
-              "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
-              "value": { "type": "'aside' | 'nav'", "default": "'aside'" }
+              "description": "The caption of the table",
+              "value": { "type": "string", "default": "''" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the side navigation." }
-          ],
-          "events": [
             {
-              "name": "dds-item-click",
-              "type": "{ href: string, event: Event }",
-              "description": "Event fired when the side navigation item is clicked."
+              "name": "",
+              "description": "The default slot. Accepts `dap-ds-table-row` elements."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
+              { "name": "role", "type": "string" },
               {
-                "name": "label",
-                "description": "The label of the side navigation, if aria label is not provided, it will be used as aria label",
-                "type": "string"
+                "name": "mobile",
+                "description": "If the table has mobile design",
+                "type": "boolean"
               },
               {
-                "name": "activeHref",
-                "description": "The active href of the side navigation, to explicitly set the active item, if not provided, it will be set based on the current location",
+                "name": "caption",
+                "description": "The caption of the table",
                 "type": "string"
-              },
-              {
-                "name": "size",
-                "description": "The size of the side navigation",
-                "type": "'xs' | 'sm' | 'lg'"
-              },
-              {
-                "name": "landmark",
-                "description": "The landmark element to render. `aside` exposes a complementary landmark; `nav`\nexposes a navigation landmark, so the sidenav is listed when a screen-reader user\nasks for the page's navigation.\n\nDefaults to `aside` because that is what this component has always rendered, and\nchanging the landmark of every existing sidenav is not this component's call: a\nsidenav that is genuinely a sidebar should stay complementary. Set `nav` when the\nsidenav is the primary way to move around the view.",
-                "type": "'aside' | 'nav'"
               }
             ],
-            "events": [
-              {
-                "name": "dds-item-click",
-                "type": "{ href: string, event: Event }",
-                "description": "Event fired when the side navigation item is clicked."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -11383,6 +11383,107 @@
             "events": []
           }
         },
+        {
+          "name": "dap-ds-input-group",
+          "description": "An input group is a container for inputs.\n---\n\n\n### **Slots:**\n - _default_ - The content of the input group items.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main input group container.\n- **label** - The label of the input group.\n- **description** - The description of the input group.\n- **tooltip** - The tooltip of the input group.\n- **container** - The container of the input group items.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            {
+              "name": "",
+              "description": "The content of the input group items."
+            },
+            {
+              "name": "feedback-icon",
+              "description": "The custom icon of the feedback."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "allInputs",
+                "type": "DapDSCheckbox[] | DapDSSwitch[]"
+              },
+              {
+                "name": "label",
+                "description": "The label of the input group.",
+                "type": "string"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
+              {
+                "name": "description",
+                "description": "The description of the input group.",
+                "type": "string"
+              },
+              {
+                "name": "tooltip",
+                "description": "The tooltip of the input group.",
+                "type": "string"
+              },
+              {
+                "name": "tooltipPlacement",
+                "description": "The tooltip placement of the input group.",
+                "type": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              {
+                "name": "tooltipAriaLabel",
+                "description": "The aria label of the tooltip.",
+                "type": "string"
+              },
+              {
+                "name": "optionalLabel",
+                "description": "The label of the input group when it is optional.",
+                "type": "string"
+              },
+              {
+                "name": "requiredLabel",
+                "description": "The indicator of the input group when it is required. (default: '*')",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the input group is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the input group. Default is `sm`.",
+                "type": "'xs' | 'sm' | 'lg'"
+              },
+              {
+                "name": "required",
+                "description": "Whether the input group is required.",
+                "type": "boolean"
+              },
+              {
+                "name": "optional",
+                "description": "Whether the input group is optional.",
+                "type": "boolean"
+              },
+              {
+                "name": "feedback",
+                "description": "The feedback of the input.",
+                "type": "string"
+              },
+              {
+                "name": "feedbackType",
+                "description": "The type of the feedback.",
+                "type": "string"
+              },
+              {
+                "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.",
@@ -11525,107 +11626,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-input-group",
-          "description": "An input group is a container for inputs.\n---\n\n\n### **Slots:**\n - _default_ - The content of the input group items.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Parts:**\n - **base** - The main input group container.\n- **label** - The label of the input group.\n- **description** - The description of the input group.\n- **tooltip** - The tooltip of the input group.\n- **container** - The container of the input group items.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "",
-              "description": "The content of the input group items."
-            },
-            {
-              "name": "feedback-icon",
-              "description": "The custom icon of the feedback."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "allInputs",
-                "type": "DapDSCheckbox[] | DapDSSwitch[]"
-              },
-              {
-                "name": "label",
-                "description": "The label of the input group.",
-                "type": "string"
-              },
-              {
-                "name": "hideLabel",
-                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
-                "type": "boolean"
-              },
-              {
-                "name": "description",
-                "description": "The description of the input group.",
-                "type": "string"
-              },
-              {
-                "name": "tooltip",
-                "description": "The tooltip of the input group.",
-                "type": "string"
-              },
-              {
-                "name": "tooltipPlacement",
-                "description": "The tooltip placement of the input group.",
-                "type": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              {
-                "name": "tooltipAriaLabel",
-                "description": "The aria label of the tooltip.",
-                "type": "string"
-              },
-              {
-                "name": "optionalLabel",
-                "description": "The label of the input group when it is optional.",
-                "type": "string"
-              },
-              {
-                "name": "requiredLabel",
-                "description": "The indicator of the input group when it is required. (default: '*')",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "Whether the input group is disabled.",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the input group. Default is `sm`.",
-                "type": "'xs' | 'sm' | 'lg'"
-              },
-              {
-                "name": "required",
-                "description": "Whether the input group is required.",
-                "type": "boolean"
-              },
-              {
-                "name": "optional",
-                "description": "Whether the input group is optional.",
-                "type": "boolean"
-              },
-              {
-                "name": "feedback",
-                "description": "The feedback of the input.",
-                "type": "string"
-              },
-              {
-                "name": "feedbackType",
-                "description": "The type of the feedback.",
-                "type": "string"
-              },
-              {
-                "name": "subtle",
-                "description": "Whether the input group label is subtle.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "dap-ds-icon-arrow-down-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
@@ -11892,7 +11892,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-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": [
@@ -11945,7 +11945,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-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": [
@@ -12051,7 +12051,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-down-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": [
@@ -12104,7 +12104,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-l-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": [
@@ -12157,7 +12157,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-up-line",
+          "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": [
@@ -13482,7 +13482,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-add-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": [
@@ -13535,7 +13535,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-cookie-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": [