dap-design-system 0.63.1 → 0.63.2

package/dist/manifest/web-types.json

@@ -6,6 +6,33 @@
   "contributions": {
     "html": {
       "elements": [
+        {
+          "name": "dap-ds-anchor-heading",
+          "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: 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,33 +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-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.",
@@ -396,45 +396,6 @@
             ]
           }
         },
-        {
-          "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-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.",
@@ -495,51 +456,6 @@
             "events": []
           }
         },
-        {
-          "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-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.",
@@ -633,6 +549,90 @@
             ]
           }
         },
+        {
+          "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.",
@@ -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).",
@@ -5380,34 +5390,101 @@
           }
         },
         {
-          "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.",
+          "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": [],
-          "slots": [
-            { "name": "postfix", "description": "The postfix of the input." },
-            { "name": "prefix", "description": "The prefix of the input." },
-            {
-              "name": "addon-before",
-              "description": "The addon before the input."
-            },
-            {
-              "name": "addon-after",
-              "description": "The addon after the input."
-            },
-            {
-              "name": "feedback-icon",
-              "description": "The custom icon of the feedback."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-change",
-              "type": "{ value: string }",
-              "description": "Fired when the input value changes."
-            },
-            {
-              "name": "dds-input",
+          "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.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            { "name": "postfix", "description": "The postfix of the input." },
+            { "name": "prefix", "description": "The prefix of the input." },
+            {
+              "name": "addon-before",
+              "description": "The addon before the input."
+            },
+            {
+              "name": "addon-after",
+              "description": "The addon after the input."
+            },
+            {
+              "name": "feedback-icon",
+              "description": "The custom icon of the feedback."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-change",
+              "type": "{ value: string }",
+              "description": "Fired when the input value changes."
+            },
+            {
+              "name": "dds-input",
               "type": "{ value: string }",
               "description": "Fired when the input value changes."
             },
@@ -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": "thousandSeparator",
+              "description": "The thousand 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": "decimalSeparator",
+              "description": "The decimal separator of the input.",
+              "value": { "type": "string", "default": "','" }
             },
             {
-              "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": "decimalScale",
+              "description": "The decimal scale of the input.",
+              "value": { "type": "number" }
             },
             {
-              "name": "floatingStrategy",
-              "description": "The floating strategy of the popup. Default is 'fixed'.",
-              "value": { "type": "'absolute' | 'fixed'", "default": "'fixed'" }
+              "name": "allowNegative",
+              "description": "The allow negative state of the input.",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "name": "offset",
-              "description": "The offset of the popup. Default is 0.",
-              "value": { "type": "number", "default": "0" }
+              "name": "allowDecimal",
+              "description": "The allow decimal state of the input.",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "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.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "maxHeight",
-              "description": "The maximum height of the popup. Default is 250.",
-              "value": { "type": "number | 'auto'", "default": "250" }
+              "name": "padStart",
+              "description": "The number of leading zeros to add to the input.",
+              "value": { "type": "number" }
             },
             {
-              "name": "maxWidth",
-              "description": "The maximum width of the popup. Default is 'auto'.",
-              "value": { "type": "number | 'auto'", "default": "'auto'" }
+              "name": "decrementButtonTestId",
+              "description": "`data-testid` for the decrement stepper button.",
+              "value": {
+                "type": "string",
+                "default": "'number-input-decrement-button'"
+              }
             },
             {
-              "name": "hasArrow",
-              "description": "Whether the popup has an arrow. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
+              "name": "incrementButtonTestId",
+              "description": "`data-testid` for the increment stepper button.",
+              "value": {
+                "type": "string",
+                "default": "'number-input-increment-button'"
+              }
+            }
+          ],
+          "slots": [
             {
-              "name": "overflow",
-              "description": "Whether the popup should overflow. Default is true.",
-              "value": { "type": "boolean", "default": "true" }
-            },
+              "name": "feedback-icon",
+              "description": "The custom icon of the feedback."
+            }
+          ],
+          "events": [
             {
-              "name": "fullWidth",
-              "description": "Whether the popup should take full width of the screen. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "dds-change",
+              "type": "{ value: string }",
+              "description": "Fired when the input value changes."
             },
             {
-              "name": "icon",
-              "description": "The name of the icon to display in the trigger.",
-              "value": { "type": "string" }
+              "name": "dds-input",
+              "type": "{ value: string }",
+              "description": "Fired when the input value changes."
             },
             {
-              "name": "aria-labelledby",
-              "description": "The name of the element that labels the navigation dropdown.",
-              "value": { "type": "string" }
+              "name": "dds-keydown",
+              "type": "{ value: string, originalEvent: Event }",
+              "description": "Fired when a key is pressed down."
             },
             {
-              "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": "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": "orientation",
-              "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "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": "'navigation-menu-item-trigger-button'"
-              }
-            }
-          ],
-          "slots": [
-            {
-              "name": "trigger",
-              "description": "The trigger element (link, button, etc.) for this navigation item."
-            },
-            {
-              "name": "title",
-              "description": "The title of the navigation item."
-            },
-            {
-              "name": "indicator",
-              "description": "The expand indicator icon (defaults to arrow icon based on orientation and level)."
-            },
-            {
-              "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": "",
-              "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.",
-                "type": "string"
+                "name": "tooltipPlacement",
+                "description": "The tooltip placement of the input.",
+                "type": "'top' | 'right' | 'bottom' | 'left'"
               },
               {
-                "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": "status",
+                "description": "The status of the input. Can be `success` or `error`.",
+                "type": "'success' | 'error'"
               },
               {
-                "name": "href",
-                "description": "The href URL for the navigation item link. When provided, the default trigger renders as a link.",
-                "type": "string"
+                "name": "size",
+                "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
+                "type": "'xs' | 'sm' | 'sm'"
               },
               {
-                "name": "target",
-                "description": "The target attribute for link navigation.",
-                "type": "'_blank' | '_self' | '_parent' | '_top'"
+                "name": "name",
+                "description": "The name of the input.",
+                "type": "string"
               },
               {
-                "name": "rel",
-                "description": "The rel attribute for link security and behavior.",
+                "name": "value",
+                "description": "The value of the input.",
                 "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.",
-                "type": "string"
+                "name": "disabled",
+                "description": "The disabled 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": "required",
+                "description": "The required state of the input. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "orientation",
-                "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
-                "type": "'horizontal' | 'vertical'"
+                "name": "readonly",
+                "description": "The readonly 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": "autofocus",
+                "description": "The autofocus state of the input. Default is false.",
+                "type": "boolean"
               },
               {
-                "name": "triggerButtonTestId",
-                "description": "`data-testid` for the default menu trigger button.",
-                "type": "string"
+                "name": "min",
+                "description": "The minimum value of the number input.",
+                "type": "number"
               },
-              { "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": "max",
+                "description": "The maximum value of the number input.",
+                "type": "number"
               },
               {
-                "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": "step",
+                "description": "The step value of the number input.",
+                "type": "number"
               },
               {
-                "name": "size",
-                "description": "The size of the popup. Default is 'sm'.",
-                "type": "'xs' | 'sm' | 'lg'"
-              }
-            ],
-            "events": [
+                "name": "feedback",
+                "description": "The feedback of the input.",
+                "type": "string"
+              },
               {
-                "name": "dds-navigation-item-click",
-                "type": "{ href: string, event: Event }",
-                "description": "Fired when a navigation item is clicked."
+                "name": "feedbackType",
+                "description": "The feedback type of the input. Can be `negative`, `positive`, or `warning`.",
+                "type": "'negative' | 'positive' | 'warning'"
               },
               {
-                "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": "loading",
+                "description": "The loading state of the input. Default is false.",
+                "type": "boolean"
+              },
               {
-                "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": "optional",
+                "description": "The optional state of the input.",
+                "type": "boolean"
               },
               {
-                "name": "orientation",
-                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-                "type": "'horizontal' | 'vertical'"
+                "name": "optionalLabel",
+                "description": "The optional label of the input.",
+                "type": "string"
               },
               {
-                "name": "fullWidth",
-                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
-                "type": "boolean"
+                "name": "requiredLabel",
+                "description": "The required indicator of the input. (default: '*')",
+                "type": "string"
               },
               {
-                "name": "allowMultipleOpen",
-                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
+                "name": "subtle",
+                "description": "The weight of the label. Default is `false`",
                 "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'"
+                "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-change",
+                "type": "{ value: string }",
+                "description": "Fired when the input value changes."
+              },
+              {
+                "name": "dds-input",
+                "type": "{ value: string }",
+                "description": "Fired when the input value changes."
+              },
+              {
+                "name": "dds-keydown",
+                "type": "{ value: string, originalEvent: Event }",
+                "description": "Fired when a key is pressed down."
+              },
+              {
+                "name": "dds-blur",
+                "type": "{ void }",
+                "description": "Fired when the input loses focus."
+              },
+              {
+                "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": "allowNegative",
-              "description": "The allow negative state of the input.",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "floatingStrategy",
+              "description": "The floating strategy of the popup. Default is 'fixed'.",
+              "value": { "type": "'absolute' | 'fixed'", "default": "'fixed'" }
             },
             {
-              "name": "allowDecimal",
-              "description": "The allow decimal state of the input.",
-              "value": { "type": "string", "default": "'true'" }
+              "name": "offset",
+              "description": "The offset of the popup. Default is 0.",
+              "value": { "type": "number", "default": "0" }
             },
             {
-              "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.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "padStart",
-              "description": "The number of leading zeros to add to the input.",
-              "value": { "type": "number" }
+              "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": "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": "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": "maxHeight",
+                "description": "The maximum height of the popup. Default is 250.",
+                "type": "number | 'auto'"
               },
               {
-                "name": "decrementButtonTestId",
-                "description": "`data-testid` for the decrement stepper button.",
-                "type": "string"
+                "name": "maxWidth",
+                "description": "The maximum width of the popup. Default is 'auto'.",
+                "type": "number | 'auto'"
               },
               {
-                "name": "incrementButtonTestId",
-                "description": "`data-testid` for the increment stepper button.",
-                "type": "string"
+                "name": "hasArrow",
+                "description": "Whether the popup has an arrow. Default is false.",
+                "type": "boolean"
               },
-              { "name": "_thousandSeparator" },
-              { "name": "manualValueSet", "type": "boolean" },
-              { "name": "type", "type": "string" },
               {
-                "name": "label",
-                "description": "The label of the input.",
-                "type": "string"
+                "name": "overflow",
+                "description": "Whether the popup should overflow. Default is true.",
+                "type": "boolean"
               },
               {
-                "name": "hideLabel",
-                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "name": "fullWidth",
+                "description": "Whether the popup should take full width of the screen. Default is false.",
                 "type": "boolean"
               },
               {
-                "name": "placeholder",
-                "description": "The placeholder of the input.",
+                "name": "icon",
+                "description": "The name of the icon to display in the trigger.",
                 "type": "string"
               },
               {
-                "name": "description",
-                "description": "The description of the input.",
+                "name": "ariaLabelledBy",
+                "description": "The name of the element that labels the navigation dropdown.",
                 "type": "string"
               },
               {
-                "name": "tooltip",
-                "description": "The tooltip of the input.",
+                "name": "activeHref",
+                "description": "The href of the navigation item that is active (receives aria-current=\"page\").",
                 "type": "string"
               },
               {
-                "name": "tooltipPlacement",
-                "description": "The tooltip placement of the input.",
-                "type": "'top' | 'right' | 'bottom' | 'left'"
+                "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": "status",
-                "description": "The status of the input. Can be `success` or `error`.",
-                "type": "'success' | 'error'"
+                "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": "size",
-                "description": "The size of the input. Default is `sm`. Can be `sm` or `lg`.",
-                "type": "'xs' | 'sm' | 'sm'"
+                "name": "href",
+                "description": "The href URL for the navigation item link. When provided, the default trigger renders as a link.",
+                "type": "string"
               },
               {
-                "name": "name",
-                "description": "The name of the input.",
+                "name": "target",
+                "description": "The target attribute for link navigation.",
+                "type": "'_blank' | '_self' | '_parent' | '_top'"
+              },
+              {
+                "name": "rel",
+                "description": "The rel attribute for link security and behavior.",
                 "type": "string"
               },
               {
-                "name": "value",
-                "description": "The value of the input.",
+                "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": "disabled",
-                "description": "The disabled 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": "required",
-                "description": "The required state of the input. Default is false.",
-                "type": "boolean"
+                "name": "orientation",
+                "description": "The orientation of the parent navigation menu (automatically inherited). Default is 'horizontal'.",
+                "type": "'horizontal' | 'vertical'"
               },
               {
-                "name": "readonly",
-                "description": "The readonly 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": "autofocus",
-                "description": "The autofocus state of the input. Default is false.",
-                "type": "boolean"
+                "name": "triggerButtonTestId",
+                "description": "`data-testid` for the default menu trigger button.",
+                "type": "string"
               },
+              { "name": "hasContent", "type": "boolean" },
               {
-                "name": "min",
-                "description": "The minimum value of the number input.",
-                "type": "number"
+                "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": "max",
-                "description": "The maximum value of the number input.",
-                "type": "number"
+                "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": "step",
-                "description": "The step value of the number input.",
-                "type": "number"
+                "name": "size",
+                "description": "The size of the popup. Default is 'sm'.",
+                "type": "'xs' | 'sm' | 'lg'"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-navigation-item-click",
+                "type": "{ href: string, event: Event }",
+                "description": "Fired when a navigation item is clicked."
               },
               {
-                "name": "feedback",
-                "description": "The feedback of the input.",
+                "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": "feedbackType",
-                "description": "The feedback type of the input. Can be `negative`, `positive`, or `warning`.",
-                "type": "'negative' | 'positive' | 'warning'"
-              },
-              {
-                "name": "loading",
-                "description": "The loading state of the input. Default is false.",
-                "type": "boolean"
+                "name": "orientation",
+                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
+                "type": "'horizontal' | 'vertical'"
               },
               {
-                "name": "optional",
-                "description": "The optional state of the input.",
+                "name": "fullWidth",
+                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
                 "type": "boolean"
               },
               {
-                "name": "optionalLabel",
-                "description": "The optional label of the input.",
-                "type": "string"
-              },
-              {
-                "name": "requiredLabel",
-                "description": "The required indicator of the input. (default: '*')",
-                "type": "string"
-              },
-              {
-                "name": "subtle",
-                "description": "The weight of the label. Default is `false`",
+                "name": "allowMultipleOpen",
+                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
                 "type": "boolean"
               },
               {
-                "name": "disableEnter",
-                "description": "Disables the enter key from being used to submit the form.",
-                "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-change",
-                "type": "{ value: string }",
-                "description": "Fired when the input value changes."
-              },
-              {
-                "name": "dds-input",
-                "type": "{ value: string }",
-                "description": "Fired when the input value changes."
-              },
-              {
-                "name": "dds-keydown",
-                "type": "{ value: string, originalEvent: Event }",
-                "description": "Fired when a key is pressed down."
-              },
-              {
-                "name": "dds-blur",
-                "type": "{ void }",
-                "description": "Fired when the input loses focus."
-              },
-              {
-                "name": "dds-focus",
-                "type": "{ void }",
-                "description": "Emitted when the input gains focus."
+                "name": "dds-navigation-item-click",
+                "type": "{ href: string, event: Event }",
+                "description": "Fired when a navigation item is clicked."
               }
             ]
           }
@@ -9894,261 +9904,95 @@
                 "type": "{ value: string }",
                 "description": "Emitted when the input receives input."
               }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-tab-group",
-          "description": "A tab group component. It is used with dap-ds-tab component to create a tab group.\n---\n\n\n### **Events:**\n - **dds-tab-select** - Fired when select a new tab.\n\n### **Slots:**\n - _default_ - The tab items.\n\n### **CSS Properties:**\n - **--dds-tab-group-border-radius** - Border radius of the tab group container (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-tab-border-radius** - Border radius for tab items (default: var(--dds-radius-base) var(--dds-radius-base) 0 0) _(default: undefined)_\n- **--dds-tab-group-border-width** - Border width of the tab navigation (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-tab-group-border-color** - Border color of the tab navigation (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-tab-height-sm** - Height of small tabs (default: 40px) _(default: undefined)_\n- **--dds-tab-height-lg** - Height of large tabs (default: 50px) _(default: undefined)_\n- **--dds-tab-font-size-sm** - Font size of small tabs (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-tab-font-size-lg** - Font size of large tabs (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-tab-padding** - Padding of the tab buttons (default: 0 var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-tab-border-width** - Border width for tabs (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-tab-selected-border-color** - Border color for selected tabs (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-tab-text-color** - Text color for tabs (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-tab-hover-text-color** - Text color for tabs on hover (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-tab-disabled-text-color** - Text color for disabled tabs (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-tab-hover-background** - Background color for tabs on hover (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-tab-active-background** - Background color for active tabs (default: var(--dds-transparent-black-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container.\n- **tab-list** - The tab list container (role=\"tablist\") holding the tab buttons.\n- **tab-nav** - The individual tab buttons.\n- **high-contrast** - The high contrast indicator inside the tab buttons.\n- **tab-group-content** - The tab content container.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "selectedTabId",
-              "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)_",
+          "name": "dap-ds-tab-group",
+          "description": "A tab group component. It is used with dap-ds-tab component to create a tab group.\n---\n\n\n### **Events:**\n - **dds-tab-select** - Fired when select a new tab.\n\n### **Slots:**\n - _default_ - The tab items.\n\n### **CSS Properties:**\n - **--dds-tab-group-border-radius** - Border radius of the tab group container (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-tab-border-radius** - Border radius for tab items (default: var(--dds-radius-base) var(--dds-radius-base) 0 0) _(default: undefined)_\n- **--dds-tab-group-border-width** - Border width of the tab navigation (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-tab-group-border-color** - Border color of the tab navigation (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-tab-height-sm** - Height of small tabs (default: 40px) _(default: undefined)_\n- **--dds-tab-height-lg** - Height of large tabs (default: 50px) _(default: undefined)_\n- **--dds-tab-font-size-sm** - Font size of small tabs (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-tab-font-size-lg** - Font size of large tabs (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-tab-padding** - Padding of the tab buttons (default: 0 var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-tab-border-width** - Border width for tabs (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-tab-selected-border-color** - Border color for selected tabs (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-tab-text-color** - Text color for tabs (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-tab-hover-text-color** - Text color for tabs on hover (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-tab-disabled-text-color** - Text color for disabled tabs (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-tab-hover-background** - Background color for tabs on hover (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-tab-active-background** - Background color for active tabs (default: var(--dds-transparent-black-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container.\n- **tab-list** - The tab list container (role=\"tablist\") holding the tab buttons.\n- **tab-nav** - The individual tab buttons.\n- **high-contrast** - The high contrast indicator inside the tab buttons.\n- **tab-group-content** - The tab content container.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "role",
-              "description": "The html role of the row",
-              "value": { "type": "string", "default": "'row'" }
+              "name": "selectedTabId",
+              "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 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.",
@@ -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": [