npm - dap-design-system - Versions diffs - 0.63.0 → 0.63.2 - Mend

dap-design-system 0.63.0 → 0.63.2

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

Files changed (23) hide show

package/dist/components/datepicker/datepicker.component.d.ts +3 -0
package/dist/components/datepicker/datepicker.component.js +29 -17
package/dist/components/datepicker/datepicker.component.js.map +1 -1
package/dist/components/file-input/file-input.component.d.ts +3 -0
package/dist/components/file-input/file-input.component.js +89 -87
package/dist/components/file-input/file-input.component.js.map +1 -1
package/dist/components/timepicker/timepicker.component.d.ts +2 -0
package/dist/components/timepicker/timepicker.component.js +20 -17
package/dist/components/timepicker/timepicker.component.js.map +1 -1
package/dist/internal/mixin/formElementMixin.d.ts +1 -0
package/dist/internal/mixin/formElementMixin.js.map +1 -1
package/dist/localization/locales/de.json.js +11 -11
package/dist/localization/locales/en.json.js +10 -10
package/dist/localization/locales/hu.json.js +11 -11
package/dist/manifest/types/vue/index.d.ts +569 -567
package/dist/manifest/vscode.html-custom-data.json +382 -377
package/dist/manifest/web-types.json +1302 -1292
package/dist/react/dap-ds-file-input/index.d.ts +1 -0
package/dist/react/dap-ds-file-input/index.js.map +1 -1
package/dist/react/index.d.ts +15 -15
package/dist/react-types.ts +15 -15
package/dist/react.js +68 -68
package/package.json +1 -1

package/dist/manifest/web-types.json CHANGED Viewed

@@ -6,6 +6,33 @@
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "dap-ds-anchor-heading",
+          "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.\n- **link-text** - Alias of the text part.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+              "value": { "type": "HeadingVariant" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the heading.",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "HeadingVariant" },
+              { "name": "label", "type": "string" },
+              { "name": "elementId" },
+              { "name": "anchorTitle" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "dap-ds-accordion",
           "description": "An accordion is a vertically stacked list of interactive items that can be expanded or collapsed to reveal or hide content.\n---\n\n\n### **Events:**\n - **dds-opened** - Event fired when the accordion is opened.\n- **dds-closed** - Event fired when the accordion is closed.\n\n### **Slots:**\n - **default** - The content of the accordion.\n- **heading** - The heading of the accordion.\n- **icon-opened** - The icon when the accordion is opened.\n- **icon-closed** - The icon when the accordion is closed.\n\n### **CSS Properties:**\n - **--dds-accordion-border-width** - The width of the accordion border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-accordion-border-style** - The style of the accordion border (default: solid) _(default: undefined)_\n- **--dds-accordion-border-radius** - The border radius of the accordion (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-accordion-border-color** - The color of the accordion border (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-accordion-background-color** - The background color of the accordion (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-accordion-text-color** - The text color of the accordion (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-hover-background** - The background color when hovering over the accordion (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-accordion-active-background** - The background color when the accordion is active (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-accordion-icon-background** - The background color of the accordion icon (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-accordion-icon-color** - The color of the accordion icon (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-accordion-icon-hover-background** - The background color of the accordion icon when hovered (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-accordion-icon-active-background** - The background color of the accordion icon when active (default: var(--dds-transparent-black-strong)) _(default: undefined)_\n- **--dds-accordion-icon-hover-color** - The color of the accordion icon when hovered (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-icon-active-color** - The color of the accordion icon when active (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-accordion-content-color** - The color of the accordion content (default: var(--dds-text-text-neutral)) _(default: undefined)_\n- **--dds-accordion-transition-duration** - The duration of the accordion transitions (default: var(--dds-transition-fast)) _(default: undefined)_\n- **--dds-accordion-transition-timing** - The timing function of the accordion transitions (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n- **--dds-accordion-divider-color** - The color of the divider between accordion items (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main accordion container.\n- **heading** - The heading of the accordion.\n- **button** - The button of the accordion.\n- **content** - The content of the accordion.\n- **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.\n- **heading-text** - The text of the heading.",
@@ -113,93 +140,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-anchor-heading",
-          "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.\n- **link-text** - Alias of the text part.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
-              "value": { "type": "HeadingVariant" }
-            },
-            {
-              "name": "label",
-              "description": "The label of the heading.",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              { "name": "variant", "type": "HeadingVariant" },
-              { "name": "label", "type": "string" },
-              { "name": "elementId" },
-              { "name": "anchorTitle" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-badge",
-          "description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "type",
-              "description": "The type of the badge",
-              "value": {
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
-                "default": "'neutral'"
-              }
-            },
-            {
-              "name": "icon",
-              "description": "The icon of the badge, this is a name of a built in icon",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "live",
-              "description": "Whether the badge represents dynamic content that should announce changes",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the badge." },
-            { "name": "icon", "description": "The icon of the badge." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "type",
-                "description": "The type of the badge",
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
-              },
-              {
-                "name": "icon",
-                "description": "The icon of the badge, this is a name of a built in icon",
-                "type": "string | undefined"
-              },
-              {
-                "name": "live",
-                "description": "Whether the badge represents dynamic content that should announce changes",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the badge. Default is `sm`.",
-                "type": "'sm' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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.",
@@ -358,281 +298,341 @@
           }
         },
         {
-          "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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "autoClose",
-              "description": "Whether to close other accordions when one is opened.",
-              "value": { "type": "string", "default": "'true'" }
-            },
-            {
-              "name": "variant",
-              "description": "The variant of the accordion",
-              "value": {
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
-                "default": "'default'"
-              }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the accordion group." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "autoClose",
-                "description": "Whether to close other accordions when one is opened.",
-                "type": "string"
-              },
-              {
-                "name": "variant",
-                "description": "The variant of the accordion",
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "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- **close-button** - The close button wrapper of the banner.",
+          "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": "variant",
-              "description": "The variant of the banner",
-              "value": {
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
-                "default": "'brand'"
-              }
+              "name": "layout",
+              "description": "Layout type for the avatar group",
+              "value": { "type": "'stack' | 'grid'", "default": "'stack'" }
             },
             {
-              "name": "closeable",
-              "description": "Whether the banner is closeable",
-              "value": { "type": "boolean" }
+              "name": "max",
+              "description": "Maximum number of avatars to show before showing overflow",
+              "value": { "type": "number", "default": "3" }
             },
             {
-              "name": "opened",
-              "description": "State of the banner. If false banner is hidden",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "show-total",
+              "description": "Whether to show the total count in overflow indicator",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "closeButtonLabel",
-              "description": "The aria-label for the close button",
-              "value": { "type": "string", "default": "'close'" }
+              "name": "interactive-overflow",
+              "description": "Interactive overflow indicator",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "closeButtonTestId",
-              "description": "`data-testid` for the close button.",
-              "value": { "type": "string", "default": "'banner-close-button'" }
+              "name": "label",
+              "description": "Accessible label for the avatar group",
+              "value": { "type": "string" }
             },
             {
-              "name": "icon",
-              "description": "The icon of the banner, this is a name of a built icon icon",
+              "name": "overflow-label",
+              "description": "Accessible label for the overflow indicator",
               "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." }
+            {
+              "name": "",
+              "description": "The avatars to display in the group."
+            }
           ],
           "events": [
             {
-              "name": "dds-close",
-              "type": "{ void }",
-              "description": "Event fired when the banner is closed."
+              "name": "dds-overflow-click",
+              "description": "Fired when the overflow indicator is clicked."
             }
           ],
           "js": {
             "properties": [
               {
-                "name": "variant",
-                "description": "The variant of the banner",
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
+                "name": "layout",
+                "description": "Layout type for the avatar group",
+                "type": "'stack' | 'grid'"
               },
               {
-                "name": "closeable",
-                "description": "Whether the banner is closeable",
+                "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": "opened",
-                "description": "State of the banner. If false banner is hidden",
-                "type": "string"
+                "name": "interactiveOverflow",
+                "description": "Interactive overflow indicator",
+                "type": "boolean"
               },
               {
-                "name": "closeButtonLabel",
-                "description": "The aria-label for the close button",
+                "name": "label",
+                "description": "Accessible label for the avatar group",
                 "type": "string"
               },
               {
-                "name": "closeButtonTestId",
-                "description": "`data-testid` for the close button.",
+                "name": "overflowLabel",
+                "description": "Accessible label for the overflow indicator",
                 "type": "string"
               },
               {
-                "name": "icon",
-                "description": "The icon of the banner, this is a name of a built icon icon",
+                "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-close",
-                "type": "{ void }",
-                "description": "Event fired when the banner is closed."
+                "name": "dds-overflow-click",
+                "description": "Fired when the overflow indicator is clicked."
               }
             ]
           }
         },
         {
-          "name": "dap-ds-breadcrumb",
-          "description": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container (default: 100%) _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb (default: auto) _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list (default: flex) _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list (default: center) _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list (default: max-content) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **list** - The ordered list holding the breadcrumb items.",
+          "name": "dap-ds-badge",
+          "description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "variant",
-              "value": { "type": "string", "default": "'normal'" }
-            },
-            {
-              "name": "mobile",
-              "description": "Mobile version of the breadcrumb",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "type",
+              "description": "The type of the badge",
+              "value": {
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
+                "default": "'neutral'"
+              }
             },
             {
-              "name": "aria-labelledby",
-              "description": "The aria-labelledby of the breadcrumb",
+              "name": "icon",
+              "description": "The icon of the badge, this is a name of a built in icon",
               "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "live",
+              "description": "Whether the badge represents dynamic content that should announce changes",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the breadcrumb." },
-            {
-              "name": "separator",
-              "description": "The separator between breadcrumb items. Default is '/'."
-            }
+            { "name": "", "description": "The content of the badge." },
+            { "name": "icon", "description": "The icon of the badge." }
           ],
           "events": [],
           "js": {
             "properties": [
-              { "name": "variant", "type": "string" },
               {
-                "name": "mobile",
-                "description": "Mobile version of the breadcrumb",
-                "type": "boolean"
+                "name": "type",
+                "description": "The type of the badge",
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
               },
               {
-                "name": "ariaLabelledBy",
-                "description": "The aria-labelledby of the breadcrumb",
+                "name": "icon",
+                "description": "The icon of the badge, this is a name of a built in icon",
                 "type": "string | undefined"
+              },
+              {
+                "name": "live",
+                "description": "Whether the badge represents dynamic content that should announce changes",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the badge. Default is `sm`.",
+                "type": "'sm' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
               }
             ],
             "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.",
+          "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- **close-button** - The close button wrapper 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",
+                "name": "opened",
+                "description": "State of the banner. If false banner is hidden",
                 "type": "string"
               },
               {
-                "name": "overflowLabel",
-                "description": "Accessible label for the overflow indicator",
+                "name": "closeButtonLabel",
+                "description": "The aria-label for the close button",
                 "type": "string"
               },
               {
-                "name": "size",
-                "description": "The size of avatars in the group. Default is `md`. See SizedMixin.",
-                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the close button.",
+                "type": "string"
               },
               {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
+                "name": "icon",
+                "description": "The icon of the banner, this is a name of a built icon icon",
                 "type": "string"
               }
             ],
             "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."
               }
             ]
           }
         },
+        {
+          "name": "dap-ds-breadcrumb",
+          "description": "A breadcrumb is a secondary navigation scheme that reveals the user's location in a website or Web application.\n---\n\n\n### **Slots:**\n - _default_ - The content of the breadcrumb.\n- **separator** - The separator between breadcrumb items. Default is '/'.\n\n### **CSS Properties:**\n - **--dds-breadcrumb-width** - The width of the breadcrumb container (default: 100%) _(default: undefined)_\n- **--dds-breadcrumb-overflow-x** - The horizontal overflow behavior of the breadcrumb (default: auto) _(default: undefined)_\n- **--dds-breadcrumb-transition** - The transition property for the breadcrumb (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-breadcrumb-list-display** - The display property of the breadcrumb list (default: flex) _(default: undefined)_\n- **--dds-breadcrumb-list-flex-wrap** - The flex-wrap property of the breadcrumb list (default: nowrap) _(default: undefined)_\n- **--dds-breadcrumb-list-align-items** - The align-items property of the breadcrumb list (default: center) _(default: undefined)_\n- **--dds-breadcrumb-list-min-width** - The minimum width of the breadcrumb list (default: max-content) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main breadcrumb container.\n- **list** - The ordered list holding the breadcrumb items.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "value": { "type": "string", "default": "'normal'" }
+            },
+            {
+              "name": "mobile",
+              "description": "Mobile version of the breadcrumb",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "aria-labelledby",
+              "description": "The aria-labelledby of the breadcrumb",
+              "value": { "type": "string | undefined" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the breadcrumb." },
+            {
+              "name": "separator",
+              "description": "The separator between breadcrumb items. Default is '/'."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "string" },
+              {
+                "name": "mobile",
+                "description": "Mobile version of the breadcrumb",
+                "type": "boolean"
+              },
+              {
+                "name": "ariaLabelledBy",
+                "description": "The aria-labelledby of the breadcrumb",
+                "type": "string | undefined"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "autoClose",
+              "description": "Whether to close other accordions when one is opened.",
+              "value": { "type": "string", "default": "'true'" }
+            },
+            {
+              "name": "variant",
+              "description": "The variant of the accordion",
+              "value": {
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'",
+                "default": "'default'"
+              }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the accordion group." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "autoClose",
+                "description": "Whether to close other accordions when one is opened.",
+                "type": "string"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the accordion",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "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.",
@@ -889,20 +889,74 @@
           }
         },
         {
-          "name": "dap-ds-calendar-cell",
-          "description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **Slots:**\n - _default_ - The content of the calendar cell.\n\n### **CSS Properties:**\n - **--dds-calendar-cell-display** - The display property of the calendar cell host (default: flex) _(default: undefined)_\n- **--dds-calendar-cell-position** - The position property of the calendar cell host (default: relative) _(default: undefined)_\n- **--dds-calendar-cell-border-radius** - The border radius of the calendar cell (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-cell-min-width** - The minimum width of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-height** - The height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-min-height** - The minimum height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-color** - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-font-size** - The font size of the calendar cell (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-cell-font-weight** - The font weight of the calendar cell (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-calendar-cell-text-align** - The text alignment of the calendar cell (default: center) _(default: undefined)_\n- **--dds-calendar-cell-cursor** - The cursor style of the calendar cell (default: pointer) _(default: undefined)_\n- **--dds-calendar-cell-background-hover** - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-calendar-cell-background-active** - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background** - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-color** - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-hover** - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-pressed** - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-selected-today-mark-background** - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-color** - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-cursor** - The cursor style of the disabled calendar cell (default: not-allowed) _(default: undefined)_\n- **--dds-calendar-cell-out-of-range-color** - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder)) _(default: undefined)_\n- **--dds-calendar-cell-today-font-weight** - The font weight of the today calendar cell (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-cell-header-background** - The background color of the header calendar cell (default: transparent) _(default: undefined)_\n- **--dds-calendar-cell-header-color** - The text color of the header calendar cell (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-calendar-cell-header-text-transform** - The text transform of the header calendar cell (default: capitalize) _(default: undefined)_\n- **--dds-calendar-cell-header-cursor** - The cursor style of the header calendar cell (default: default) _(default: undefined)_\n- **--dds-calendar-cell-in-range-color** - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-hover** - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-pressed** - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-range-background** - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-color** - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-today-mark-background** - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-bottom** - The bottom position of the today mark (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-width** - The width of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-height** - The height of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-stroke** - The stroke color of the today mark (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-background** - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-fill** - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
+          "name": "dap-ds-button-group-separator",
+          "description": "A visual divider between items in a button group.\n---\n\n\n### **CSS Properties:**\n - **--dds-button-group-separator-color** - Color of the separator line (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-button-group-separator-size** - Thickness of the separator line (default: var(--dds-border-width-base)) _(default: undefined)_",
           "doc-url": "",
-          "attributes": [
-            {
-              "name": "selected",
-              "description": "Whether the calendar cell is selected.",
-              "value": { "type": "boolean", "default": "false" }
-            },
+          "attributes": [],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "dap-ds-button-group-text",
+          "description": "Non-interactive text displayed inside a button group.\n---\n\n\n### **Slots:**\n - _default_ - The text content. Can also hold an icon or a `<label>` for a grouped input.\n\n### **CSS Properties:**\n - **--dds-button-group-text-background** - Background color (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-button-group-text-border-color** - Border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-button-group-text-color** - Text color (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-button-group-text-padding-x** - Horizontal padding (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-group-text-border-radius** - Corner radius outside a group (default: var(--dds-radius-rounded)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The text container.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
             {
-              "name": "disabledDay",
-              "description": "Whether the calendar cell is disabled.",
-              "value": { "type": "boolean", "default": "false" }
-            },
+              "name": "",
+              "description": "The text content. Can also hold an icon or a `<label>` for a grouped input."
+            }
+          ],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "dap-ds-button-group",
+          "description": "A container that groups related buttons with consistent, connected styling.\n---\n\n\n### **Slots:**\n - _default_ - The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements.\n\n### **CSS Properties:**\n - **--dds-button-group-gap** - Spacing between nested button groups (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-button-group-overlap** - How much adjacent items overlap so their borders collapse into one (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-button-group-start-start-radius** - Set on grouped items to square off their start-start corner. Read by `dap-ds-button`, `dap-ds-icon-button` and `dap-ds-button-group-text`. _(default: undefined)_\n- **--dds-button-group-start-end-radius** - Set on grouped items to square off their start-end corner. _(default: undefined)_\n- **--dds-button-group-end-start-radius** - Set on grouped items to square off their end-start corner. _(default: undefined)_\n- **--dds-button-group-end-end-radius** - Set on grouped items to square off their end-end corner. _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "orientation",
+              "description": "The layout direction of the group",
+              "value": {
+                "type": "ButtonGroupOrientation",
+                "default": "'horizontal'"
+              }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "orientation",
+                "description": "The layout direction of the group",
+                "type": "ButtonGroupOrientation"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-calendar-cell",
+          "description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **Slots:**\n - _default_ - The content of the calendar cell.\n\n### **CSS Properties:**\n - **--dds-calendar-cell-display** - The display property of the calendar cell host (default: flex) _(default: undefined)_\n- **--dds-calendar-cell-position** - The position property of the calendar cell host (default: relative) _(default: undefined)_\n- **--dds-calendar-cell-border-radius** - The border radius of the calendar cell (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-cell-min-width** - The minimum width of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-height** - The height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-min-height** - The minimum height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-color** - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-font-size** - The font size of the calendar cell (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-cell-font-weight** - The font weight of the calendar cell (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-calendar-cell-text-align** - The text alignment of the calendar cell (default: center) _(default: undefined)_\n- **--dds-calendar-cell-cursor** - The cursor style of the calendar cell (default: pointer) _(default: undefined)_\n- **--dds-calendar-cell-background-hover** - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-calendar-cell-background-active** - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background** - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-color** - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-hover** - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-pressed** - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-selected-today-mark-background** - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-color** - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-cursor** - The cursor style of the disabled calendar cell (default: not-allowed) _(default: undefined)_\n- **--dds-calendar-cell-out-of-range-color** - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder)) _(default: undefined)_\n- **--dds-calendar-cell-today-font-weight** - The font weight of the today calendar cell (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-cell-header-background** - The background color of the header calendar cell (default: transparent) _(default: undefined)_\n- **--dds-calendar-cell-header-color** - The text color of the header calendar cell (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-calendar-cell-header-text-transform** - The text transform of the header calendar cell (default: capitalize) _(default: undefined)_\n- **--dds-calendar-cell-header-cursor** - The cursor style of the header calendar cell (default: default) _(default: undefined)_\n- **--dds-calendar-cell-in-range-color** - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-hover** - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-pressed** - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-range-background** - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-color** - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-today-mark-background** - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-bottom** - The bottom position of the today mark (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-width** - The width of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-height** - The height of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-stroke** - The stroke color of the today mark (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-background** - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-fill** - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "selected",
+              "description": "Whether the calendar cell is selected.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabledDay",
+              "description": "Whether the calendar cell is disabled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
             {
               "name": "today",
               "description": "Whether the calendar cell is today.",
@@ -1133,60 +1187,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-button-group-separator",
-          "description": "A visual divider between items in a button group.\n---\n\n\n### **CSS Properties:**\n - **--dds-button-group-separator-color** - Color of the separator line (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-button-group-separator-size** - Thickness of the separator line (default: var(--dds-border-width-base)) _(default: undefined)_",
-          "doc-url": "",
-          "attributes": [],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "dap-ds-button-group-text",
-          "description": "Non-interactive text displayed inside a button group.\n---\n\n\n### **Slots:**\n - _default_ - The text content. Can also hold an icon or a `<label>` for a grouped input.\n\n### **CSS Properties:**\n - **--dds-button-group-text-background** - Background color (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-button-group-text-border-color** - Border color (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-button-group-text-color** - Text color (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-button-group-text-padding-x** - Horizontal padding (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-button-group-text-border-radius** - Corner radius outside a group (default: var(--dds-radius-rounded)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The text container.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "",
-              "description": "The text content. Can also hold an icon or a `<label>` for a grouped input."
-            }
-          ],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "dap-ds-button-group",
-          "description": "A container that groups related buttons with consistent, connected styling.\n---\n\n\n### **Slots:**\n - _default_ - The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements.\n\n### **CSS Properties:**\n - **--dds-button-group-gap** - Spacing between nested button groups (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-button-group-overlap** - How much adjacent items overlap so their borders collapse into one (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-button-group-start-start-radius** - Set on grouped items to square off their start-start corner. Read by `dap-ds-button`, `dap-ds-icon-button` and `dap-ds-button-group-text`. _(default: undefined)_\n- **--dds-button-group-start-end-radius** - Set on grouped items to square off their start-end corner. _(default: undefined)_\n- **--dds-button-group-end-start-radius** - Set on grouped items to square off their end-start corner. _(default: undefined)_\n- **--dds-button-group-end-end-radius** - Set on grouped items to square off their end-end corner. _(default: undefined)_",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "orientation",
-              "description": "The layout direction of the group",
-              "value": {
-                "type": "ButtonGroupOrientation",
-                "default": "'horizontal'"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The grouped items: `dap-ds-button`, `dap-ds-icon-button`, `dap-ds-button-group-text`, `dap-ds-button-group-separator` or nested `dap-ds-button-group` elements."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "orientation",
-                "description": "The layout direction of the group",
-                "type": "ButtonGroupOrientation"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "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.\n- **icon-base** - The base of the icon.",
@@ -4658,6 +4658,11 @@
               "description": "Aria label for the dropzone.",
               "value": { "type": "string" }
             },
+            {
+              "name": "regionAriaLabel",
+              "description": "Accessible name of the file upload region landmark. Defaults to the localized \"File upload area\" text.",
+              "value": { "type": "string" }
+            },
             {
               "name": "dropzoneFocusable",
               "description": "Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).",
@@ -4902,6 +4907,11 @@
                 "description": "Aria label for the dropzone.",
                 "type": "string"
               },
+              {
+                "name": "regionAriaLabel",
+                "description": "Accessible name of the file upload region landmark. Defaults to the localized \"File upload area\" text.",
+                "type": "string"
+              },
               {
                 "name": "dropzoneFocusable",
                 "description": "Whether the dropzone is in the tab order and exposes button keyboard behavior (default: true).",
@@ -5379,6 +5389,73 @@
             ]
           }
         },
+        {
+          "name": "dap-ds-label",
+          "description": "A label is a container for labels intended for general use. It contains a label text, description, and tooltip.\n---\n\n\n### **CSS Properties:**\n - **--dds-label-background** - The background color of the label container. (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-color** - The border color of the label container. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-width** - The border width of the label container. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-label-border-radius** - The border radius of the label container. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-label-padding** - The padding of the label container. (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-label-disabled-background** - The background color of the label container when disabled. (default: var(--dds-background-neutral-disabled-inverted)). _(default: undefined)_\n- **--dds-label-checked-border-color** - The border color of the label container when checked. (default: var(--dds-background-brand-base-inverted)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main label container.\n- **label** - Tha main label container. dap-ds-form-label element.\n- **label-base** - The label text.\n- **label-required** - The required indicator of the label.\n- **label-optional** - The optional indicator of the label.\n- **tooltip** - The tooltip of the label. dap-ds-tooltip element.\n- **description** - The description of the label.",
+          "doc-url": "",
+          "attributes": [],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "The label text",
+                "type": "string"
+              },
+              {
+                "name": "description",
+                "description": "The description of the label",
+                "type": "string"
+              },
+              {
+                "name": "tooltip",
+                "description": "The tooltip text",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The size of the input. Default is `sm`.",
+                "type": "'xs' | 'sm' | 'lg'"
+              },
+              {
+                "name": "tooltipPlacement",
+                "description": "The tooltip placement of the label.",
+                "type": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              {
+                "name": "optional",
+                "description": "If the label is optional. Default value is `false`.",
+                "type": "boolean"
+              },
+              {
+                "name": "optionalLabel",
+                "description": "Label of optional text",
+                "type": "string"
+              },
+              {
+                "name": "requiredLabel",
+                "description": "Indicator of required text (default: '*')",
+                "type": "string"
+              },
+              {
+                "name": "subtle",
+                "description": "Text weight of label. If true the label is subtle. Default value is `false`.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled state of the label. Default is `false`.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "The required state of the label. Default is `false`.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "dap-ds-input",
           "description": "An input is a field used to collect user input.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **Slots:**\n - **postfix** - The postfix of the input.\n- **prefix** - The prefix of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Properties:**\n - **--dds-input-height-xs** - The height of the extra small input. (default: var(--dds-spacing-800)). _(default: undefined)_\n- **--dds-input-height-sm** - The height of the small input. (default: var(--dds-spacing-1000)). _(default: undefined)_\n- **--dds-input-height-lg** - The height of the large input. (default: var(--dds-spacing-1200)). _(default: undefined)_\n- **--dds-input-padding-xs** - The padding of the extra small input. (default: 0 var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-input-padding-sm** - The padding of the small input. (default: 0 var(--dds-spacing-300)). _(default: undefined)_\n- **--dds-input-padding-lg** - The padding of the large input. (default: 0 var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-input-font-size-xs** - The font size of the extra small input. (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-input-font-size-sm** - The font size of the small input. (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-input-font-size-lg** - The font size of the large input. (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-input-border** - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-background** - The background color of the input. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-text-color** - The text color of the input. (default: var(--dds-text-neutral-base)). _(default: undefined)_\n- **--dds-input-border-radius** - The border radius of the input. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-input-disabled-border** - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)). _(default: undefined)_\n- **--dds-input-disabled-background** - The background color of the disabled input. (default: var(--dds-fields-background-disabled)). _(default: undefined)_\n- **--dds-input-disabled-text** - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-input-readonly-border** - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-input-readonly-background** - The background color of the readonly input. (default: var(--dds-fields-background-read-only)). _(default: undefined)_\n- **--dds-input-readonly-text** - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)). _(default: undefined)_\n- **--dds-input-success-border** - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-error-border** - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-background** - The background color of the input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-success-background** - The background color of the success input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-error-background** - The background color of the error input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-border-before** - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-after** - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-before** - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-after** - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-success-border** - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-before** - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-after** - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-before** - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-after** - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-error-border-before** - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-after** - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-before** - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-after** - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.",
@@ -5619,73 +5696,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-label",
-          "description": "A label is a container for labels intended for general use. It contains a label text, description, and tooltip.\n---\n\n\n### **CSS Properties:**\n - **--dds-label-background** - The background color of the label container. (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-color** - The border color of the label container. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-label-border-width** - The border width of the label container. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-label-border-radius** - The border radius of the label container. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-label-padding** - The padding of the label container. (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-label-disabled-background** - The background color of the label container when disabled. (default: var(--dds-background-neutral-disabled-inverted)). _(default: undefined)_\n- **--dds-label-checked-border-color** - The border color of the label container when checked. (default: var(--dds-background-brand-base-inverted)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main label container.\n- **label** - Tha main label container. dap-ds-form-label element.\n- **label-base** - The label text.\n- **label-required** - The required indicator of the label.\n- **label-optional** - The optional indicator of the label.\n- **tooltip** - The tooltip of the label. dap-ds-tooltip element.\n- **description** - The description of the label.",
-          "doc-url": "",
-          "attributes": [],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "label",
-                "description": "The label text",
-                "type": "string"
-              },
-              {
-                "name": "description",
-                "description": "The description of the label",
-                "type": "string"
-              },
-              {
-                "name": "tooltip",
-                "description": "The tooltip text",
-                "type": "string"
-              },
-              {
-                "name": "size",
-                "description": "The size of the input. Default is `sm`.",
-                "type": "'xs' | 'sm' | 'lg'"
-              },
-              {
-                "name": "tooltipPlacement",
-                "description": "The tooltip placement of the label.",
-                "type": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              {
-                "name": "optional",
-                "description": "If the label is optional. Default value is `false`.",
-                "type": "boolean"
-              },
-              {
-                "name": "optionalLabel",
-                "description": "Label of optional text",
-                "type": "string"
-              },
-              {
-                "name": "requiredLabel",
-                "description": "Indicator of required text (default: '*')",
-                "type": "string"
-              },
-              {
-                "name": "subtle",
-                "description": "Text weight of label. If true the label is subtle. Default value is `false`.",
-                "type": "boolean"
-              },
-              {
-                "name": "disabled",
-                "description": "The disabled state of the label. Default is `false`.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "The required state of the label. Default is `false`.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "dap-ds-link",
           "description": "A link is a reference to a web resource.\n---\n\n\n### **Events:**\n - **dds-click** - Emitted when the link is clicked.\n\n### **Slots:**\n - _default_ - The text of the link.\n- **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the visible link so it is always accessible to programmatic clicks.\n\n### **CSS Properties:**\n - **--dds-link-neutral-color** - The color of the neutral variant link (default: var(--dds-link-neutral-enabled)). _(default: undefined)_\n- **--dds-link-neutral-hover-color** - The hover color of the neutral variant link (default: var(--dds-link-neutral-hover)). _(default: undefined)_\n- **--dds-link-neutral-active-color** - The active color of the neutral variant link (default: var(--dds-link-neutral-pressed)). _(default: undefined)_\n- **--dds-link-neutral-visited-color** - The visited color of the neutral variant link (default: var(--dds-link-neutral-pressed)). _(default: undefined)_\n- **--dds-link-brand-color** - The color of the brand variant link (default: var(--dds-link-enabled)). _(default: undefined)_\n- **--dds-link-brand-hover-color** - The hover color of the brand variant link (default: var(--dds-link-hover)). _(default: undefined)_\n- **--dds-link-brand-active-color** - The active color of the brand variant link (default: var(--dds-link-pressed)). _(default: undefined)_\n- **--dds-link-brand-visited-color** - The visited color of the brand variant link (default: var(--dds-link-pressed)). _(default: undefined)_\n- **--dds-link-inverted-color** - The color of the inverted variant link (default: var(--dds-link-inverted-enabled)). _(default: undefined)_\n- **--dds-link-inverted-hover-color** - The hover color of the inverted variant link (default: var(--dds-link-inverted-hover)). _(default: undefined)_\n- **--dds-link-inverted-active-color** - The active color of the inverted variant link (default: var(--dds-link-inverted-pressed)). _(default: undefined)_\n- **--dds-link-inverted-visited-color** - The visited color of the inverted variant link (default: var(--dds-link-inverted-pressed)). _(default: undefined)_\n- **--dds-link-warning-color** - The color of the warning variant link (default: var(--dds-banner-action-inverted-enabled)). _(default: undefined)_\n- **--dds-link-warning-hover-color** - The hover color of the warning variant link (default: var(--dds-banner-action-inverted-hover)). _(default: undefined)_\n- **--dds-link-warning-active-color** - The active color of the warning variant link (default: var(--dds-banner-action-inverted-pressed)). _(default: undefined)_\n- **--dds-link-warning-visited-color** - The visited color of the warning variant link (default: var(--dds-banner-action-inverted-pressed)). _(default: undefined)_\n- **--dds-link-disabled-color** - The color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-disabled-hover-color** - The hover color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-disabled-active-color** - The active color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-disabled-visited-color** - The visited color of the disabled link (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-link-lg-font-size** - The font size of the large link (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-link-lg-line-height** - The line height of the large link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-md-font-size** - The font size of the medium link (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-link-md-line-height** - The line height of the medium link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-sm-font-size** - The font size of the small link (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-link-sm-line-height** - The line height of the small link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-xs-font-size** - The font size of the extra small link (default: var(--dds-font-xs)). _(default: undefined)_\n- **--dds-link-xs-line-height** - The line height of the extra small link (default: var(--dds-font-line-height-xlarge)). _(default: undefined)_\n- **--dds-link-normal-font-weight** - The font weight of the normal link (default: var(--dds-font-weight-medium)). _(default: undefined)_\n- **--dds-link-bold-font-weight** - The font weight of the bold link (default: var(--dds-font-weight-bold)). _(default: undefined)_\n- **--dds-link-no-underline-text-decoration** - The text decoration when underline is removed (default: none). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main link container.\n- **text** - The text of the link.",
@@ -6250,405 +6260,296 @@
           }
         },
         {
-          "name": "dap-ds-navigation-menu-item",
-          "description": "A navigation menu item that can contain either a simple link or dropdown content.\nSupports nested items with cascading flyout behavior. Part of the navigation menu system.\nThis is for NAVIGATION (website menus), not application menus.\n---\n\n\n### **Events:**\n - **dds-navigation-item-click** - Fired when a navigation item is clicked.\n- **dds-navigation-dropdown-open** - Fired when a navigation dropdown is opened.\n\n### **Methods:**\n - **activateTrigger()** - Activate the trigger the way a mouse click would. Custom element triggers\n-- including the default `dap-ds-button` -- keep the real interactive\nelement inside their shadow root, so clicking the host alone does nothing.\n- **updatePosition()** - Update popup position using Floating UI.\n- **setRovingTabIndex(active: _boolean_)** - Sets this item as the active (or inactive) roving tabindex target.\nOnly the active item's trigger is in the sequential tab order (tabindex=\"0\").\nAll others are removed (tabindex=\"-1\") so Tab exits the whole nav in one step.\n- **focusFirstDropdownChild()** - Focus the first focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **focusLastDropdownChild()** - Focus the last focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **_handleTriggerSlotChangeCallback()** - Update trigger element attributes and properties.\n\n### **Slots:**\n - **trigger** - The trigger element (link, button, etc.) for this navigation item.\n- **title** - The title of the navigation item.\n- **indicator** - The expand indicator icon (defaults to arrow icon based on orientation and level).\n- **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the popup so it is always accessible to programmatic clicks.\n- _default_ - The dropdown content (can contain nested dap-ds-navigation-menu-item elements).\n\n### **CSS Properties:**\n - **--dds-navigation-menu-item-spacing** - The padding/spacing of the navigation menu item content. (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-width** - The border width of the navigation menu item content. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-color** - The border color of the navigation menu item content. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-radius** - The border radius of the navigation menu item content. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-background** - The background color of the navigation menu item content. (default: var(--dds-background-neutral-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-shadow** - The box shadow of the navigation menu item content. (default: var(--dds-shadow-base)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base part of the navigation item.\n- **trigger** - The trigger element part.\n- **trigger-base** - The base part of the trigger button (from dap-ds-button).\n- **trigger-content** - The content part of the trigger button (from dap-ds-button).\n- **trigger-high-contrast** - The high contrast part of the trigger button (from dap-ds-button).\n- **trigger-stack-base** - The base part of the trigger stack (from dap-ds-stack).\n- **title** - The title slot wrapper.\n- **indicator** - The expand indicator container.\n- **indicator-icon** - The expand indicator icon part.\n- **indicator-icon-base** - The base part of the indicator icon (from dap-ds-icon).\n- **indicator-icon-icon** - The icon part of the indicator icon (from dap-ds-icon).\n- **popup** - The dropdown popup container.\n- **content** - The dropdown content wrapper (default slot).\n- **arrow** - The dropdown arrow part.",
+          "name": "dap-ds-number-input",
+          "description": "A number input component.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Properties:**\n - **--dds-input-height-xs** - The height of the extra small input. (default: var(--dds-spacing-800) ). _(default: undefined)_\n- **--dds-input-height-sm** - The height of the small input. (default: var(--dds-spacing-1000)). _(default: undefined)_\n- **--dds-input-height-lg** - The height of the large input. (default: var(--dds-spacing-1200)). _(default: undefined)_\n- **--dds-input-padding-xs** - The padding of the extra small input. (default: 0 var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-input-padding-sm** - The padding of the small input. (default: 0 var(--dds-spacing-300)). _(default: undefined)_\n- **--dds-input-padding-lg** - The padding of the large input. (default: 0 var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-input-font-size-xs** - The font size of the extra small input. (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-input-font-size-sm** - The font size of the small input. (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-input-font-size-lg** - The font size of the large input. (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-input-border** - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-background** - The background color of the input. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-text-color** - The text color of the input. (default: var(--dds-text-neutral-base)). _(default: undefined)_\n- **--dds-input-border-radius** - The border radius of the input. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-input-disabled-border** - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)). _(default: undefined)_\n- **--dds-input-disabled-background** - The background color of the disabled input. (default: var(--dds-fields-background-disabled)). _(default: undefined)_\n- **--dds-input-disabled-text** - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-input-readonly-border** - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-input-readonly-background** - The background color of the readonly input. (default: var(--dds-fields-background-read-only)). _(default: undefined)_\n- **--dds-input-readonly-text** - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)). _(default: undefined)_\n- **--dds-input-success-border** - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-error-border** - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-background** - The background color of the input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-success-background** - The background color of the success input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-error-background** - The background color of the error input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-border-before** - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-after** - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-before** - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-after** - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-success-border** - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-before** - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-after** - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-before** - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-after** - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-error-border-before** - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-after** - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-before** - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-after** - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main number input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.\n- **decrement-button** - The decrement button of the input.\n- **increment-button** - The increment button of the input.\n- **decrement-button-base** - The base of the decrement button.\n- **increment-button-base** - The base of the increment button.\n- **decrement-button-content** - The content of the decrement button.\n- **increment-button-content** - The content of the increment button.\n- **decrement-icon** - The icon of the decrement button.\n- **decrement-icon-base** - The base of the decrement icon.\n- **increment-icon** - The icon of the increment button.\n- **increment-icon-base** - The base of the increment icon.\n- **label-base** - The base of the label.\n- **label-required** - The required indicator of the label.\n- **label-optional** - The optional indicator of the label.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "disabled",
-              "description": "The disabled state of the popup. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "opened",
-              "description": "The open state of the popup. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "placement",
-              "description": "The placement of the popup (automatically adjusted based on nesting level). Default is 'bottom-start'.",
-              "value": {
-                "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'",
-                "default": "'bottom-start'"
-              }
-            },
-            {
-              "name": "floatingStrategy",
-              "description": "The floating strategy of the popup. Default is 'fixed'.",
-              "value": { "type": "'absolute' | 'fixed'", "default": "'fixed'" }
-            },
-            {
-              "name": "offset",
-              "description": "The offset of the popup. Default is 0.",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "sync",
-              "description": "Whether the popup should sync its width with the trigger. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "maxHeight",
-              "description": "The maximum height of the popup. Default is 250.",
-              "value": { "type": "number | 'auto'", "default": "250" }
-            },
-            {
-              "name": "maxWidth",
-              "description": "The maximum width of the popup. Default is 'auto'.",
-              "value": { "type": "number | 'auto'", "default": "'auto'" }
-            },
-            {
-              "name": "hasArrow",
-              "description": "Whether the popup has an arrow. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "overflow",
-              "description": "Whether the popup should overflow. Default is true.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "fullWidth",
-              "description": "Whether the popup should take full width of the screen. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "thousandSeparator",
+              "description": "The thousand separator of the input.",
+              "value": { "type": "string", "default": "''" }
             },
             {
-              "name": "icon",
-              "description": "The name of the icon to display in the trigger.",
-              "value": { "type": "string" }
+              "name": "decimalSeparator",
+              "description": "The decimal separator of the input.",
+              "value": { "type": "string", "default": "','" }
             },
             {
-              "name": "aria-labelledby",
-              "description": "The name of the element that labels the navigation dropdown.",
-              "value": { "type": "string" }
+              "name": "decimalScale",
+              "description": "The decimal scale of the input.",
+              "value": { "type": "number" }
             },
             {
-              "name": "activeHref",
-              "description": "The href of the navigation item that is active (receives aria-current=\"page\").",
-              "value": { "type": "string" }
+              "name": "allowNegative",
+              "description": "The allow negative state of the input.",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "name": "baseHref",
-              "description": "The href of the navigation item. If provided, the navigation item will be active if the href is a substring of the activeHref.",
-              "value": { "type": "string" }
+              "name": "allowDecimal",
+              "description": "The allow decimal state of the input.",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "name": "exactHref",
-              "description": "Whether the navigation item should be active if the href is exactly the same as the activeHref. Default is false.",
+              "name": "hideControls",
+              "description": "Hides the increment and decrement buttons.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "href",
-              "description": "The href URL for the navigation item link. When provided, the default trigger renders as a link.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "target",
-              "description": "The target attribute for link navigation.",
-              "value": { "type": "'_blank' | '_self' | '_parent' | '_top'" }
-            },
-            {
-              "name": "rel",
-              "description": "The rel attribute for link security and behavior.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "label",
-              "description": "The label text for the navigation item. This will be displayed in the title slot if no custom title slot content is provided.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "level",
-              "description": "The nesting level of this navigation item (0 = top-level, automatically set for nested items). Default is 0.",
-              "value": { "type": "number", "default": "0" }
+              "name": "padStart",
+              "description": "The number of leading zeros to add to the input.",
+              "value": { "type": "number" }
             },
             {
-              "name": "orientation",
-              "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
+              "name": "decrementButtonTestId",
+              "description": "`data-testid` for the decrement stepper button.",
               "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
+                "type": "string",
+                "default": "'number-input-decrement-button'"
               }
             },
             {
-              "name": "tabMode",
-              "description": "Controls how Tab key navigates through top-level items. Default is 'group'.",
-              "value": { "type": "'group' | 'items'", "default": "'group'" }
-            },
-            {
-              "name": "triggerButtonTestId",
-              "description": "`data-testid` for the default menu trigger button.",
+              "name": "incrementButtonTestId",
+              "description": "`data-testid` for the increment stepper button.",
               "value": {
                 "type": "string",
-                "default": "'navigation-menu-item-trigger-button'"
+                "default": "'number-input-increment-button'"
               }
             }
           ],
           "slots": [
             {
-              "name": "trigger",
-              "description": "The trigger element (link, button, etc.) for this navigation item."
-            },
+              "name": "feedback-icon",
+              "description": "The custom icon of the feedback."
+            }
+          ],
+          "events": [
             {
-              "name": "title",
-              "description": "The title of the navigation item."
+              "name": "dds-change",
+              "type": "{ value: string }",
+              "description": "Fired when the input value changes."
             },
             {
-              "name": "indicator",
-              "description": "The expand indicator icon (defaults to arrow icon based on orientation and level)."
+              "name": "dds-input",
+              "type": "{ value: string }",
+              "description": "Fired when the input value changes."
             },
             {
-              "name": "link",
-              "description": "A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the popup so it is always accessible to programmatic clicks."
+              "name": "dds-keydown",
+              "type": "{ value: string, originalEvent: Event }",
+              "description": "Fired when a key is pressed down."
             },
             {
-              "name": "",
-              "description": "The dropdown content (can contain nested dap-ds-navigation-menu-item elements)."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-navigation-item-click",
-              "type": "{ href: string, event: Event }",
-              "description": "Fired when a navigation item is clicked."
+              "name": "dds-blur",
+              "type": "{ void }",
+              "description": "Fired when the input loses focus."
             },
             {
-              "name": "dds-navigation-dropdown-open",
-              "type": "{ item: DapDSNavigationMenuItem }",
-              "description": "Fired when a navigation dropdown is opened."
+              "name": "dds-focus",
+              "type": "{ void }",
+              "description": "Emitted when the input gains focus."
             }
           ],
           "js": {
             "properties": [
-              { "name": "submenuController", "type": "SubmenuController" },
               {
-                "name": "disabled",
-                "description": "The disabled state of the popup. Default is false.",
-                "type": "boolean"
+                "name": "thousandSeparator",
+                "description": "The thousand separator of the input.",
+                "type": "string"
               },
               {
-                "name": "opened",
-                "description": "The open state of the popup. Default is false.",
-                "type": "boolean"
+                "name": "decimalSeparator",
+                "description": "The decimal separator of the input.",
+                "type": "string"
               },
               {
-                "name": "placement",
-                "description": "The placement of the popup (automatically adjusted based on nesting level). Default is 'bottom-start'.",
-                "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'"
+                "name": "decimalScale",
+                "description": "The decimal scale of the input.",
+                "type": "number"
               },
               {
-                "name": "floatingStrategy",
-                "description": "The floating strategy of the popup. Default is 'fixed'.",
-                "type": "'absolute' | 'fixed'"
+                "name": "allowNegative",
+                "description": "The allow negative state of the input.",
+                "type": "string"
               },
               {
-                "name": "offset",
-                "description": "The offset of the popup. Default is 0.",
-                "type": "number"
+                "name": "allowDecimal",
+                "description": "The allow decimal state of the input.",
+                "type": "string"
               },
               {
-                "name": "sync",
-                "description": "Whether the popup should sync its width with the trigger. Default is false.",
+                "name": "hideControls",
+                "description": "Hides the increment and decrement buttons.",
                 "type": "boolean"
               },
               {
-                "name": "maxHeight",
-                "description": "The maximum height of the popup. Default is 250.",
-                "type": "number | 'auto'"
+                "name": "padStart",
+                "description": "The number of leading zeros to add to the input.",
+                "type": "number"
               },
               {
-                "name": "maxWidth",
-                "description": "The maximum width of the popup. Default is 'auto'.",
-                "type": "number | 'auto'"
+                "name": "decrementButtonTestId",
+                "description": "`data-testid` for the decrement stepper button.",
+                "type": "string"
               },
               {
-                "name": "hasArrow",
-                "description": "Whether the popup has an arrow. Default is false.",
-                "type": "boolean"
+                "name": "incrementButtonTestId",
+                "description": "`data-testid` for the increment stepper button.",
+                "type": "string"
               },
+              { "name": "_thousandSeparator" },
+              { "name": "manualValueSet", "type": "boolean" },
+              { "name": "type", "type": "string" },
               {
-                "name": "overflow",
-                "description": "Whether the popup should overflow. Default is true.",
-                "type": "boolean"
+                "name": "label",
+                "description": "The label of the input.",
+                "type": "string"
               },
               {
-                "name": "fullWidth",
-                "description": "Whether the popup should take full width of the screen. Default is false.",
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
                 "type": "boolean"
               },
               {
-                "name": "icon",
-                "description": "The name of the icon to display in the trigger.",
+                "name": "placeholder",
+                "description": "The placeholder of the input.",
                 "type": "string"
               },
               {
-                "name": "ariaLabelledBy",
-                "description": "The name of the element that labels the navigation dropdown.",
+                "name": "description",
+                "description": "The description of the input.",
                 "type": "string"
               },
               {
-                "name": "activeHref",
-                "description": "The href of the navigation item that is active (receives aria-current=\"page\").",
+                "name": "tooltip",
+                "description": "The tooltip of the input.",
                 "type": "string"
               },
               {
-                "name": "baseHref",
-                "description": "The href of the navigation item. If provided, the navigation item will be active if the href is a substring of the activeHref.",
+                "name": "tooltipPlacement",
+                "description": "The tooltip placement of the input.",
+                "type": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              {
+                "name": "status",
+                "description": "The status of the input. Can be `success` or `error`.",
+                "type": "'success' | 'error'"
+              },
+              {
+                "name": "size",
+                "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
+                "type": "'xs' | 'sm' | 'sm'"
+              },
+              {
+                "name": "name",
+                "description": "The name of the input.",
                 "type": "string"
               },
               {
-                "name": "exactHref",
-                "description": "Whether the navigation item should be active if the href is exactly the same as the activeHref. Default is false.",
+                "name": "value",
+                "description": "The value of the input.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled state of the input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "The required state of the input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "readonly",
+                "description": "The readonly state of the input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "autofocus",
+                "description": "The autofocus state of the input. Default is false.",
                 "type": "boolean"
               },
               {
-                "name": "href",
-                "description": "The href URL for the navigation item link. When provided, the default trigger renders as a link.",
-                "type": "string"
+                "name": "min",
+                "description": "The minimum value of the number input.",
+                "type": "number"
               },
               {
-                "name": "target",
-                "description": "The target attribute for link navigation.",
-                "type": "'_blank' | '_self' | '_parent' | '_top'"
+                "name": "max",
+                "description": "The maximum value of the number input.",
+                "type": "number"
               },
               {
-                "name": "rel",
-                "description": "The rel attribute for link security and behavior.",
-                "type": "string"
+                "name": "step",
+                "description": "The step value of the number input.",
+                "type": "number"
               },
               {
-                "name": "label",
-                "description": "The label text for the navigation item. This will be displayed in the title slot if no custom title slot content is provided.",
+                "name": "feedback",
+                "description": "The feedback of the input.",
                 "type": "string"
               },
               {
-                "name": "level",
-                "description": "The nesting level of this navigation item (0 = top-level, automatically set for nested items). Default is 0.",
-                "type": "number"
+                "name": "feedbackType",
+                "description": "The feedback type of the input. Can be `negative`, `positive`, or `warning`.",
+                "type": "'negative' | 'positive' | 'warning'"
               },
               {
-                "name": "orientation",
-                "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
-                "type": "'horizontal' | 'vertical'"
+                "name": "loading",
+                "description": "The loading state of the input. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "tabMode",
-                "description": "Controls how Tab key navigates through top-level items. Default is 'group'.",
-                "type": "'group' | 'items'"
+                "name": "optional",
+                "description": "The optional state of the input.",
+                "type": "boolean"
               },
               {
-                "name": "triggerButtonTestId",
-                "description": "`data-testid` for the default menu trigger button.",
+                "name": "optionalLabel",
+                "description": "The optional label of the input.",
                 "type": "string"
               },
-              { "name": "hasContent", "type": "boolean" },
               {
-                "name": "hasNestedItems",
-                "description": "Computed property to detect if this item contains nested navigation menu items.\n\nBacked by state (populated in `_updateNestedItems`) rather than a live\n`querySelectorAll` so it is SSR-safe: the `@lit-labs/ssr` element shim has no\n`querySelectorAll`, and reading it from `render()` would both throw on the\nserver and structurally diverge from the client hydration render (the expand\nindicator span). Starts `false` (matching `hasContent`) so server and client\nhydration renders agree; the real value is resolved in `firstUpdated`.",
-                "type": "boolean"
+                "name": "requiredLabel",
+                "description": "The required indicator of the input. (default: '*')",
+                "type": "string"
               },
               {
-                "name": "activationTrigger",
-                "description": "The element keyboard activation should act on: the element slotted into\n`trigger` when one is provided, otherwise the default trigger button\nrendered in the shadow root.",
-                "type": "HTMLElement | null"
+                "name": "subtle",
+                "description": "The weight of the label. Default is `false`",
+                "type": "boolean"
               },
               {
-                "name": "size",
-                "description": "The size of the popup. Default is 'sm'.",
-                "type": "'xs' | 'sm' | 'lg'"
+                "name": "disableEnter",
+                "description": "Disables the enter key from being used to submit the form.",
+                "type": "boolean"
               }
             ],
             "events": [
               {
-                "name": "dds-navigation-item-click",
-                "type": "{ href: string, event: Event }",
-                "description": "Fired when a navigation item is clicked."
-              },
-              {
-                "name": "dds-navigation-dropdown-open",
-                "type": "{ item: DapDSNavigationMenuItem }",
-                "description": "Fired when a navigation dropdown is opened."
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-navigation-menu",
-          "description": "A navigation menu for website/application navigation. Supports nested dropdowns with unlimited depth.\nThis is a NAVIGATION component, not an application menu (like dropdowns or context menus).\nUses semantic HTML (`<nav>`) and proper navigation ARIA attributes.\n---\n\n\n### **Events:**\n - **dds-navigation-item-click** - Fired when a navigation item is clicked.\n\n### **Methods:**\n - **getAllItems()** - Gets all slotted menu items, ignoring disabled elements\n- **getCurrentItem()** - Gets the current menu item (the one marked with `data-nav-current`).\nThe menu item may or may not have focus, but for keyboard interaction purposes it's considered the \"active\" item.\n- **setCurrentItem(item: _DapDSNavigationMenuItem_)** - Sets the current menu item. In 'group' mode (default), applies roving tabindex so only the\nactive item's trigger is in the sequential tab order (tabindex=\"0\"). In 'items' mode, all\ntop-level items remain in the tab order — only the data-nav-current marker is updated.\n\n### **Slots:**\n - _default_ - The navigation menu list and items.\n\n### **CSS Properties:**\n - **--dds-navigation-menu-item-gap** - The gap between navigation menu items. (default: var(--dds-spacing-100)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main navigation menu container (nav element).",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "activeHref",
-              "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "orientation",
-              "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "name": "fullWidth",
-              "description": "Whether the navigation menu should take full width of the screen. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "allowMultipleOpen",
-              "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "tabMode",
-              "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
-              "value": { "type": "'group' | 'items'", "default": "'group'" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The navigation menu list and items." }
-          ],
-          "events": [
-            {
-              "name": "dds-navigation-item-click",
-              "type": "{ href: string, event: Event }",
-              "description": "Fired when a navigation item is clicked."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "activeHref",
-                "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
-                "type": "string"
+                "name": "dds-change",
+                "type": "{ value: string }",
+                "description": "Fired when the input value changes."
               },
               {
-                "name": "orientation",
-                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-                "type": "'horizontal' | 'vertical'"
+                "name": "dds-input",
+                "type": "{ value: string }",
+                "description": "Fired when the input value changes."
               },
               {
-                "name": "fullWidth",
-                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
-                "type": "boolean"
+                "name": "dds-keydown",
+                "type": "{ value: string, originalEvent: Event }",
+                "description": "Fired when a key is pressed down."
               },
               {
-                "name": "allowMultipleOpen",
-                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
-                "type": "boolean"
+                "name": "dds-blur",
+                "type": "{ void }",
+                "description": "Fired when the input loses focus."
               },
               {
-                "name": "tabMode",
-                "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
-                "type": "'group' | 'items'"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-navigation-item-click",
-                "type": "{ href: string, event: Event }",
-                "description": "Fired when a navigation item is clicked."
+                "name": "dds-focus",
+                "type": "{ void }",
+                "description": "Emitted when the input gains focus."
               }
             ]
           }
@@ -6769,296 +6670,405 @@
           }
         },
         {
-          "name": "dap-ds-number-input",
-          "description": "A number input component.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Properties:**\n - **--dds-input-height-xs** - The height of the extra small input. (default: var(--dds-spacing-800) ). _(default: undefined)_\n- **--dds-input-height-sm** - The height of the small input. (default: var(--dds-spacing-1000)). _(default: undefined)_\n- **--dds-input-height-lg** - The height of the large input. (default: var(--dds-spacing-1200)). _(default: undefined)_\n- **--dds-input-padding-xs** - The padding of the extra small input. (default: 0 var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-input-padding-sm** - The padding of the small input. (default: 0 var(--dds-spacing-300)). _(default: undefined)_\n- **--dds-input-padding-lg** - The padding of the large input. (default: 0 var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-input-font-size-xs** - The font size of the extra small input. (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-input-font-size-sm** - The font size of the small input. (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-input-font-size-lg** - The font size of the large input. (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-input-border** - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-background** - The background color of the input. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-text-color** - The text color of the input. (default: var(--dds-text-neutral-base)). _(default: undefined)_\n- **--dds-input-border-radius** - The border radius of the input. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-input-disabled-border** - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)). _(default: undefined)_\n- **--dds-input-disabled-background** - The background color of the disabled input. (default: var(--dds-fields-background-disabled)). _(default: undefined)_\n- **--dds-input-disabled-text** - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-input-readonly-border** - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-input-readonly-background** - The background color of the readonly input. (default: var(--dds-fields-background-read-only)). _(default: undefined)_\n- **--dds-input-readonly-text** - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)). _(default: undefined)_\n- **--dds-input-success-border** - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-error-border** - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-background** - The background color of the input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-success-background** - The background color of the success input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-error-background** - The background color of the error input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-border-before** - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-after** - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-before** - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-after** - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-success-border** - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-before** - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-after** - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-before** - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-after** - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-error-border-before** - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-after** - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-before** - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-after** - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main number input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.\n- **decrement-button** - The decrement button of the input.\n- **increment-button** - The increment button of the input.\n- **decrement-button-base** - The base of the decrement button.\n- **increment-button-base** - The base of the increment button.\n- **decrement-button-content** - The content of the decrement button.\n- **increment-button-content** - The content of the increment button.\n- **decrement-icon** - The icon of the decrement button.\n- **decrement-icon-base** - The base of the decrement icon.\n- **increment-icon** - The icon of the increment button.\n- **increment-icon-base** - The base of the increment icon.\n- **label-base** - The base of the label.\n- **label-required** - The required indicator of the label.\n- **label-optional** - The optional indicator of the label.",
+          "name": "dap-ds-navigation-menu-item",
+          "description": "A navigation menu item that can contain either a simple link or dropdown content.\nSupports nested items with cascading flyout behavior. Part of the navigation menu system.\nThis is for NAVIGATION (website menus), not application menus.\n---\n\n\n### **Events:**\n - **dds-navigation-item-click** - Fired when a navigation item is clicked.\n- **dds-navigation-dropdown-open** - Fired when a navigation dropdown is opened.\n\n### **Methods:**\n - **activateTrigger()** - Activate the trigger the way a mouse click would. Custom element triggers\n-- including the default `dap-ds-button` -- keep the real interactive\nelement inside their shadow root, so clicking the host alone does nothing.\n- **updatePosition()** - Update popup position using Floating UI.\n- **setRovingTabIndex(active: _boolean_)** - Sets this item as the active (or inactive) roving tabindex target.\nOnly the active item's trigger is in the sequential tab order (tabindex=\"0\").\nAll others are removed (tabindex=\"-1\") so Tab exits the whole nav in one step.\n- **focusFirstDropdownChild()** - Focus the first focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **focusLastDropdownChild()** - Focus the last focusable element in the dropdown (supports both nested nav items and mega menu content).\n- **_handleTriggerSlotChangeCallback()** - Update trigger element attributes and properties.\n\n### **Slots:**\n - **trigger** - The trigger element (link, button, etc.) for this navigation item.\n- **title** - The title of the navigation item.\n- **indicator** - The expand indicator icon (defaults to arrow icon based on orientation and level).\n- **link** - A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the popup so it is always accessible to programmatic clicks.\n- _default_ - The dropdown content (can contain nested dap-ds-navigation-menu-item elements).\n\n### **CSS Properties:**\n - **--dds-navigation-menu-item-spacing** - The padding/spacing of the navigation menu item content. (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-width** - The border width of the navigation menu item content. (default: var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-color** - The border color of the navigation menu item content. (default: var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-navigation-menu-item-border-radius** - The border radius of the navigation menu item content. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-background** - The background color of the navigation menu item content. (default: var(--dds-background-neutral-base)). _(default: undefined)_\n- **--dds-navigation-menu-item-shadow** - The box shadow of the navigation menu item content. (default: var(--dds-shadow-base)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The base part of the navigation item.\n- **trigger** - The trigger element part.\n- **trigger-base** - The base part of the trigger button (from dap-ds-button).\n- **trigger-content** - The content part of the trigger button (from dap-ds-button).\n- **trigger-high-contrast** - The high contrast part of the trigger button (from dap-ds-button).\n- **trigger-stack-base** - The base part of the trigger stack (from dap-ds-stack).\n- **title** - The title slot wrapper.\n- **indicator** - The expand indicator container.\n- **indicator-icon** - The expand indicator icon part.\n- **indicator-icon-base** - The base part of the indicator icon (from dap-ds-icon).\n- **indicator-icon-icon** - The icon part of the indicator icon (from dap-ds-icon).\n- **popup** - The dropdown popup container.\n- **content** - The dropdown content wrapper (default slot).\n- **arrow** - The dropdown arrow part.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "thousandSeparator",
-              "description": "The thousand separator of the input.",
-              "value": { "type": "string", "default": "''" }
+              "name": "disabled",
+              "description": "The disabled state of the popup. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "decimalSeparator",
-              "description": "The decimal separator of the input.",
-              "value": { "type": "string", "default": "','" }
+              "name": "opened",
+              "description": "The open state of the popup. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "decimalScale",
-              "description": "The decimal scale of the input.",
-              "value": { "type": "number" }
+              "name": "placement",
+              "description": "The placement of the popup (automatically adjusted based on nesting level). Default is 'bottom-start'.",
+              "value": {
+                "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'",
+                "default": "'bottom-start'"
+              }
+            },
+            {
+              "name": "floatingStrategy",
+              "description": "The floating strategy of the popup. Default is 'fixed'.",
+              "value": { "type": "'absolute' | 'fixed'", "default": "'fixed'" }
+            },
+            {
+              "name": "offset",
+              "description": "The offset of the popup. Default is 0.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "sync",
+              "description": "Whether the popup should sync its width with the trigger. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "maxHeight",
+              "description": "The maximum height of the popup. Default is 250.",
+              "value": { "type": "number | 'auto'", "default": "250" }
+            },
+            {
+              "name": "maxWidth",
+              "description": "The maximum width of the popup. Default is 'auto'.",
+              "value": { "type": "number | 'auto'", "default": "'auto'" }
+            },
+            {
+              "name": "hasArrow",
+              "description": "Whether the popup has an arrow. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "overflow",
+              "description": "Whether the popup should overflow. Default is true.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "fullWidth",
+              "description": "Whether the popup should take full width of the screen. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "icon",
+              "description": "The name of the icon to display in the trigger.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "aria-labelledby",
+              "description": "The name of the element that labels the navigation dropdown.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "activeHref",
+              "description": "The href of the navigation item that is active (receives aria-current=\"page\").",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "baseHref",
+              "description": "The href of the navigation item. If provided, the navigation item will be active if the href is a substring of the activeHref.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "exactHref",
+              "description": "Whether the navigation item should be active if the href is exactly the same as the activeHref. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "href",
+              "description": "The href URL for the navigation item link. When provided, the default trigger renders as a link.",
+              "value": { "type": "string" }
             },
             {
-              "name": "allowNegative",
-              "description": "The allow negative state of the input.",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "target",
+              "description": "The target attribute for link navigation.",
+              "value": { "type": "'_blank' | '_self' | '_parent' | '_top'" }
             },
             {
-              "name": "allowDecimal",
-              "description": "The allow decimal state of the input.",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "rel",
+              "description": "The rel attribute for link security and behavior.",
+              "value": { "type": "string" }
             },
             {
-              "name": "hideControls",
-              "description": "Hides the increment and decrement buttons.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "label",
+              "description": "The label text for the navigation item. This will be displayed in the title slot if no custom title slot content is provided.",
+              "value": { "type": "string" }
             },
             {
-              "name": "padStart",
-              "description": "The number of leading zeros to add to the input.",
-              "value": { "type": "number" }
+              "name": "level",
+              "description": "The nesting level of this navigation item (0 = top-level, automatically set for nested items). Default is 0.",
+              "value": { "type": "number", "default": "0" }
             },
             {
-              "name": "decrementButtonTestId",
-              "description": "`data-testid` for the decrement stepper button.",
+              "name": "orientation",
+              "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
               "value": {
-                "type": "string",
-                "default": "'number-input-decrement-button'"
+                "type": "'horizontal' | 'vertical'",
+                "default": "'horizontal'"
               }
             },
             {
-              "name": "incrementButtonTestId",
-              "description": "`data-testid` for the increment stepper button.",
+              "name": "tabMode",
+              "description": "Controls how Tab key navigates through top-level items. Default is 'group'.",
+              "value": { "type": "'group' | 'items'", "default": "'group'" }
+            },
+            {
+              "name": "triggerButtonTestId",
+              "description": "`data-testid` for the default menu trigger button.",
               "value": {
                 "type": "string",
-                "default": "'number-input-increment-button'"
+                "default": "'navigation-menu-item-trigger-button'"
               }
             }
           ],
           "slots": [
             {
-              "name": "feedback-icon",
-              "description": "The custom icon of the feedback."
-            }
-          ],
-          "events": [
+              "name": "trigger",
+              "description": "The trigger element (link, button, etc.) for this navigation item."
+            },
             {
-              "name": "dds-change",
-              "type": "{ value: string }",
-              "description": "Fired when the input value changes."
+              "name": "title",
+              "description": "The title of the navigation item."
             },
             {
-              "name": "dds-input",
-              "type": "{ value: string }",
-              "description": "Fired when the input value changes."
+              "name": "indicator",
+              "description": "The expand indicator icon (defaults to arrow icon based on orientation and level)."
             },
             {
-              "name": "dds-keydown",
-              "type": "{ value: string, originalEvent: Event }",
-              "description": "Fired when a key is pressed down."
+              "name": "link",
+              "description": "A router link element (e.g. Next.js Link) used for SPA navigation. Rendered outside the popup so it is always accessible to programmatic clicks."
             },
             {
-              "name": "dds-blur",
-              "type": "{ void }",
-              "description": "Fired when the input loses focus."
+              "name": "",
+              "description": "The dropdown content (can contain nested dap-ds-navigation-menu-item elements)."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-navigation-item-click",
+              "type": "{ href: string, event: Event }",
+              "description": "Fired when a navigation item is clicked."
             },
             {
-              "name": "dds-focus",
-              "type": "{ void }",
-              "description": "Emitted when the input gains focus."
+              "name": "dds-navigation-dropdown-open",
+              "type": "{ item: DapDSNavigationMenuItem }",
+              "description": "Fired when a navigation dropdown is opened."
             }
           ],
           "js": {
             "properties": [
+              { "name": "submenuController", "type": "SubmenuController" },
               {
-                "name": "thousandSeparator",
-                "description": "The thousand separator of the input.",
-                "type": "string"
+                "name": "disabled",
+                "description": "The disabled state of the popup. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "decimalSeparator",
-                "description": "The decimal separator of the input.",
-                "type": "string"
+                "name": "opened",
+                "description": "The open state of the popup. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "decimalScale",
-                "description": "The decimal scale of the input.",
-                "type": "number"
+                "name": "placement",
+                "description": "The placement of the popup (automatically adjusted based on nesting level). Default is 'bottom-start'.",
+                "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'"
               },
               {
-                "name": "allowNegative",
-                "description": "The allow negative state of the input.",
-                "type": "string"
+                "name": "floatingStrategy",
+                "description": "The floating strategy of the popup. Default is 'fixed'.",
+                "type": "'absolute' | 'fixed'"
               },
               {
-                "name": "allowDecimal",
-                "description": "The allow decimal state of the input.",
-                "type": "string"
+                "name": "offset",
+                "description": "The offset of the popup. Default is 0.",
+                "type": "number"
               },
               {
-                "name": "hideControls",
-                "description": "Hides the increment and decrement buttons.",
+                "name": "sync",
+                "description": "Whether the popup should sync its width with the trigger. Default is false.",
                 "type": "boolean"
               },
               {
-                "name": "padStart",
-                "description": "The number of leading zeros to add to the input.",
-                "type": "number"
-              },
-              {
-                "name": "decrementButtonTestId",
-                "description": "`data-testid` for the decrement stepper button.",
-                "type": "string"
+                "name": "maxHeight",
+                "description": "The maximum height of the popup. Default is 250.",
+                "type": "number | 'auto'"
               },
               {
-                "name": "incrementButtonTestId",
-                "description": "`data-testid` for the increment stepper button.",
-                "type": "string"
+                "name": "maxWidth",
+                "description": "The maximum width of the popup. Default is 'auto'.",
+                "type": "number | 'auto'"
               },
-              { "name": "_thousandSeparator" },
-              { "name": "manualValueSet", "type": "boolean" },
-              { "name": "type", "type": "string" },
               {
-                "name": "label",
-                "description": "The label of the input.",
-                "type": "string"
+                "name": "hasArrow",
+                "description": "Whether the popup has an arrow. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "hideLabel",
-                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "name": "overflow",
+                "description": "Whether the popup should overflow. Default is true.",
                 "type": "boolean"
               },
               {
-                "name": "placeholder",
-                "description": "The placeholder of the input.",
-                "type": "string"
+                "name": "fullWidth",
+                "description": "Whether the popup should take full width of the screen. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "description",
-                "description": "The description of the input.",
+                "name": "icon",
+                "description": "The name of the icon to display in the trigger.",
                 "type": "string"
               },
               {
-                "name": "tooltip",
-                "description": "The tooltip of the input.",
+                "name": "ariaLabelledBy",
+                "description": "The name of the element that labels the navigation dropdown.",
                 "type": "string"
               },
               {
-                "name": "tooltipPlacement",
-                "description": "The tooltip placement of the input.",
-                "type": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              {
-                "name": "status",
-                "description": "The status of the input. Can be `success` or `error`.",
-                "type": "'success' | 'error'"
-              },
-              {
-                "name": "size",
-                "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
-                "type": "'xs' | 'sm' | 'sm'"
-              },
-              {
-                "name": "name",
-                "description": "The name of the input.",
+                "name": "activeHref",
+                "description": "The href of the navigation item that is active (receives aria-current=\"page\").",
                 "type": "string"
               },
               {
-                "name": "value",
-                "description": "The value of the input.",
+                "name": "baseHref",
+                "description": "The href of the navigation item. If provided, the navigation item will be active if the href is a substring of the activeHref.",
                 "type": "string"
               },
               {
-                "name": "disabled",
-                "description": "The disabled state of the input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "The required state of the input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "readonly",
-                "description": "The readonly state of the input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "autofocus",
-                "description": "The autofocus state of the input. Default is false.",
+                "name": "exactHref",
+                "description": "Whether the navigation item should be active if the href is exactly the same as the activeHref. Default is false.",
                 "type": "boolean"
               },
               {
-                "name": "min",
-                "description": "The minimum value of the number input.",
-                "type": "number"
-              },
-              {
-                "name": "max",
-                "description": "The maximum value of the number input.",
-                "type": "number"
+                "name": "href",
+                "description": "The href URL for the navigation item link. When provided, the default trigger renders as a link.",
+                "type": "string"
               },
               {
-                "name": "step",
-                "description": "The step value of the number input.",
-                "type": "number"
+                "name": "target",
+                "description": "The target attribute for link navigation.",
+                "type": "'_blank' | '_self' | '_parent' | '_top'"
               },
               {
-                "name": "feedback",
-                "description": "The feedback of the input.",
+                "name": "rel",
+                "description": "The rel attribute for link security and behavior.",
                 "type": "string"
               },
               {
-                "name": "feedbackType",
-                "description": "The feedback type of the input. Can be `negative`, `positive`, or `warning`.",
-                "type": "'negative' | 'positive' | 'warning'"
+                "name": "label",
+                "description": "The label text for the navigation item. This will be displayed in the title slot if no custom title slot content is provided.",
+                "type": "string"
               },
               {
-                "name": "loading",
-                "description": "The loading state of the input. Default is false.",
-                "type": "boolean"
+                "name": "level",
+                "description": "The nesting level of this navigation item (0 = top-level, automatically set for nested items). Default is 0.",
+                "type": "number"
               },
               {
-                "name": "optional",
-                "description": "The optional state of the input.",
-                "type": "boolean"
+                "name": "orientation",
+                "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
+                "type": "'horizontal' | 'vertical'"
               },
               {
-                "name": "optionalLabel",
-                "description": "The optional label of the input.",
-                "type": "string"
+                "name": "tabMode",
+                "description": "Controls how Tab key navigates through top-level items. Default is 'group'.",
+                "type": "'group' | 'items'"
               },
               {
-                "name": "requiredLabel",
-                "description": "The required indicator of the input. (default: '*')",
+                "name": "triggerButtonTestId",
+                "description": "`data-testid` for the default menu trigger button.",
                 "type": "string"
               },
+              { "name": "hasContent", "type": "boolean" },
               {
-                "name": "subtle",
-                "description": "The weight of the label. Default is `false`",
+                "name": "hasNestedItems",
+                "description": "Computed property to detect if this item contains nested navigation menu items.\n\nBacked by state (populated in `_updateNestedItems`) rather than a live\n`querySelectorAll` so it is SSR-safe: the `@lit-labs/ssr` element shim has no\n`querySelectorAll`, and reading it from `render()` would both throw on the\nserver and structurally diverge from the client hydration render (the expand\nindicator span). Starts `false` (matching `hasContent`) so server and client\nhydration renders agree; the real value is resolved in `firstUpdated`.",
                 "type": "boolean"
               },
               {
-                "name": "disableEnter",
-                "description": "Disables the enter key from being used to submit the form.",
-                "type": "boolean"
+                "name": "activationTrigger",
+                "description": "The element keyboard activation should act on: the element slotted into\n`trigger` when one is provided, otherwise the default trigger button\nrendered in the shadow root.",
+                "type": "HTMLElement | null"
+              },
+              {
+                "name": "size",
+                "description": "The size of the popup. Default is 'sm'.",
+                "type": "'xs' | 'sm' | 'lg'"
               }
             ],
             "events": [
               {
-                "name": "dds-change",
-                "type": "{ value: string }",
-                "description": "Fired when the input value changes."
+                "name": "dds-navigation-item-click",
+                "type": "{ href: string, event: Event }",
+                "description": "Fired when a navigation item is clicked."
               },
               {
-                "name": "dds-input",
-                "type": "{ value: string }",
-                "description": "Fired when the input value changes."
+                "name": "dds-navigation-dropdown-open",
+                "type": "{ item: DapDSNavigationMenuItem }",
+                "description": "Fired when a navigation dropdown is opened."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-navigation-menu",
+          "description": "A navigation menu for website/application navigation. Supports nested dropdowns with unlimited depth.\nThis is a NAVIGATION component, not an application menu (like dropdowns or context menus).\nUses semantic HTML (`<nav>`) and proper navigation ARIA attributes.\n---\n\n\n### **Events:**\n - **dds-navigation-item-click** - Fired when a navigation item is clicked.\n\n### **Methods:**\n - **getAllItems()** - Gets all slotted menu items, ignoring disabled elements\n- **getCurrentItem()** - Gets the current menu item (the one marked with `data-nav-current`).\nThe menu item may or may not have focus, but for keyboard interaction purposes it's considered the \"active\" item.\n- **setCurrentItem(item: _DapDSNavigationMenuItem_)** - Sets the current menu item. In 'group' mode (default), applies roving tabindex so only the\nactive item's trigger is in the sequential tab order (tabindex=\"0\"). In 'items' mode, all\ntop-level items remain in the tab order — only the data-nav-current marker is updated.\n\n### **Slots:**\n - _default_ - The navigation menu list and items.\n\n### **CSS Properties:**\n - **--dds-navigation-menu-item-gap** - The gap between navigation menu items. (default: var(--dds-spacing-100)). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main navigation menu container (nav element).",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "activeHref",
+              "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "orientation",
+              "description": "The orientation of the navigation menu. Default is 'horizontal'.",
+              "value": {
+                "type": "'horizontal' | 'vertical'",
+                "default": "'horizontal'"
+              }
+            },
+            {
+              "name": "fullWidth",
+              "description": "Whether the navigation menu should take full width of the screen. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "allowMultipleOpen",
+              "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "tabMode",
+              "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
+              "value": { "type": "'group' | 'items'", "default": "'group'" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The navigation menu list and items." }
+          ],
+          "events": [
+            {
+              "name": "dds-navigation-item-click",
+              "type": "{ href: string, event: Event }",
+              "description": "Fired when a navigation item is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "activeHref",
+                "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
+                "type": "string"
               },
               {
-                "name": "dds-keydown",
-                "type": "{ value: string, originalEvent: Event }",
-                "description": "Fired when a key is pressed down."
+                "name": "orientation",
+                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
+                "type": "'horizontal' | 'vertical'"
               },
               {
-                "name": "dds-blur",
-                "type": "{ void }",
-                "description": "Fired when the input loses focus."
+                "name": "fullWidth",
+                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "dds-focus",
-                "type": "{ void }",
-                "description": "Emitted when the input gains focus."
+                "name": "allowMultipleOpen",
+                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
+                "type": "boolean"
+              },
+              {
+                "name": "tabMode",
+                "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
+                "type": "'group' | 'items'"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-navigation-item-click",
+                "type": "{ href: string, event: Event }",
+                "description": "Fired when a navigation item is clicked."
               }
             ]
           }
@@ -7928,101 +7938,219 @@
               "description": "Fired when the popup is opened."
             },
             {
-              "name": "dds-closed",
-              "type": "{ void }",
-              "description": "Fired when the popup is closed."
-            },
+              "name": "dds-closed",
+              "type": "{ void }",
+              "description": "Fired when the popup is closed."
+            },
+            {
+              "name": "dds-close",
+              "type": "{ void }",
+              "description": "Fired when the popup should be closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The size of the popup.",
+                "type": "'xs' | 'sm' | 'lg'"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled state of the popup.",
+                "type": "boolean"
+              },
+              {
+                "name": "opened",
+                "description": "The open state of the popup.",
+                "type": "boolean"
+              },
+              {
+                "name": "placement",
+                "description": "The placement of the popup.",
+                "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'"
+              },
+              {
+                "name": "floatingStrategy",
+                "description": "The floating strategy of the popup.",
+                "type": "'absolute' | 'fixed'"
+              },
+              {
+                "name": "offset",
+                "description": "The offset of the popup.",
+                "type": "number"
+              },
+              {
+                "name": "sync",
+                "description": "Whether the popup should sync its width with the trigger.",
+                "type": "boolean"
+              },
+              {
+                "name": "maxHeight",
+                "description": "The maximum height of the popup.",
+                "type": "number | 'auto'"
+              },
+              {
+                "name": "maxWidth",
+                "description": "The maximum width of the popup.",
+                "type": "number | 'auto'"
+              },
+              {
+                "name": "hasArrow",
+                "description": "Whether the popup has an arrow.",
+                "type": "boolean"
+              },
+              {
+                "name": "overflow",
+                "description": "Whether the popup should overflow.",
+                "type": "boolean"
+              },
+              {
+                "name": "fullWidth",
+                "description": "Whether the popup should take full width of the screen.",
+                "type": "boolean"
+              },
+              {
+                "name": "disableViewportAutoClose",
+                "description": "Keep popup open when trigger leaves viewport.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-opened",
+                "type": "{ void }",
+                "description": "Fired when the popup is opened."
+              },
+              {
+                "name": "dds-closed",
+                "type": "{ void }",
+                "description": "Fired when the popup is closed."
+              },
+              {
+                "name": "dds-close",
+                "type": "{ void }",
+                "description": "Fired when the popup should be closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-progress",
+          "description": "Progress indicator component with linear and circular variants.\n---\n\n\n### **Slots:**\n - **label** - Custom label content for the progress indicator.\n\n### **CSS Properties:**\n - **--dds-progress-track-color** - Background color of the progress track (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-progress-fill-color-neutral** - Fill color for neutral variant (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-progress-fill-color-brand** - Fill color for brand variant (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-progress-fill-color-negative** - Fill color for negative variant (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-progress-fill-color-positive** - Fill color for positive variant (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-progress-fill-color-inverted** - Fill color for inverted variant (default: var(--dds-icon-neutral-inverted)) _(default: undefined)_\n- **--dds-progress-height-xs** - Height for extra small linear progress (default: var(--dds-spacing-50)) _(default: undefined)_\n- **--dds-progress-height-sm** - Height for small linear progress (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-progress-height-md** - Height for medium linear progress (default: var(--dds-spacing-150)) _(default: undefined)_\n- **--dds-progress-height-lg** - Height for large linear progress (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-progress-height-xl** - Height for extra large linear progress (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-progress-height-xxl** - Height for extra extra large linear progress (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-progress-diameter-xs** - Diameter for extra small circular progress (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-progress-diameter-sm** - Diameter for small circular progress (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-progress-diameter-md** - Diameter for medium circular progress (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-progress-diameter-lg** - Diameter for large circular progress (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-progress-diameter-xl** - Diameter for extra large circular progress (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-progress-diameter-xxl** - Diameter for extra extra large circular progress (default: var(--dds-spacing-2400)) _(default: undefined)_\n- **--dds-progress-stroke-width** - Stroke width for circular progress (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-progress-animation-duration** - Duration of indeterminate animation (default: 1.5s) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main progress container.\n- **track** - The progress track (background).\n- **fill** - The progress fill (bar for linear, circle for circular).\n- **label** - The progress label text.\n- **percentage** - The percentage text (circular variant only).\n- **background** - The background circle (circular variant only).",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the progress indicator.",
+              "value": {
+                "type": "\"linear\" | \"circular\"",
+                "default": "'linear'"
+              }
+            },
+            {
+              "name": "color",
+              "description": "The color variant of the progress indicator.",
+              "value": {
+                "type": "\"neutral\" | \"brand\" | \"negative\" | \"positive\" | \"inverted\"",
+                "default": "'brand'"
+              }
+            },
+            {
+              "name": "value",
+              "description": "Current progress value (0-100 for percentage, or 0-max).",
+              "value": { "type": "number | undefined" }
+            },
+            {
+              "name": "max",
+              "description": "Maximum value for the progress indicator.",
+              "value": { "type": "number", "default": "100" }
+            },
+            {
+              "name": "indeterminate",
+              "description": "Whether to show the progress as indeterminate (loading animation).",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "showPercentage",
+              "description": "Whether to show percentage text in the center (circular variant only).",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "label",
+              "description": "Label text for the progress indicator.",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "aria-live",
+              "description": "The aria-live politeness level for screen readers.",
+              "value": {
+                "type": "\"polite\" | \"assertive\" | \"off\"",
+                "default": "'polite'"
+              }
+            }
+          ],
+          "slots": [
             {
-              "name": "dds-close",
-              "type": "{ void }",
-              "description": "Fired when the popup should be closed."
+              "name": "label",
+              "description": "Custom label content for the progress indicator."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "size",
-                "description": "The size of the popup.",
-                "type": "'xs' | 'sm' | 'lg'"
-              },
-              {
-                "name": "disabled",
-                "description": "The disabled state of the popup.",
-                "type": "boolean"
-              },
-              {
-                "name": "opened",
-                "description": "The open state of the popup.",
-                "type": "boolean"
+                "name": "variant",
+                "description": "The variant of the progress indicator.",
+                "type": "\"linear\" | \"circular\""
               },
               {
-                "name": "placement",
-                "description": "The placement of the popup.",
-                "type": "'top' | 'right' | 'bottom' | 'left' | 'top-start' | 'top-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'"
+                "name": "color",
+                "description": "The color variant of the progress indicator.",
+                "type": "\"neutral\" | \"brand\" | \"negative\" | \"positive\" | \"inverted\""
               },
               {
-                "name": "floatingStrategy",
-                "description": "The floating strategy of the popup.",
-                "type": "'absolute' | 'fixed'"
+                "name": "value",
+                "description": "Current progress value (0-100 for percentage, or 0-max).",
+                "type": "number | undefined"
               },
               {
-                "name": "offset",
-                "description": "The offset of the popup.",
+                "name": "max",
+                "description": "Maximum value for the progress indicator.",
                 "type": "number"
               },
               {
-                "name": "sync",
-                "description": "Whether the popup should sync its width with the trigger.",
-                "type": "boolean"
-              },
-              {
-                "name": "maxHeight",
-                "description": "The maximum height of the popup.",
-                "type": "number | 'auto'"
-              },
-              {
-                "name": "maxWidth",
-                "description": "The maximum width of the popup.",
-                "type": "number | 'auto'"
-              },
-              {
-                "name": "hasArrow",
-                "description": "Whether the popup has an arrow.",
+                "name": "indeterminate",
+                "description": "Whether to show the progress as indeterminate (loading animation).",
                 "type": "boolean"
               },
               {
-                "name": "overflow",
-                "description": "Whether the popup should overflow.",
+                "name": "showPercentage",
+                "description": "Whether to show percentage text in the center (circular variant only).",
                 "type": "boolean"
               },
               {
-                "name": "fullWidth",
-                "description": "Whether the popup should take full width of the screen.",
-                "type": "boolean"
+                "name": "label",
+                "description": "Label text for the progress indicator.",
+                "type": "string | undefined"
               },
               {
-                "name": "disableViewportAutoClose",
-                "description": "Keep popup open when trigger leaves viewport.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-opened",
-                "type": "{ void }",
-                "description": "Fired when the popup is opened."
+                "name": "ariaLive",
+                "description": "The aria-live politeness level for screen readers.",
+                "type": "\"polite\" | \"assertive\" | \"off\""
               },
               {
-                "name": "dds-closed",
-                "type": "{ void }",
-                "description": "Fired when the popup is closed."
+                "name": "size",
+                "description": "The size of the progress indicator. Default is `sm`. See SizedMixin.",
+                "type": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"
               },
               {
-                "name": "dds-close",
-                "type": "{ void }",
-                "description": "Fired when the popup should be closed."
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
+                "type": "string"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -8162,206 +8290,88 @@
                 "type": "string"
               },
               {
-                "name": "disabled",
-                "description": "Whether the radio button is disabled.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "Whether the radio button is required.",
-                "type": "boolean"
-              },
-              {
-                "name": "size",
-                "description": "The size of the radio button. Default is 'sm'.",
-                "type": "'xs' | 'sm' | 'lg'"
-              },
-              {
-                "name": "labelPlacement",
-                "description": "The placement of the label.",
-                "type": "'left' | 'right'"
-              },
-              {
-                "name": "descriptionPlacement",
-                "description": "The placement of the description.",
-                "type": "'top' | 'bottom'"
-              },
-              {
-                "name": "subtle",
-                "description": "The weight of the label.",
-                "type": "boolean"
-              },
-              {
-                "name": "feedback",
-                "description": "The feedback of the radio button.",
-                "type": "string"
-              },
-              {
-                "name": "feedbackType",
-                "description": "The feedback type of the radio button.",
-                "type": "'negative' | 'positive' | 'warning'"
-              },
-              {
-                "name": "invalid",
-                "description": "The invalid state of the radio button.",
-                "type": "boolean"
-              },
-              {
-                "name": "optional",
-                "description": "The optional state of the radio button.",
-                "type": "boolean"
-              },
-              {
-                "name": "optionalLabel",
-                "description": "The optional label of the radio button.",
-                "type": "string"
-              },
-              {
-                "name": "requiredLabel",
-                "description": "The required indicator of the radio button. (default: '*')",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-change",
-                "type": "{ checked: boolean, value: string, disabled: boolean, readonly: boolean, type: 'radio' }",
-                "description": "Fired when the radio button is checked."
-              },
-              {
-                "name": "dds-blur",
-                "type": "{ void }",
-                "description": "Emitted when the radio button loses focus."
-              },
-              {
-                "name": "dds-focus",
-                "type": "{ void }",
-                "description": "Emitted when the radio button gains focus."
-              },
-              {
-                "name": "dds-input",
-                "type": "{ checked: boolean, value: string, disabled: boolean, readonly: boolean }",
-                "description": "Emitted when the radio button receives input."
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-progress",
-          "description": "Progress indicator component with linear and circular variants.\n---\n\n\n### **Slots:**\n - **label** - Custom label content for the progress indicator.\n\n### **CSS Properties:**\n - **--dds-progress-track-color** - Background color of the progress track (default: var(--dds-neutral-200)) _(default: undefined)_\n- **--dds-progress-fill-color-neutral** - Fill color for neutral variant (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-progress-fill-color-brand** - Fill color for brand variant (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-progress-fill-color-negative** - Fill color for negative variant (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-progress-fill-color-positive** - Fill color for positive variant (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-progress-fill-color-inverted** - Fill color for inverted variant (default: var(--dds-icon-neutral-inverted)) _(default: undefined)_\n- **--dds-progress-height-xs** - Height for extra small linear progress (default: var(--dds-spacing-50)) _(default: undefined)_\n- **--dds-progress-height-sm** - Height for small linear progress (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-progress-height-md** - Height for medium linear progress (default: var(--dds-spacing-150)) _(default: undefined)_\n- **--dds-progress-height-lg** - Height for large linear progress (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-progress-height-xl** - Height for extra large linear progress (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-progress-height-xxl** - Height for extra extra large linear progress (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-progress-diameter-xs** - Diameter for extra small circular progress (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-progress-diameter-sm** - Diameter for small circular progress (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-progress-diameter-md** - Diameter for medium circular progress (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-progress-diameter-lg** - Diameter for large circular progress (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-progress-diameter-xl** - Diameter for extra large circular progress (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-progress-diameter-xxl** - Diameter for extra extra large circular progress (default: var(--dds-spacing-2400)) _(default: undefined)_\n- **--dds-progress-stroke-width** - Stroke width for circular progress (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-progress-animation-duration** - Duration of indeterminate animation (default: 1.5s) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main progress container.\n- **track** - The progress track (background).\n- **fill** - The progress fill (bar for linear, circle for circular).\n- **label** - The progress label text.\n- **percentage** - The percentage text (circular variant only).\n- **background** - The background circle (circular variant only).",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the progress indicator.",
-              "value": {
-                "type": "\"linear\" | \"circular\"",
-                "default": "'linear'"
-              }
-            },
-            {
-              "name": "color",
-              "description": "The color variant of the progress indicator.",
-              "value": {
-                "type": "\"neutral\" | \"brand\" | \"negative\" | \"positive\" | \"inverted\"",
-                "default": "'brand'"
-              }
-            },
-            {
-              "name": "value",
-              "description": "Current progress value (0-100 for percentage, or 0-max).",
-              "value": { "type": "number | undefined" }
-            },
-            {
-              "name": "max",
-              "description": "Maximum value for the progress indicator.",
-              "value": { "type": "number", "default": "100" }
-            },
-            {
-              "name": "indeterminate",
-              "description": "Whether to show the progress as indeterminate (loading animation).",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "showPercentage",
-              "description": "Whether to show percentage text in the center (circular variant only).",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "label",
-              "description": "Label text for the progress indicator.",
-              "value": { "type": "string | undefined" }
-            },
-            {
-              "name": "aria-live",
-              "description": "The aria-live politeness level for screen readers.",
-              "value": {
-                "type": "\"polite\" | \"assertive\" | \"off\"",
-                "default": "'polite'"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "label",
-              "description": "Custom label content for the progress indicator."
-            }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
+                "name": "disabled",
+                "description": "Whether the radio button is disabled.",
+                "type": "boolean"
+              },
               {
-                "name": "variant",
-                "description": "The variant of the progress indicator.",
-                "type": "\"linear\" | \"circular\""
+                "name": "required",
+                "description": "Whether the radio button is required.",
+                "type": "boolean"
               },
               {
-                "name": "color",
-                "description": "The color variant of the progress indicator.",
-                "type": "\"neutral\" | \"brand\" | \"negative\" | \"positive\" | \"inverted\""
+                "name": "size",
+                "description": "The size of the radio button. Default is 'sm'.",
+                "type": "'xs' | 'sm' | 'lg'"
               },
               {
-                "name": "value",
-                "description": "Current progress value (0-100 for percentage, or 0-max).",
-                "type": "number | undefined"
+                "name": "labelPlacement",
+                "description": "The placement of the label.",
+                "type": "'left' | 'right'"
               },
               {
-                "name": "max",
-                "description": "Maximum value for the progress indicator.",
-                "type": "number"
+                "name": "descriptionPlacement",
+                "description": "The placement of the description.",
+                "type": "'top' | 'bottom'"
               },
               {
-                "name": "indeterminate",
-                "description": "Whether to show the progress as indeterminate (loading animation).",
+                "name": "subtle",
+                "description": "The weight of the label.",
                 "type": "boolean"
               },
               {
-                "name": "showPercentage",
-                "description": "Whether to show percentage text in the center (circular variant only).",
-                "type": "boolean"
+                "name": "feedback",
+                "description": "The feedback of the radio button.",
+                "type": "string"
               },
               {
-                "name": "label",
-                "description": "Label text for the progress indicator.",
-                "type": "string | undefined"
+                "name": "feedbackType",
+                "description": "The feedback type of the radio button.",
+                "type": "'negative' | 'positive' | 'warning'"
               },
               {
-                "name": "ariaLive",
-                "description": "The aria-live politeness level for screen readers.",
-                "type": "\"polite\" | \"assertive\" | \"off\""
+                "name": "invalid",
+                "description": "The invalid state of the radio button.",
+                "type": "boolean"
               },
               {
-                "name": "size",
-                "description": "The size of the progress indicator. Default is `sm`. See SizedMixin.",
-                "type": "'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'"
+                "name": "optional",
+                "description": "The optional state of the radio button.",
+                "type": "boolean"
               },
               {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\"); see SizedMixin.",
+                "name": "optionalLabel",
+                "description": "The optional label of the radio button.",
+                "type": "string"
+              },
+              {
+                "name": "requiredLabel",
+                "description": "The required indicator of the radio button. (default: '*')",
                 "type": "string"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "dds-change",
+                "type": "{ checked: boolean, value: string, disabled: boolean, readonly: boolean, type: 'radio' }",
+                "description": "Fired when the radio button is checked."
+              },
+              {
+                "name": "dds-blur",
+                "type": "{ void }",
+                "description": "Emitted when the radio button loses focus."
+              },
+              {
+                "name": "dds-focus",
+                "type": "{ void }",
+                "description": "Emitted when the radio button gains focus."
+              },
+              {
+                "name": "dds-input",
+                "type": "{ checked: boolean, value: string, disabled: boolean, readonly: boolean }",
+                "description": "Emitted when the radio button receives input."
+              }
+            ]
           }
         },
         {
@@ -9907,248 +9917,82 @@
               "description": "The selected tab id.",
               "value": { "type": "string" }
             },
-            {
-              "name": "size",
-              "description": "The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.",
-              "value": { "type": "'sm' | 'lg'", "default": "'sm'" }
-            },
-            {
-              "name": "mobile",
-              "description": "If true, the tab group will be displayed in mobile mode.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The tab items." }],
-          "events": [
-            {
-              "name": "dds-tab-select",
-              "description": "Fired when select a new tab."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "selectedTabId",
-                "description": "The selected tab id.",
-                "type": "string"
-              },
-              {
-                "name": "size",
-                "description": "The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.",
-                "type": "'sm' | 'lg'"
-              },
-              {
-                "name": "mobile",
-                "description": "If true, the tab group will be displayed in mobile mode.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-tab-select",
-                "description": "Fired when select a new tab."
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-tab",
-          "description": "A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.\n---\n\n\n### **Slots:**\n - _default_ - The tab title template.\n- **content** - The tab content.\n\n### **CSS Parts:**\n - **base** - The main tab content container.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "tabId",
-              "description": "The tab id. Required",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "disabled",
-              "description": "The disabled state of the tab.",
-              "value": { "type": "boolean", "default": "false" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The tab title template." },
-            { "name": "content", "description": "The tab content." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "tabId",
-                "description": "The tab id. Required",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "The disabled state of the tab.",
-                "type": "boolean"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-table-cell",
-          "description": "Table cell component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--dds-table-cell-padding-block** - Padding for the top and bottom of the cell. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-table-cell-padding-inline-start** - Padding for the start (left in LTR) of the cell. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-cell-padding-inline-end** - Padding for the end (right in LTR) of the cell. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-cell-border-width** - Width of the cell's bottom border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-table-cell-border-color** - Color of the cell's bottom border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-cell-text-color** - Text color of the cell. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-table-cell-line-height** - Line height of the cell text. (default: 1.5) _(default: undefined)_\n- **--dds-table-cell-text-align** - Text alignment in the cell. (default: left) _(default: undefined)_",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "last",
-              "description": "If the cell is the last one.",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "role",
-              "description": "The html role of the cell",
-              "value": { "type": "string", "default": "'cell'" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "last",
-                "description": "If the cell is the last one.",
-                "type": "boolean"
-              },
-              {
-                "name": "role",
-                "description": "The html role of the cell",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-table-header",
-          "description": "Table header cell component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--dds-table-header-padding-block** - Padding for the top and bottom of the header cell. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-table-header-padding-inline-start** - Padding for the start (left in LTR) of the header cell. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-header-padding-inline-end** - Padding for the end (right in LTR) of the header cell. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-table-header-border-width** - Width of the header cell's bottom border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-table-header-border-color** - Color of the header cell's bottom border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-header-text-color** - Text color of the header cell. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-table-header-font-weight** - Font weight of the header cell text. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-table-header-line-height** - Line height of the header cell text. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main header cell container.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "last",
-              "description": "If the header cell is the last one.",
-              "value": { "type": "boolean" }
-            },
-            {
-              "name": "role",
-              "description": "The html role of the header cell. Derived from `scope` unless set explicitly.",
-              "value": { "type": "string", "default": "'columnheader'" }
-            },
-            {
-              "name": "scope",
-              "description": "Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside).",
-              "value": { "type": "'col' | 'row'", "default": "'col'" }
-            }
-          ],
-          "slots": [{ "name": "", "description": "The default slot." }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "last",
-                "description": "If the header cell is the last one.",
-                "type": "boolean"
-              },
-              {
-                "name": "role",
-                "description": "The html role of the header cell. Derived from `scope` unless set explicitly.",
-                "type": "string"
-              },
-              {
-                "name": "scope",
-                "description": "Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside).",
-                "type": "'col' | 'row'"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-table-row",
-          "description": "Table row component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.\n\n### **CSS Properties:**\n - **--dds-table-row-padding-right** - Padding right for the last table header, (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-row-padding-top** - Padding top for table headers in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-padding-bottom** - Padding bottom for the last table cell in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-border-color** - Border color for table cells and headers, (default: transparent) _(default: undefined)_",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "role",
-              "description": "The html role of the row",
-              "value": { "type": "string", "default": "'row'" }
+            {
+              "name": "size",
+              "description": "The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.",
+              "value": { "type": "'sm' | 'lg'", "default": "'sm'" }
             },
             {
               "name": "mobile",
-              "description": "If the row is mobile design",
+              "description": "If true, the tab group will be displayed in mobile mode.",
               "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "slots": [
+          "slots": [{ "name": "", "description": "The tab items." }],
+          "events": [
             {
-              "name": "",
-              "description": "The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements."
+              "name": "dds-tab-select",
+              "description": "Fired when select a new tab."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "role",
-                "description": "The html role of the row",
+                "name": "selectedTabId",
+                "description": "The selected tab id.",
                 "type": "string"
               },
+              {
+                "name": "size",
+                "description": "The size of the tab buttons. Default is `sm`. Can be `sm` or `lg`.",
+                "type": "'sm' | 'lg'"
+              },
               {
                 "name": "mobile",
-                "description": "If the row is mobile design",
+                "description": "If true, the tab group will be displayed in mobile mode.",
                 "type": "boolean"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "dds-tab-select",
+                "description": "Fired when select a new tab."
+              }
+            ]
           }
         },
         {
-          "name": "dap-ds-table",
-          "description": "Data table component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-row` elements.\n\n### **CSS Properties:**\n - **--dds-table-border-width** - Width of the table border. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-table-border-color** - Color of the table border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-border-radius** - Border radius of the table. (default: var(--dds-radius-small, 4px)) _(default: undefined)_\n- **--dds-table-row-divider-color** - Color of the divider between rows in mobile view. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **caption** - The caption of the table.",
+          "name": "dap-ds-tab",
+          "description": "A tab item component. It is used in dap-ds-tab-group component slot to create a tab item.\n---\n\n\n### **Slots:**\n - _default_ - The tab title template.\n- **content** - The tab content.\n\n### **CSS Parts:**\n - **base** - The main tab content container.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "role",
-              "description": "The html role of the table. Defaults to `table`; use `grid` only for an interactive table.",
-              "value": { "type": "string", "default": "'table'" }
+              "name": "tabId",
+              "description": "The tab id. Required",
+              "value": { "type": "string" }
             },
             {
-              "name": "mobile",
-              "description": "If the table has mobile design",
+              "name": "disabled",
+              "description": "The disabled state of the tab.",
               "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "caption",
-              "description": "The caption of the table",
-              "value": { "type": "string", "default": "''" }
             }
           ],
           "slots": [
-            {
-              "name": "",
-              "description": "The default slot. Accepts `dap-ds-table-row` elements."
-            }
+            { "name": "", "description": "The tab title template." },
+            { "name": "content", "description": "The tab content." }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "role",
-                "description": "The html role of the table. Defaults to `table`; use `grid` only for an interactive table.",
+                "name": "tabId",
+                "description": "The tab id. Required",
                 "type": "string"
               },
               {
-                "name": "mobile",
-                "description": "If the table has mobile design",
+                "name": "disabled",
+                "description": "The disabled state of the tab.",
                 "type": "boolean"
-              },
-              {
-                "name": "caption",
-                "description": "The caption of the table",
-                "type": "string"
               }
             ],
             "events": []
@@ -10407,6 +10251,172 @@
             ]
           }
         },
+        {
+          "name": "dap-ds-table-cell",
+          "description": "Table cell component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--dds-table-cell-padding-block** - Padding for the top and bottom of the cell. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-table-cell-padding-inline-start** - Padding for the start (left in LTR) of the cell. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-cell-padding-inline-end** - Padding for the end (right in LTR) of the cell. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-cell-border-width** - Width of the cell's bottom border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-table-cell-border-color** - Color of the cell's bottom border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-cell-text-color** - Text color of the cell. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-table-cell-line-height** - Line height of the cell text. (default: 1.5) _(default: undefined)_\n- **--dds-table-cell-text-align** - Text alignment in the cell. (default: left) _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "last",
+              "description": "If the cell is the last one.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "role",
+              "description": "The html role of the cell",
+              "value": { "type": "string", "default": "'cell'" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "last",
+                "description": "If the cell is the last one.",
+                "type": "boolean"
+              },
+              {
+                "name": "role",
+                "description": "The html role of the cell",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-table-header",
+          "description": "Table header cell component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot.\n\n### **CSS Properties:**\n - **--dds-table-header-padding-block** - Padding for the top and bottom of the header cell. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-table-header-padding-inline-start** - Padding for the start (left in LTR) of the header cell. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-header-padding-inline-end** - Padding for the end (right in LTR) of the header cell. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-table-header-border-width** - Width of the header cell's bottom border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-table-header-border-color** - Color of the header cell's bottom border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-header-text-color** - Text color of the header cell. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-table-header-font-weight** - Font weight of the header cell text. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-table-header-line-height** - Line height of the header cell text. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main header cell container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "last",
+              "description": "If the header cell is the last one.",
+              "value": { "type": "boolean" }
+            },
+            {
+              "name": "role",
+              "description": "The html role of the header cell. Derived from `scope` unless set explicitly.",
+              "value": { "type": "string", "default": "'columnheader'" }
+            },
+            {
+              "name": "scope",
+              "description": "Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside).",
+              "value": { "type": "'col' | 'row'", "default": "'col'" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The default slot." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "last",
+                "description": "If the header cell is the last one.",
+                "type": "boolean"
+              },
+              {
+                "name": "role",
+                "description": "The html role of the header cell. Derived from `scope` unless set explicitly.",
+                "type": "string"
+              },
+              {
+                "name": "scope",
+                "description": "Which cells the header labels, like the native `<th scope>`: `col` (cells below) or `row` (cells beside).",
+                "type": "'col' | 'row'"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-table-row",
+          "description": "Table row component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements.\n\n### **CSS Properties:**\n - **--dds-table-row-padding-right** - Padding right for the last table header, (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-table-row-padding-top** - Padding top for table headers in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-padding-bottom** - Padding bottom for the last table cell in mobile view, (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-table-row-border-color** - Border color for table cells and headers, (default: transparent) _(default: undefined)_",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The html role of the row",
+              "value": { "type": "string", "default": "'row'" }
+            },
+            {
+              "name": "mobile",
+              "description": "If the row is mobile design",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot. Accepts `dap-ds-table-cell` and `dap-ds-table-header` elements."
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "role",
+                "description": "The html role of the row",
+                "type": "string"
+              },
+              {
+                "name": "mobile",
+                "description": "If the row is mobile design",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-table",
+          "description": "Data table component.\n---\n\n\n### **Slots:**\n - _default_ - The default slot. Accepts `dap-ds-table-row` elements.\n\n### **CSS Properties:**\n - **--dds-table-border-width** - Width of the table border. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-table-border-color** - Color of the table border. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-table-border-radius** - Border radius of the table. (default: var(--dds-radius-small, 4px)) _(default: undefined)_\n- **--dds-table-row-divider-color** - Color of the divider between rows in mobile view. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **caption** - The caption of the table.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "role",
+              "description": "The html role of the table. Defaults to `table`; use `grid` only for an interactive table.",
+              "value": { "type": "string", "default": "'table'" }
+            },
+            {
+              "name": "mobile",
+              "description": "If the table has mobile design",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "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",
+                "description": "The html role of the table. Defaults to `table`; use `grid` only for an interactive table.",
+                "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-timeline-item",
           "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
@@ -12851,7 +12861,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-calendar-line",
+          "name": "dap-ds-icon-home-6-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12904,7 +12914,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-edit-line",
+          "name": "dap-ds-icon-calendar-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12957,7 +12967,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-tools-line",
+          "name": "dap-ds-icon-edit-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13010,7 +13020,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-home-6-line",
+          "name": "dap-ds-icon-tools-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14229,7 +14239,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14282,7 +14292,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14388,7 +14398,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-fill",
+          "name": "dap-ds-icon-checkbox-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14441,7 +14451,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-line",
+          "name": "dap-ds-icon-checkbox-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15448,7 +15458,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-line",
+          "name": "dap-ds-icon-lock-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15501,7 +15511,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-fill",
+          "name": "dap-ds-icon-lock-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [