dap-design-system 0.57.11 → 0.58.0

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.",
+          "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.",
@@ -113,229 +140,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-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.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "shape",
-              "description": "The shape of the avatar",
-              "value": {
-                "type": "'circle' | 'rounded' | 'square'",
-                "default": "'circle'"
-              }
-            },
-            {
-              "name": "variant",
-              "description": "The variant type of the avatar",
-              "value": {
-                "type": "'image' | 'initials' | 'icon'",
-                "default": "'image'"
-              }
-            },
-            {
-              "name": "src",
-              "description": "The source of the avatar image",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "alt",
-              "description": "The alt text of the avatar",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "initials",
-              "description": "The initials to display when variant is 'initials'",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "label",
-              "description": "Accessible label for the avatar",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "loading",
-              "description": "Loading state indicator",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "interactive",
-              "description": "Whether the avatar is interactive (clickable)",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "width",
-              "description": "The width of the avatar. This will override the size",
-              "value": { "type": "number" }
-            },
-            {
-              "name": "height",
-              "description": "The height of the avatar. This will override the size",
-              "value": { "type": "number" }
-            }
-          ],
-          "slots": [
-            {
-              "name": "icon",
-              "description": "The icon to display when variant is 'icon'."
-            },
-            {
-              "name": "fallback",
-              "description": "Custom fallback content when image fails to load."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-load",
-              "description": "Fired when the image loads successfully."
-            },
-            {
-              "name": "dds-error",
-              "description": "Fired when the image fails to load."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "shape",
-                "description": "The shape of the avatar",
-                "type": "'circle' | 'rounded' | 'square'"
-              },
-              {
-                "name": "variant",
-                "description": "The variant type of the avatar",
-                "type": "'image' | 'initials' | 'icon'"
-              },
-              {
-                "name": "src",
-                "description": "The source of the avatar image",
-                "type": "string"
-              },
-              {
-                "name": "alt",
-                "description": "The alt text of the avatar",
-                "type": "string"
-              },
-              {
-                "name": "initials",
-                "description": "The initials to display when variant is 'initials'",
-                "type": "string"
-              },
-              {
-                "name": "label",
-                "description": "Accessible label for the avatar",
-                "type": "string"
-              },
-              {
-                "name": "loading",
-                "description": "Loading state indicator",
-                "type": "boolean"
-              },
-              {
-                "name": "interactive",
-                "description": "Whether the avatar is interactive (clickable)",
-                "type": "boolean"
-              },
-              {
-                "name": "width",
-                "description": "The width of the avatar. This will override the size",
-                "type": "number"
-              },
-              {
-                "name": "height",
-                "description": "The height of the avatar. This will override the size",
-                "type": "number"
-              },
-              {
-                "name": "size",
-                "description": "The size of the avatar. Default is `md`.",
-                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-load",
-                "description": "Fired when the image loads successfully."
-              },
-              {
-                "name": "dds-error",
-                "description": "Fired when the image fails to load."
-              }
-            ]
-          }
-        },
-        {
-          "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.",
-          "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-group",
           "description": "Avatar group component displays multiple avatars in an organized layout with overflow management.\n---\n\n\n### **Events:**\n - **dds-overflow-click** - Fired when the overflow indicator is clicked.\n\n### **Slots:**\n - _default_ - The avatars to display in the group.\n\n### **CSS Properties:**\n - **--dds-avatar-group-gap** - Gap between avatars in grid layout (default: 0) _(default: undefined)_\n- **--dds-avatar-group-overlap** - Overlap amount for stacked layout (default: -8px) _(default: undefined)_\n- **--dds-avatar-group-border-width** - Border width for avatars (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-avatar-group-border-color** - Border color for avatars (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-avatar-group-overflow-bg** - Background color for overflow indicator (default: var(--dds-neutral-300)) _(default: undefined)_\n- **--dds-avatar-group-overflow-color** - Text color for overflow indicator (default: var(--dds-neutral-700)) _(default: undefined)_\n- **--dds-avatar-group-overflow-border** - Border for overflow indicator (default: var(--dds-avatar-group-border-width) solid var(--dds-avatar-group-border-color)) _(default: undefined)_\n- **--dds-avatar-group-size-lg** - Size for large avatars (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-avatar-group-size-md** - Size for medium avatars (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-avatar-group-size-sm** - Size for small avatars (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-avatar-group-size-xs** - Size for extra small avatars (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-avatar-group-size-xxs** - Size for extra extra small avatars (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the avatar group.\n- **avatars** - The container for the visible avatars.\n- **overflow** - The overflow indicator element.",
@@ -435,6 +239,66 @@
             ]
           }
         },
+        {
+          "name": "dap-ds-badge",
+          "description": "A badge is a small status descriptor for UI elements.\n---\n\n\n### **Slots:**\n - _default_ - The content of the badge.\n- **icon** - The icon of the badge.\n\n### **CSS Properties:**\n - **--dds-badge-border-width** - The width of the badge's border (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-style** - The style of the badge's border (default: solid) _(default: undefined)_\n- **--dds-badge-border-radius** - The border radius of the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-font-weight** - The font weight of the badge text (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-badge-line-height** - The line height of the badge text (default: 1.2) _(default: undefined)_\n- **--dds-badge-transition** - The transition property for the badge (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-badge-padding-sm** - The padding of the small badge (default: var(--dds-spacing-100) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-padding-lg** - The padding of the large badge (default: var(--dds-spacing-100) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - The font size of the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - The font size of the large badge (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-badge-neutral-border-color** - The border color of the neutral badge (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-badge-neutral-background** - The background color of the neutral badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-badge-neutral-color** - The text color of the neutral badge (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-badge-brand-border-color** - The border color of the brand badge (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-badge-brand-background** - The background color of the brand badge (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-badge-brand-color** - The text color of the brand badge (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-info-border-color** - The border color of the info badge (default: var(--dds-border-informative-base)) _(default: undefined)_\n- **--dds-badge-info-background** - The background color of the info badge (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-badge-info-color** - The text color of the info badge (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-badge-positive-border-color** - The border color of the positive badge (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-badge-positive-background** - The background color of the positive badge (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-badge-positive-color** - The text color of the positive badge (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-badge-warning-border-color** - The border color of the warning badge (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-badge-warning-background** - The background color of the warning badge (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-badge-warning-color** - The text color of the warning badge (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-badge-negative-border-color** - The border color of the negative badge (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-badge-negative-background** - The background color of the negative badge (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-badge-negative-color** - The text color of the negative badge (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the badge.\n- **icon** - The icon of the badge.\n- **content** - The content of the badge.\n- **icon-base** - The base of the icon.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "type",
+              "description": "The type of the badge",
+              "value": {
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
+                "default": "'neutral'"
+              }
+            },
+            {
+              "name": "icon",
+              "description": "The icon of the badge, this is a name of a built in icon",
+              "value": { "type": "string | undefined" }
+            },
+            {
+              "name": "live",
+              "description": "Whether the badge represents dynamic content that should announce changes",
+              "value": { "type": "boolean", "default": "false" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the badge." },
+            { "name": "icon", "description": "The icon of the badge." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "type",
+                "description": "The type of the badge",
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
+              },
+              {
+                "name": "icon",
+                "description": "The icon of the badge, this is a name of a built in icon",
+                "type": "string | undefined"
+              },
+              {
+                "name": "live",
+                "description": "Whether the badge represents dynamic content that should announce changes",
+                "type": "boolean"
+              },
+              {
+                "name": "size",
+                "description": "The size of the badge. Default is `sm`.",
+                "type": "'sm' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "dap-ds-banner",
           "description": "A banner is a message displayed at the top of the page to provide important information to the user.\n---\n\n\n### **Events:**\n - **dds-close** - Event fired when the banner is closed.\n\n### **Slots:**\n - _default_ - The content of the banner.\n- **actions** - Actions of banner\n- **icon** - The icon of the banner.\n\n### **CSS Properties:**\n - **--dds-banner-gap** - The gap between banner elements (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-banner-line-height** - The line height of the banner text (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-banner-transition** - The transition property for the banner (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-banner-brand-background** - The background color of the brand banner (default: var(--dds-banner-background-brand)) _(default: undefined)_\n- **--dds-banner-brand-icon-color** - The color of the brand banner icon (default: var(--dds-banner-icon-brand)) _(default: undefined)_\n- **--dds-banner-brand-text-color** - The text color of the brand banner (default: var(--dds-banner-text-brand)) _(default: undefined)_\n- **--dds-banner-brand-action-color** - The color of the brand banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-info-background** - The background color of the info banner (default: var(--dds-banner-background-informative)) _(default: undefined)_\n- **--dds-banner-info-icon-color** - The color of the info banner icon (default: var(--dds-banner-icon-informative)) _(default: undefined)_\n- **--dds-banner-info-text-color** - The text color of the info banner (default: var(--dds-banner-text-informative)) _(default: undefined)_\n- **--dds-banner-info-action-color** - The color of the info banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-positive-background** - The background color of the positive banner (default: var(--dds-banner-background-positive)) _(default: undefined)_\n- **--dds-banner-positive-icon-color** - The color of the positive banner icon (default: var(--dds-banner-icon-positive)) _(default: undefined)_\n- **--dds-banner-positive-text-color** - The text color of the positive banner (default: var(--dds-banner-text-positive)) _(default: undefined)_\n- **--dds-banner-positive-action-color** - The color of the positive banner actions (default: var(--dds-banner-action-enabled)) _(default: undefined)_\n- **--dds-banner-warning-background** - The background color of the warning banner (default: var(--dds-banner-background-warning)) _(default: undefined)_\n- **--dds-banner-warning-icon-color** - The color of the warning banner icon (default: var(--dds-banner-icon-warning)) _(default: undefined)_\n- **--dds-banner-warning-text-color** - The text color of the warning banner (default: var(--dds-banner-text-warning)) _(default: undefined)_\n- **--dds-banner-warning-action-color** - The color of the warning banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n- **--dds-banner-negative-background** - The background color of the negative banner (default: var(--dds-banner-background-negative)) _(default: undefined)_\n- **--dds-banner-negative-icon-color** - The color of the negative banner icon (default: var(--dds-banner-icon-negative)) _(default: undefined)_\n- **--dds-banner-negative-text-color** - The text color of the negative banner (default: var(--dds-banner-text-negative)) _(default: undefined)_\n- **--dds-banner-negative-action-color** - The color of the negative banner actions (default: var(--dds-banner-action-inverted-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main banner container.\n- **card-base** - The wrapper card container.\n- **icon** - The icon of the banner.\n- **icon-element** - The icon element of the banner.\n- **icon-base** - The base of the icon.\n- **closebutton** - The close button of the banner.\n- **close-icon-element** - The icon element of the close button.\n- **close-icon-base** - The base of the close button icon.\n- **actions** - The actions of the banner.\n- **title** -  The title of the banner.",
@@ -529,55 +393,182 @@
           }
         },
         {
-          "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.",
+          "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": "type",
-              "description": "The type of the badge",
+              "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": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
-                "default": "'neutral'"
+                "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-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.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "shape",
+              "description": "The shape of the avatar",
+              "value": {
+                "type": "'circle' | 'rounded' | 'square'",
+                "default": "'circle'"
               }
             },
+            {
+              "name": "variant",
+              "description": "The variant type of the avatar",
+              "value": {
+                "type": "'image' | 'initials' | 'icon'",
+                "default": "'image'"
+              }
+            },
+            {
+              "name": "src",
+              "description": "The source of the avatar image",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "alt",
+              "description": "The alt text of the avatar",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "initials",
+              "description": "The initials to display when variant is 'initials'",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "label",
+              "description": "Accessible label for the avatar",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "loading",
+              "description": "Loading state indicator",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "interactive",
+              "description": "Whether the avatar is interactive (clickable)",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "width",
+              "description": "The width of the avatar. This will override the size",
+              "value": { "type": "number" }
+            },
+            {
+              "name": "height",
+              "description": "The height of the avatar. This will override the size",
+              "value": { "type": "number" }
+            }
+          ],
+          "slots": [
             {
               "name": "icon",
-              "description": "The icon of the badge, this is a name of a built in icon",
-              "value": { "type": "string | undefined" }
+              "description": "The icon to display when variant is 'icon'."
             },
             {
-              "name": "live",
-              "description": "Whether the badge represents dynamic content that should announce changes",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "fallback",
+              "description": "Custom fallback content when image fails to load."
             }
           ],
-          "slots": [
-            { "name": "", "description": "The content of the badge." },
-            { "name": "icon", "description": "The icon of the badge." }
+          "events": [
+            {
+              "name": "dds-load",
+              "description": "Fired when the image loads successfully."
+            },
+            {
+              "name": "dds-error",
+              "description": "Fired when the image fails to load."
+            }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "type",
-                "description": "The type of the badge",
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
+                "name": "shape",
+                "description": "The shape of the avatar",
+                "type": "'circle' | 'rounded' | 'square'"
               },
               {
-                "name": "icon",
-                "description": "The icon of the badge, this is a name of a built in icon",
-                "type": "string | undefined"
+                "name": "variant",
+                "description": "The variant type of the avatar",
+                "type": "'image' | 'initials' | 'icon'"
               },
               {
-                "name": "live",
-                "description": "Whether the badge represents dynamic content that should announce changes",
+                "name": "src",
+                "description": "The source of the avatar image",
+                "type": "string"
+              },
+              {
+                "name": "alt",
+                "description": "The alt text of the avatar",
+                "type": "string"
+              },
+              {
+                "name": "initials",
+                "description": "The initials to display when variant is 'initials'",
+                "type": "string"
+              },
+              {
+                "name": "label",
+                "description": "Accessible label for the avatar",
+                "type": "string"
+              },
+              {
+                "name": "loading",
+                "description": "Loading state indicator",
+                "type": "boolean"
+              },
+              {
+                "name": "interactive",
+                "description": "Whether the avatar is interactive (clickable)",
                 "type": "boolean"
               },
+              {
+                "name": "width",
+                "description": "The width of the avatar. This will override the size",
+                "type": "number"
+              },
+              {
+                "name": "height",
+                "description": "The height of the avatar. This will override the size",
+                "type": "number"
+              },
               {
                 "name": "size",
-                "description": "The size of the badge. Default is `sm`.",
-                "type": "'sm' | 'lg'"
+                "description": "The size of the avatar. Default is `md`.",
+                "type": "'xxs' | 'xs' | 'sm' | 'md' | 'lg'"
               },
               {
                 "name": "sizeMap",
@@ -585,52 +576,16 @@
                 "type": "string"
               }
             ],
-            "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- **separator** - The separator of the breadcrumb.",
-          "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" },
+            "events": [
               {
-                "name": "mobile",
-                "description": "Mobile version of the breadcrumb",
-                "type": "boolean"
+                "name": "dds-load",
+                "description": "Fired when the image loads successfully."
               },
               {
-                "name": "ariaLabelledBy",
-                "description": "The aria-labelledby of the breadcrumb",
-                "type": "string | undefined"
+                "name": "dds-error",
+                "description": "Fired when the image fails to load."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
@@ -1097,172 +1052,38 @@
               },
               {
                 "name": "maxDate",
-                "description": "The maximum date of the calendar. Only the month and year are considered.",
-                "type": "Dayjs"
-              },
-              {
-                "name": "disabledDate",
-                "description": "The function to determine if the date is disabled.",
-                "type": "Function"
-              },
-              {
-                "name": "locale",
-                "description": "The locale of the calendar.",
-                "type": "'hu' | 'en' | 'de'"
-              },
-              {
-                "name": "prevButtonTestId",
-                "description": "`data-testid` for the previous-month button.",
-                "type": "string"
-              },
-              {
-                "name": "nextButtonTestId",
-                "description": "`data-testid` for the next-month button.",
-                "type": "string"
-              },
-              { "name": "startDate" },
-              { "name": "endDate" },
-              { "name": "shouldHideAdjacentMonths" }
-            ],
-            "events": [
-              {
-                "name": "dds-change",
-                "type": "{ value: Dayjs }",
-                "description": "Fired when the calendar value changes."
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-callout",
-          "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the callout",
-              "value": {
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
-                "default": "'brand'"
-              }
-            },
-            {
-              "name": "alignment",
-              "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
-              "value": {
-                "type": "'vertical' | 'horizontal'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "name": "shade",
-              "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
-              "value": {
-                "type": "'subtle' | 'base' | 'medium' | 'strong'",
-                "default": "'base'"
-              }
-            },
-            {
-              "name": "noBorder",
-              "description": "If the callout has a border",
-              "value": { "type": "string", "default": "'true'" }
-            },
-            {
-              "name": "closeable",
-              "description": "If the callout has a close button",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "title",
-              "description": "The header of the callout",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "closeButtonLabel",
-              "description": "The label of the close button",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "closeButtonTestId",
-              "description": "`data-testid` for the default close button.",
-              "value": { "type": "string", "default": "'callout-close-button'" }
-            },
-            {
-              "name": "opened",
-              "description": "If the callout is opened",
-              "value": { "type": "string", "default": "'true'" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the callout." },
-            { "name": "title", "description": "The title of the callout." },
-            { "name": "icon", "description": "The icon of the callout." },
-            { "name": "actions", "description": "The actions of the callout." },
-            {
-              "name": "close",
-              "description": "The close button of the callout."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-close",
-              "type": "{ void }",
-              "description": "Fired when the close button is clicked."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "The variant of the callout",
-                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
-              },
-              {
-                "name": "alignment",
-                "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
-                "type": "'vertical' | 'horizontal'"
-              },
-              {
-                "name": "shade",
-                "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
-                "type": "'subtle' | 'base' | 'medium' | 'strong'"
-              },
-              {
-                "name": "noBorder",
-                "description": "If the callout has a border",
-                "type": "string"
+                "description": "The maximum date of the calendar. Only the month and year are considered.",
+                "type": "Dayjs"
               },
               {
-                "name": "closeable",
-                "description": "If the callout has a close button",
-                "type": "boolean"
+                "name": "disabledDate",
+                "description": "The function to determine if the date is disabled.",
+                "type": "Function"
               },
               {
-                "name": "title",
-                "description": "The header of the callout",
-                "type": "string"
+                "name": "locale",
+                "description": "The locale of the calendar.",
+                "type": "'hu' | 'en' | 'de'"
               },
               {
-                "name": "closeButtonLabel",
-                "description": "The label of the close button",
+                "name": "prevButtonTestId",
+                "description": "`data-testid` for the previous-month button.",
                 "type": "string"
               },
               {
-                "name": "closeButtonTestId",
-                "description": "`data-testid` for the default close button.",
+                "name": "nextButtonTestId",
+                "description": "`data-testid` for the next-month button.",
                 "type": "string"
               },
-              {
-                "name": "opened",
-                "description": "If the callout is opened",
-                "type": "string"
-              }
+              { "name": "startDate" },
+              { "name": "endDate" },
+              { "name": "shouldHideAdjacentMonths" }
             ],
             "events": [
               {
-                "name": "dds-close",
-                "type": "{ void }",
-                "description": "Fired when the close button is clicked."
+                "name": "dds-change",
+                "type": "{ value: Dayjs }",
+                "description": "Fired when the calendar value changes."
               }
             ]
           }
@@ -1603,6 +1424,140 @@
             "events": []
           }
         },
+        {
+          "name": "dap-ds-callout",
+          "description": "`dap-ds-callout` is a custom callout component.\n---\n\n\n### **Events:**\n - **dds-close** - Fired when the close button is clicked.\n\n### **Slots:**\n - _default_ - The content of the callout.\n- **title** - The title of the callout.\n- **icon** - The icon of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.\n\n### **CSS Properties:**\n - **--dds-callout-padding** - Padding of the callout content. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-gap** - Gap between elements in horizontal layout. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-callout-icon-size** - Size of the icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-callout-title-color** - Color of the title text. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-callout-description-color** - Color of the description text. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-callout-title-font-size** - Font size of the title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-description-font-size** - Font size of the description. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-callout-title-font-weight** - Font weight of the title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-description-font-weight** - Font weight of the description. (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-callout-actions-font-weight** - Font weight of the actions. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-callout-actions-gap** - Gap between action items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-callout-content-gap** - Gap between content elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-callout-border-radius** - Border radius of the callout. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-callout-brand-background** - Brand variant background color. (default: var(--dds-background-brand-base)) _(default: undefined)_\n- **--dds-callout-brand-background-subtle** - Brand variant subtle background color. (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-background-medium** - Brand variant medium background color. (default: var(--dds-background-brand-medium)) _(default: undefined)_\n- **--dds-callout-brand-background-strong** - Brand variant strong background color. (default: var(--dds-background-brand-strong)) _(default: undefined)_\n- **--dds-callout-brand-icon** - Brand variant icon color. (default: var(--dds-icon-brand-subtle)) _(default: undefined)_\n- **--dds-callout-brand-border** - Brand variant border color. (default: var(--dds-border-brand-subtle)) _(default: undefined)_\n- **--dds-callout-info-background** - Info variant background color. (default: var(--dds-background-informative-base)) _(default: undefined)_\n- **--dds-callout-info-background-subtle** - Info variant subtle background color. (default: var(--dds-background-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-background-medium** - Info variant medium background color. (default: var(--dds-background-informative-medium)) _(default: undefined)_\n- **--dds-callout-info-background-strong** - Info variant strong background color. (default: var(--dds-background-informative-strong)) _(default: undefined)_\n- **--dds-callout-info-icon** - Info variant icon color. (default: var(--dds-icon-informative-subtle)) _(default: undefined)_\n- **--dds-callout-info-border** - Info variant border color. (default: var(--dds-border-informative-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background** - Positive variant background color. (default: var(--dds-background-positive-base)) _(default: undefined)_\n- **--dds-callout-positive-background-subtle** - Positive variant subtle background color. (default: var(--dds-background-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-background-medium** - Positive variant medium background color. (default: var(--dds-background-positive-medium)) _(default: undefined)_\n- **--dds-callout-positive-background-strong** - Positive variant strong background color. (default: var(--dds-background-positive-strong)) _(default: undefined)_\n- **--dds-callout-positive-icon** - Positive variant icon color. (default: var(--dds-icon-positive-subtle)) _(default: undefined)_\n- **--dds-callout-positive-border** - Positive variant border color. (default: var(--dds-border-positive-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background** - Warning variant background color. (default: var(--dds-background-warning-base)) _(default: undefined)_\n- **--dds-callout-warning-background-subtle** - Warning variant subtle background color. (default: var(--dds-background-warning-subtle)) _(default: undefined)_\n- **--dds-callout-warning-background-medium** - Warning variant medium background color. (default: var(--dds-background-warning-medium)) _(default: undefined)_\n- **--dds-callout-warning-background-strong** - Warning variant strong background color. (default: var(--dds-background-warning-strong)) _(default: undefined)_\n- **--dds-callout-warning-icon** - Warning variant icon color. (default: var(--dds-icon-neutral-strong)) _(default: undefined)_\n- **--dds-callout-warning-border** - Warning variant border color. (default: var(--dds-border-warning-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background** - Negative variant background color. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-callout-negative-background-subtle** - Negative variant subtle background color. (default: var(--dds-background-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-background-medium** - Negative variant medium background color. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-callout-negative-background-strong** - Negative variant strong background color. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-callout-negative-icon** - Negative variant icon color. (default: var(--dds-icon-negative-subtle)) _(default: undefined)_\n- **--dds-callout-negative-border** - Negative variant border color. (default: var(--dds-border-negative-subtle)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main callout container.\n- **content** - The content of the callout.\n- **card-content** - The content of the card.\n- **icon** - The icon of the callout.\n- **title** - The title of the callout.\n- **description** - The description of the callout.\n- **actions** - The actions of the callout.\n- **close** - The close button of the callout.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the callout",
+              "value": {
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
+                "default": "'brand'"
+              }
+            },
+            {
+              "name": "alignment",
+              "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+              "value": {
+                "type": "'vertical' | 'horizontal'",
+                "default": "'horizontal'"
+              }
+            },
+            {
+              "name": "shade",
+              "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
+              "value": {
+                "type": "'subtle' | 'base' | 'medium' | 'strong'",
+                "default": "'base'"
+              }
+            },
+            {
+              "name": "noBorder",
+              "description": "If the callout has a border",
+              "value": { "type": "string", "default": "'true'" }
+            },
+            {
+              "name": "closeable",
+              "description": "If the callout has a close button",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "title",
+              "description": "The header of the callout",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "closeButtonLabel",
+              "description": "The label of the close button",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the default close button.",
+              "value": { "type": "string", "default": "'callout-close-button'" }
+            },
+            {
+              "name": "opened",
+              "description": "If the callout is opened",
+              "value": { "type": "string", "default": "'true'" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the callout." },
+            { "name": "title", "description": "The title of the callout." },
+            { "name": "icon", "description": "The icon of the callout." },
+            { "name": "actions", "description": "The actions of the callout." },
+            {
+              "name": "close",
+              "description": "The close button of the callout."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-close",
+              "type": "{ void }",
+              "description": "Fired when the close button is clicked."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "The variant of the callout",
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
+              },
+              {
+                "name": "alignment",
+                "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+                "type": "'vertical' | 'horizontal'"
+              },
+              {
+                "name": "shade",
+                "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
+                "type": "'subtle' | 'base' | 'medium' | 'strong'"
+              },
+              {
+                "name": "noBorder",
+                "description": "If the callout has a border",
+                "type": "string"
+              },
+              {
+                "name": "closeable",
+                "description": "If the callout has a close button",
+                "type": "boolean"
+              },
+              {
+                "name": "title",
+                "description": "The header of the callout",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonLabel",
+                "description": "The label of the close button",
+                "type": "string"
+              },
+              {
+                "name": "closeButtonTestId",
+                "description": "`data-testid` for the default close button.",
+                "type": "string"
+              },
+              {
+                "name": "opened",
+                "description": "If the callout is opened",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-close",
+                "type": "{ void }",
+                "description": "Fired when the close button is clicked."
+              }
+            ]
+          }
+        },
         {
           "name": "dap-ds-checkbox",
           "description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
@@ -1708,6 +1663,11 @@
                 "description": "The label of the checkbox.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the checkbox.",
@@ -1918,6 +1878,51 @@
             ]
           }
         },
+        {
+          "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- **separator** - The separator of the breadcrumb.",
+          "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-code-puncher-slot",
           "description": "Individual digit input slot for code puncher.\n---\n\n\n### **CSS Parts:**\n - **base** - The slot container.\n- **input** - The input element.",
@@ -2028,6 +2033,11 @@
                 "description": "The label of the component.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the component.",
@@ -2178,6 +2188,11 @@
                 "description": "The label of the select.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the select.",
@@ -2922,21 +2937,58 @@
                 "description": "Fired when a key is pressed down."
               },
               {
-                "name": "dds-blur",
-                "type": "{ void }",
-                "description": "Fired when the input loses focus."
+                "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-not-allowed",
+                "type": "{ void }",
+                "description": "Emitted when the value cannot be copied."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-dap-badge",
+          "description": "A DÁP badge is a brand element showing the use of this system design library.\n---\n\n\n### **Slots:**\n - _default_ - Description of badge *\n\n### **CSS Properties:**\n - **--dds-badge-padding-sm** - Custom padding for the small badge (default: var(--dds-spacing-200) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-padding-lg** - Custom padding for the large badge (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-badge-border-width** - Custom border width for the badge (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-color** - Custom border color for the badge (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-badge-border-radius** - Custom border radius for the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-color** - Custom text color for the badge (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-badge-gap** - Custom gap between icon and text (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - Custom font size for the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - Custom font size for the large badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-weight** - Custom font weight for the badge (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-badge-line-height** - Custom line height for the badge (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-badge-border-color-normal** - Custom border color for the normal variant (default: var(--dds-transparent-black-medium)) _(default: undefined)_\n- **--dds-badge-background-color-normal** - Custom background color for the normal variant (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-badge-color-normal** - Custom text color for the normal variant (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-border-color-inverted** - Custom border color for the inverted variant (default: var(--dds-transparent-white-medium)) _(default: undefined)_\n- **--dds-badge-background-color-inverted** - Custom background color for the inverted variant (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-badge-color-inverted** - Custom text color for the inverted variant (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - Main badge container\n- **icon** - Badge icon\n- **text** - Badge text",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the DÁP badge",
+              "value": {
+                "type": "'normal' | 'inverted'",
+                "default": "'normal'"
+              }
+            }
+          ],
+          "slots": [{ "name": "", "description": "Description of badge *" }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "variant",
+                "description": "The variant of the DÁP badge",
+                "type": "'normal' | 'inverted'"
               },
               {
-                "name": "dds-focus",
-                "type": "{ void }",
-                "description": "Emitted when the input gains focus."
+                "name": "size",
+                "description": "The size of the DÁP badge. Default is `sm`.",
+                "type": "'sm' | 'lg'"
               },
               {
-                "name": "dds-not-allowed",
-                "type": "{ void }",
-                "description": "Emitted when the value cannot be copied."
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -3414,43 +3466,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-dap-badge",
-          "description": "A DÁP badge is a brand element showing the use of this system design library.\n---\n\n\n### **Slots:**\n - _default_ - Description of badge *\n\n### **CSS Properties:**\n - **--dds-badge-padding-sm** - Custom padding for the small badge (default: var(--dds-spacing-200) var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-badge-padding-lg** - Custom padding for the large badge (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-badge-border-width** - Custom border width for the badge (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-badge-border-color** - Custom border color for the badge (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-badge-border-radius** - Custom border radius for the badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-badge-color** - Custom text color for the badge (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-badge-gap** - Custom gap between icon and text (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-badge-font-size-sm** - Custom font size for the small badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-size-lg** - Custom font size for the large badge (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-badge-font-weight** - Custom font weight for the badge (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-badge-line-height** - Custom line height for the badge (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-badge-border-color-normal** - Custom border color for the normal variant (default: var(--dds-transparent-black-medium)) _(default: undefined)_\n- **--dds-badge-background-color-normal** - Custom background color for the normal variant (default: var(--dds-background-brand-subtle)) _(default: undefined)_\n- **--dds-badge-color-normal** - Custom text color for the normal variant (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-badge-border-color-inverted** - Custom border color for the inverted variant (default: var(--dds-transparent-white-medium)) _(default: undefined)_\n- **--dds-badge-background-color-inverted** - Custom background color for the inverted variant (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-badge-color-inverted** - Custom text color for the inverted variant (default: var(--dds-text-neutral-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - Main badge container\n- **icon** - Badge icon\n- **text** - Badge text",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "variant",
-              "description": "The variant of the DÁP badge",
-              "value": {
-                "type": "'normal' | 'inverted'",
-                "default": "'normal'"
-              }
-            }
-          ],
-          "slots": [{ "name": "", "description": "Description of badge *" }],
-          "events": [],
-          "js": {
-            "properties": [
-              {
-                "name": "variant",
-                "description": "The variant of the DÁP badge",
-                "type": "'normal' | 'inverted'"
-              },
-              {
-                "name": "size",
-                "description": "The size of the DÁP badge. Default is `sm`.",
-                "type": "'sm' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
         {
           "name": "dap-ds-datepicker",
           "description": "A datepicker is a graphical user interface widget that allows the user to select a date from a calendar and/or time from a time range.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the datepicker value changes.\n- **dds-input** - Fired when the datepicker input value changes.\n- **dds-valid-date** - Fired when the datepicker input value is valid. Happens on manual input typing.\n- **dds-invalid-date** - Fired when the datepicker input value is invalid. Happens on manual input typing.\n- **dds-clear** - Fired when the datepicker is cleared.\n- **dds-focus** - Emitted when the datepicker gains focus.\n- **dds-blur** - Emitted when the datepicker loses focus.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. (default: var(--dds-fields-background-default)) _(default: undefined)_\n- **--dds-combobox-border-color** - The border color of the combobox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-combobox-border-width** - The border width of the combobox. (default: var(--dds-border-width-base, 1px)) _(default: undefined)_\n- **--dds-combobox-border-radius** - The border radius of the combobox. (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-combobox-text-color** - The text color of the combobox. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-combobox-placeholder-color** - The placeholder text color. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-disabled-background** - The background color when disabled. (default: var(--dds-background-neutral-stronger)) _(default: undefined)_\n- **--dds-combobox-disabled-text** - The text color when disabled. (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-combobox-error-border** - The border color for error state. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-combobox-success-border** - The border color for success state. (default: var(--dds-border-positive-base)) _(default: undefined)_\n- **--dds-combobox-icon-color** - The color of the icons. (default: var(--dds-text-icon-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-clear-icon-color** - The color of the clear icon. (default: var(--dds-button-subtle-icon-neutral-enabled)) _(default: undefined)_\n- **--dds-combobox-popup-background** - The background color of the popup. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-combobox-popup-shadow** - The box shadow of the popup. (default: 0 4px 6px -1px rgb(0 0 0 / 8%), 0 2px 4px -1px rgb(0 0 0 / 6%)) _(default: undefined)_\n- **--dds-combobox-padding-xs** - The padding for extra small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-sm** - The padding for small size. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-padding-lg** - The padding for large size. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-horizontal** - The horizontal padding. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-padding-vertical** - The vertical padding. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-gap** - The gap between elements. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-icon-gap** - The gap between icons. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-gap** - The gap between action elements. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-combobox-action-padding** - The padding for action elements. (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-combobox-clear-icon-width** - The width of the clear icon. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-combobox-dropdown-icon-right** - The right position of the dropdown icon. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-combobox-min-width** - The minimum width of the combobox. (default: 7.5rem) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main datepicker container.\n- **calendar** - The calendar of the datepicker.\n- **trigger** - The trigger button of the datepicker.\n- **label** - The label of the datepicker.\n- **description** - The description of the datepicker.\n- **feedback** - The feedback of the datepicker.\n- **tooltip** - The tooltip of the datepicker.\n- **input** - The input of the datepicker.\n- **clear-button** - The clear button of the datepicker.\n- **calendar-grid-cell-base** - The base of the calendar grid cell.\n- **calendar-grid-cell** - The cell of the calendar grid.\n- **calendar-grid-header-cell-base** - The base of the calendar grid header cell.\n- **calendar-grid-header-cell** - The header cell of the calendar grid.\n- **calendar-grid-cell-today-mark** - The today mark of the calendar grid cell.",
@@ -3764,6 +3779,11 @@
                 "description": "The label of the datepicker.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the datepicker.",
@@ -4800,6 +4820,11 @@
                 "description": "The label for the file input.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description for the file input.",
@@ -5295,6 +5320,11 @@
                 "description": "The label of the input.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the input.",
@@ -6759,6 +6789,11 @@
                 "description": "The label of the input.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "placeholder",
                 "description": "The placeholder of the input.",
@@ -7514,16 +7549,196 @@
                 "type": "string"
               },
               {
-                "name": "pageStateText",
-                "description": "The function to determine the pager text. If not provided, uses default reactive translation.",
-                "type": "Function"
-              }
-            ],
-            "events": [
+                "name": "pageStateText",
+                "description": "The function to determine the pager text. If not provided, uses default reactive translation.",
+                "type": "Function"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-pagination-change",
+                "type": "{ action: string, pagination: { pageIndex: number, pageSize: number } }",
+                "description": "Event fired when the pagination changes"
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-password-input",
+          "description": "A password input a field for entering a password.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **CSS 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 - **postfix** - The postfix of the password input.\n- **password-input** - The password input.\n- **password-input--visible** - The visible password input.\n- **show-button** - The show button of the password input.\n- **show-button-base** - The base of the show button.\n- **show-button-content** - The content of the show button.\n- **show-icon** - The show icon of the password input.\n- **show-icon-base** - The base of the show icon.\n- **hide-button** - The hide button of the password input.\n- **hide-button-base** - The base of the hide button.\n- **hide-button-content** - The content of the hide button.\n- **hide-icon** - The hide icon of the password input.\n- **hide-icon-base** - The base of the hide icon.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "toggleButtonTestId",
+              "description": "`data-testid` for the show/hide toggle button.",
+              "value": {
+                "type": "string",
+                "default": "'password-input-toggle-button'"
+              }
+            }
+          ],
+          "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."
+            }
+          ],
+          "js": {
+            "properties": [
+              { "name": "passwordVisibile", "type": "boolean" },
+              {
+                "name": "toggleButtonTestId",
+                "description": "`data-testid` for the show/hide toggle button.",
+                "type": "string"
+              },
+              { "name": "type", "type": "string" },
+              {
+                "name": "label",
+                "description": "The label of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "placeholder",
+                "description": "The placeholder of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "description",
+                "description": "The description of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "tooltip",
+                "description": "The tooltip of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "tooltipPlacement",
+                "description": "The tooltip placement of the input.",
+                "type": "'top' | 'right' | 'bottom' | 'left'"
+              },
+              {
+                "name": "status",
+                "description": "The status of the password input. Can be `success` or `error`.",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The size of the password input. Default is `sm`.",
+                "type": "'xs' | 'sm' | 'sm'"
+              },
+              {
+                "name": "name",
+                "description": "The name of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "value",
+                "description": "The value of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "The disabled state of the password input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "required",
+                "description": "The required state of the password input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "readonly",
+                "description": "The readonly state of the password input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "autofocus",
+                "description": "The autofocus state of the password input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "feedback",
+                "description": "The feedback of the input.",
+                "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 password input. Default is false.",
+                "type": "boolean"
+              },
+              {
+                "name": "optional",
+                "description": "The optional state of the password input.",
+                "type": "boolean"
+              },
+              {
+                "name": "optionalLabel",
+                "description": "The optional label of the password input.",
+                "type": "string"
+              },
+              {
+                "name": "requiredLabel",
+                "description": "The required indicator of the password input. (default: '*')",
+                "type": "string"
+              },
+              {
+                "name": "subtle",
+                "description": "The weight of the label. Default is `false`",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-change",
+                "type": "{ value: string }",
+                "description": "Fired when the 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-pagination-change",
-                "type": "{ action: string, pagination: { pageIndex: number, pageSize: number } }",
-                "description": "Event fired when the pagination changes"
+                "name": "dds-focus",
+                "type": "{ void }",
+                "description": "Emitted when the input gains focus."
               }
             ]
           }
@@ -7885,6 +8100,11 @@
                 "description": "The label of the radio button.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the radio button.",
@@ -7975,186 +8195,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-password-input",
-          "description": "A password input a field for entering a password.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **CSS 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 - **postfix** - The postfix of the password input.\n- **password-input** - The password input.\n- **password-input--visible** - The visible password input.\n- **show-button** - The show button of the password input.\n- **show-button-base** - The base of the show button.\n- **show-button-content** - The content of the show button.\n- **show-icon** - The show icon of the password input.\n- **show-icon-base** - The base of the show icon.\n- **hide-button** - The hide button of the password input.\n- **hide-button-base** - The base of the hide button.\n- **hide-button-content** - The content of the hide button.\n- **hide-icon** - The hide icon of the password input.\n- **hide-icon-base** - The base of the hide icon.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "toggleButtonTestId",
-              "description": "`data-testid` for the show/hide toggle button.",
-              "value": {
-                "type": "string",
-                "default": "'password-input-toggle-button'"
-              }
-            }
-          ],
-          "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."
-            }
-          ],
-          "js": {
-            "properties": [
-              { "name": "passwordVisibile", "type": "boolean" },
-              {
-                "name": "toggleButtonTestId",
-                "description": "`data-testid` for the show/hide toggle button.",
-                "type": "string"
-              },
-              { "name": "type", "type": "string" },
-              {
-                "name": "label",
-                "description": "The label of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "placeholder",
-                "description": "The placeholder of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "description",
-                "description": "The description of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "tooltip",
-                "description": "The tooltip of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "tooltipPlacement",
-                "description": "The tooltip placement of the input.",
-                "type": "'top' | 'right' | 'bottom' | 'left'"
-              },
-              {
-                "name": "status",
-                "description": "The status of the password input. Can be `success` or `error`.",
-                "type": "string"
-              },
-              {
-                "name": "size",
-                "description": "The size of the password input. Default is `sm`.",
-                "type": "'xs' | 'sm' | 'sm'"
-              },
-              {
-                "name": "name",
-                "description": "The name of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "value",
-                "description": "The value of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "disabled",
-                "description": "The disabled state of the password input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "required",
-                "description": "The required state of the password input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "readonly",
-                "description": "The readonly state of the password input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "autofocus",
-                "description": "The autofocus state of the password input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "feedback",
-                "description": "The feedback of the input.",
-                "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 password input. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "optional",
-                "description": "The optional state of the password input.",
-                "type": "boolean"
-              },
-              {
-                "name": "optionalLabel",
-                "description": "The optional label of the password input.",
-                "type": "string"
-              },
-              {
-                "name": "requiredLabel",
-                "description": "The required indicator of the password input. (default: '*')",
-                "type": "string"
-              },
-              {
-                "name": "subtle",
-                "description": "The weight of the label. Default is `false`",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-change",
-                "type": "{ value: string }",
-                "description": "Fired when the 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": "dap-ds-rating",
           "description": "Rating is a component that allows users to rate a product or service.\n---\n\n\n### **Events:**\n - **dds-change** - Event fired when the rating value changes.\n\n### **Methods:**\n - **_announceRating()** - Announce the current rating to screen readers\n\n### **CSS Parts:**\n - **base** - The main rating container.\n- **star** - The star element.\n- **stars-container** - The container of the stars.\n- **icon** - The icon of the star.",
@@ -8651,6 +8691,11 @@
                 "description": "The label of the select.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the select.",
@@ -9510,6 +9555,11 @@
                 "description": "The label of the switch.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the switch.",
@@ -10015,6 +10065,11 @@
                 "description": "The label of the textarea.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the textarea.",
@@ -10588,6 +10643,11 @@
                 "description": "The label of the timepicker.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the timepicker.",
@@ -11273,6 +11333,11 @@
                 "name": "label",
                 "description": "The label text.",
                 "type": "string"
+              },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
               }
             ],
             "events": []
@@ -11305,6 +11370,11 @@
                 "description": "The label of the input group.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the input group.",
@@ -11454,6 +11524,11 @@
                 "description": "The label of the radio group.",
                 "type": "string"
               },
+              {
+                "name": "hideLabel",
+                "description": "Visually hides the label while keeping it available to assistive technology. (default: false)",
+                "type": "boolean"
+              },
               {
                 "name": "description",
                 "description": "The description of the radio group.",
@@ -11830,7 +11905,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-s-fill",
+          "name": "dap-ds-icon-arrow-left-s-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -11883,7 +11958,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-left-s-line",
+          "name": "dap-ds-icon-arrow-left-s-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12095,7 +12170,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-s-fill",
+          "name": "dap-ds-icon-arrow-right-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12148,7 +12223,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-arrow-right-line",
+          "name": "dap-ds-icon-arrow-right-s-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12784,7 +12859,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-clipboard-line",
+          "name": "dap-ds-icon-separator",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12837,7 +12912,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-copy-line",
+          "name": "dap-ds-icon-clipboard-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12890,7 +12965,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-image-line",
+          "name": "dap-ds-icon-file-copy-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12943,7 +13018,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-music-line",
+          "name": "dap-ds-icon-file-image-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -12996,7 +13071,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-file-video-line",
+          "name": "dap-ds-icon-file-music-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13102,7 +13177,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-folder-line",
+          "name": "dap-ds-icon-file-video-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13155,7 +13230,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-folder-open-line",
+          "name": "dap-ds-icon-folder-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13208,7 +13283,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-separator",
+          "name": "dap-ds-icon-folder-open-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13685,7 +13760,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-fill",
+          "name": "dap-ds-icon-alert-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13738,7 +13813,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-line",
+          "name": "dap-ds-icon-alert-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15805,7 +15880,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-line",
+          "name": "dap-ds-icon-time-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15858,7 +15933,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-fill",
+          "name": "dap-ds-icon-time-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15964,7 +16039,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-line",
+          "name": "dap-ds-icon-upload-2-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -16017,7 +16092,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-line",
+          "name": "dap-ds-icon-upload-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [