dap-design-system 0.60.0 → 0.60.2

package/dist/manifest/web-types.json

@@ -270,6 +270,72 @@
             ]
           }
         },
+        {
+          "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-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.",
@@ -522,72 +588,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-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-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.",
@@ -889,358 +889,113 @@
           }
         },
         {
-          "name": "dap-ds-calendar-cell",
-          "description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **Slots:**\n - _default_ - The content of the calendar cell.\n\n### **CSS Properties:**\n - **--dds-calendar-cell-display** - The display property of the calendar cell host (default: flex) _(default: undefined)_\n- **--dds-calendar-cell-position** - The position property of the calendar cell host (default: relative) _(default: undefined)_\n- **--dds-calendar-cell-border-radius** - The border radius of the calendar cell (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-cell-min-width** - The minimum width of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-height** - The height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-min-height** - The minimum height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-color** - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-font-size** - The font size of the calendar cell (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-cell-font-weight** - The font weight of the calendar cell (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-calendar-cell-text-align** - The text alignment of the calendar cell (default: center) _(default: undefined)_\n- **--dds-calendar-cell-cursor** - The cursor style of the calendar cell (default: pointer) _(default: undefined)_\n- **--dds-calendar-cell-background-hover** - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-calendar-cell-background-active** - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background** - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-color** - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-hover** - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-pressed** - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-selected-today-mark-background** - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-color** - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-cursor** - The cursor style of the disabled calendar cell (default: not-allowed) _(default: undefined)_\n- **--dds-calendar-cell-out-of-range-color** - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder)) _(default: undefined)_\n- **--dds-calendar-cell-today-font-weight** - The font weight of the today calendar cell (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-cell-header-background** - The background color of the header calendar cell (default: transparent) _(default: undefined)_\n- **--dds-calendar-cell-header-color** - The text color of the header calendar cell (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-calendar-cell-header-text-transform** - The text transform of the header calendar cell (default: capitalize) _(default: undefined)_\n- **--dds-calendar-cell-header-cursor** - The cursor style of the header calendar cell (default: default) _(default: undefined)_\n- **--dds-calendar-cell-in-range-color** - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-hover** - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-pressed** - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-range-background** - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-color** - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-today-mark-background** - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-bottom** - The bottom position of the today mark (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-width** - The width of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-height** - The height of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-stroke** - The stroke color of the today mark (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-background** - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-fill** - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
+          "name": "dap-ds-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": "selected",
-              "description": "Whether the calendar cell is selected.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "disabledDay",
-              "description": "Whether the calendar cell is disabled.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "variant",
+              "description": "The variant of the callout",
+              "value": {
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'",
+                "default": "'brand'"
+              }
             },
             {
-              "name": "today",
-              "description": "Whether the calendar cell is today.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "alignment",
+              "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+              "value": {
+                "type": "'vertical' | 'horizontal'",
+                "default": "'horizontal'"
+              }
             },
             {
-              "name": "outOfRange",
-              "description": "Whether the calendar cell is out of range.",
-              "value": { "type": "boolean", "default": "false" }
+              "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": "header",
-              "description": "Whether the calendar cell is a date header.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "noBorder",
+              "description": "If the callout has a border",
+              "value": { "type": "string", "default": "'true'" }
             },
             {
-              "name": "focused",
-              "description": "Whether the calendar cell is focused.",
+              "name": "closeable",
+              "description": "If the callout has a close button",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "rangestart",
-              "description": "Whether the calendar cell is the start of a range.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "title",
+              "description": "The header of the callout",
+              "value": { "type": "string" }
             },
             {
-              "name": "rangeend",
-              "description": "Whether the calendar cell is the end of a range.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "closeButtonLabel",
+              "description": "The label of the close button",
+              "value": { "type": "string" }
             },
             {
-              "name": "inrange",
-              "description": "Whether the calendar cell is in the middle of a range.",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "closeButtonTestId",
+              "description": "`data-testid` for the default close button.",
+              "value": { "type": "string", "default": "'callout-close-button'" }
             },
             {
-              "name": "locale",
-              "description": "The locale of the calendar cell.",
-              "value": {
-                "type": "'hu' | 'en' | 'de'",
-                "default": "dayjs.locale()"
-              }
+              "name": "opened",
+              "description": "If the callout is opened",
+              "value": { "type": "string", "default": "'true'" }
             }
           ],
           "slots": [
-            { "name": "", "description": "The content of the calendar cell." }
+            { "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."
+            }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "value",
-                "description": "The value of the calendar cell.",
-                "type": "Dayjs"
+                "name": "variant",
+                "description": "The variant of the callout",
+                "type": "'brand' | 'positive' | 'info' | 'warning' | 'negative'"
               },
               {
-                "name": "selected",
-                "description": "Whether the calendar cell is selected.",
-                "type": "boolean"
+                "name": "alignment",
+                "description": "The alignment of the callout. Can be `vertical` or `horizontal`.",
+                "type": "'vertical' | 'horizontal'"
               },
               {
-                "name": "disabledDay",
-                "description": "Whether the calendar cell is disabled.",
-                "type": "boolean"
+                "name": "shade",
+                "description": "The strongness of the callout colors. Can be `subtle`, `base`, `medium`, or `strong`.",
+                "type": "'subtle' | 'base' | 'medium' | 'strong'"
               },
               {
-                "name": "today",
-                "description": "Whether the calendar cell is today.",
-                "type": "boolean"
+                "name": "noBorder",
+                "description": "If the callout has a border",
+                "type": "string"
               },
               {
-                "name": "outOfRange",
-                "description": "Whether the calendar cell is out of range.",
+                "name": "closeable",
+                "description": "If the callout has a close button",
                 "type": "boolean"
               },
               {
-                "name": "header",
-                "description": "Whether the calendar cell is a date header.",
-                "type": "boolean"
-              },
-              {
-                "name": "focused",
-                "description": "Whether the calendar cell is focused.",
-                "type": "boolean"
-              },
-              {
-                "name": "rangestart",
-                "description": "Whether the calendar cell is the start of a range.",
-                "type": "boolean"
-              },
-              {
-                "name": "rangeend",
-                "description": "Whether the calendar cell is the end of a range.",
-                "type": "boolean"
-              },
-              {
-                "name": "inrange",
-                "description": "Whether the calendar cell is in the middle of a range.",
-                "type": "boolean"
-              },
-              {
-                "name": "locale",
-                "description": "The locale of the calendar cell.",
-                "type": "'hu' | 'en' | 'de'"
-              },
-              { "name": "label", "type": "string" },
-              { "name": "focusElement", "type": "HTMLElement" }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-calendar",
-          "description": "A calendar is a visual representation of dates. It allows users to select a date.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the calendar value changes.\n\n### **Slots:**\n - _default_ - The content of the calendar.\n\n### **CSS Properties:**\n - **--dds-calendar-display** - The display property of the calendar container (default: flex) _(default: undefined)_\n- **--dds-calendar-isolation** - The isolation property of the calendar (default: isolate) _(default: undefined)_\n- **--dds-calendar-block-display** - The display property of the calendar block (default: block) _(default: undefined)_\n- **--dds-calendar-transition** - The transition property for the calendar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-calendar-header-display** - The display property of the calendar header (default: grid) _(default: undefined)_\n- **--dds-calendar-header-grid-flow** - The grid-auto-flow property of the calendar header (default: column) _(default: undefined)_\n- **--dds-calendar-header-width** - The width of the calendar header (default: 100%) _(default: undefined)_\n- **--dds-calendar-header-gap** - The gap between header items (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-select-min-height** - The minimum height of the select trigger (default: auto) _(default: undefined)_\n- **--dds-calendar-select-max-height** - The maximum height of the select trigger (default: 32px) _(default: undefined)_\n- **--dds-calendar-select-padding** - The padding of the select trigger (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-calendar-select-border-radius** - The border radius of the select trigger (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-select-border-color** - The border color of the select trigger (default: var(--dds-border-neutral-transparent-interactive)) _(default: undefined)_\n- **--dds-calendar-select-background** - The background color of the select trigger (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-calendar-select-color** - The text color of the select trigger (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-calendar-select-font-size** - The font size of the select trigger (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-select-font-style** - The font style of the select trigger (default: normal) _(default: undefined)_\n- **--dds-calendar-select-font-weight** - The font weight of the select trigger (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-nav-button-margin** - The margin of the navigation buttons (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-calendar-nav-button-color** - The color of the navigation button icons (default: var(--dds-button-subtle-icon-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar container.\n- **calendar-header** - The header of the calendar.\n- **body** - The body of the calendar.\n- **calendar-grid-header** - The header of the calendar grid.\n- **calendar-grid-header-cell** - The header cell of the calendar grid.\n- **calendar-grid-cell** - The cell of the calendar grid.\n- **calendar-header-button-prev** - The previous month button of the calendar header.\n- **calendar-header-button-next** - The next month button of the calendar header.\n- **calendar-header-year-select** - The year select of the calendar header.\n- **calendar-header-month-select** - The month select of the calendar header.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "mode",
-              "description": "The mode of the calendar - single date or range selection.",
-              "value": { "type": "'single' | 'range'", "default": "'single'" }
-            },
-            {
-              "name": "hideAdjacentMonths",
-              "description": "Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "locale",
-              "description": "The locale of the calendar.",
-              "value": {
-                "type": "'hu' | 'en' | 'de'",
-                "default": "dayjs.locale()"
-              }
-            },
-            {
-              "name": "prevButtonTestId",
-              "description": "`data-testid` for the previous-month button.",
-              "value": { "type": "string", "default": "'calendar-prev-button'" }
-            },
-            {
-              "name": "nextButtonTestId",
-              "description": "`data-testid` for the next-month button.",
-              "value": { "type": "string", "default": "'calendar-next-button'" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the calendar." }
-          ],
-          "events": [
-            {
-              "name": "dds-change",
-              "type": "{ value: Dayjs }",
-              "description": "Fired when the calendar value changes."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "mode",
-                "description": "The mode of the calendar - single date or range selection.",
-                "type": "'single' | 'range'"
-              },
-              {
-                "name": "hideAdjacentMonths",
-                "description": "Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode.",
-                "type": "boolean"
-              },
-              {
-                "name": "value",
-                "description": "The value of the calendar.",
-                "type": "Dayjs"
-              },
-              {
-                "name": "rangeStart",
-                "description": "The start date of the range selection (only used in range mode).",
-                "type": "Dayjs"
-              },
-              {
-                "name": "rangeEnd",
-                "description": "The end date of the range selection (only used in range mode).",
-                "type": "Dayjs"
-              },
-              {
-                "name": "currentDate",
-                "description": "The current visible date of the calendar. Only the month and year are considered.",
-                "type": "Dayjs"
-              },
-              {
-                "name": "minDate",
-                "description": "The minimum date of the calendar. Only the month and year are considered.",
-                "type": "Dayjs"
-              },
-              {
-                "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"
-              },
-              {
-                "name": "closeable",
-                "description": "If the callout has a close button",
-                "type": "boolean"
-              },
-              {
-                "name": "title",
-                "description": "The header of the callout",
-                "type": "string"
+                "name": "title",
+                "description": "The header of the callout",
+                "type": "string"
               },
               {
                 "name": "closeButtonLabel",
@@ -1472,135 +1227,380 @@
                 "type": "boolean"
               },
               {
-                "name": "spacing",
-                "description": "The spacing of the card title. This adds a margin to the card title. Default is `top`.",
-                "type": "'top' | 'bottom' | 'both' | 'none'"
+                "name": "spacing",
+                "description": "The spacing of the card title. This adds a margin to the card title. Default is `top`.",
+                "type": "'top' | 'bottom' | 'both' | 'none'"
+              },
+              { "name": "parentSized", "type": "string" },
+              {
+                "name": "size",
+                "description": "The size of the card title. Default is `sm`.",
+                "type": "'sm' |'md' | 'lg'"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-card",
+          "description": "A card is a container for content, actions, and images in a consistent format.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card.\n\n### **CSS Properties:**\n - **--dds-card-padding** - The padding of the card. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-border-radius** - The border radius of the card. (default: var(--dds-radius-large)) _(default: undefined)_\n- **--dds-card-border-width** - The border width of the card. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-card-border-color** - The border color of the card. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-card-background** - The background color of the card. (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-card-hover-border-color** - The border color when hovering over the card. (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-card-active-border-color** - The border color when the card is active. (default: var(--dds-border-brand-medium)) _(default: undefined)_\n- **--dds-card-shadow** - The box shadow of the card. (default: none) _(default: undefined)_\n- **--dds-card-hover-shadow** - The box shadow when hovering over the card. (default: none) _(default: undefined)_\n- **--dds-card-transition-duration** - The duration of the card's transitions. (default: var(--dds-transition-medium)) _(default: undefined)_\n- **--dds-card-transition-timing** - The timing function of the card's transitions. (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "interactive",
+              "description": "Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "renderAs",
+              "description": "The render as type of the card, only applicable when interactive.",
+              "value": { "type": "'a' | 'button'", "default": "'a'" }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether the card is disabled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "noBorder",
+              "description": "Removes the border around the card",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "noPadding",
+              "description": "Removes the padding around the card",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "targetBlankText",
+              "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "target",
+              "description": "The link target of the card",
+              "value": {
+                "type": "'_blank' | '_self' | '_parent' | '_top'",
+                "default": "'_self'"
+              }
+            },
+            {
+              "name": "href",
+              "description": "The URL of the card.",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "rel",
+              "description": "The rel of the card link.",
+              "value": { "type": "string", "default": "'noreferrer noopener'" }
+            }
+          ],
+          "slots": [{ "name": "", "description": "The content of the card." }],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "interactive",
+                "description": "Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.",
+                "type": "boolean"
+              },
+              {
+                "name": "renderAs",
+                "description": "The render as type of the card, only applicable when interactive.",
+                "type": "'a' | 'button'"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether the card is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "noBorder",
+                "description": "Removes the border around the card",
+                "type": "boolean"
+              },
+              {
+                "name": "noPadding",
+                "description": "Removes the padding around the card",
+                "type": "boolean"
+              },
+              {
+                "name": "targetBlankText",
+                "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
+                "type": "string"
+              },
+              {
+                "name": "target",
+                "description": "The link target of the card",
+                "type": "'_blank' | '_self' | '_parent' | '_top'"
+              },
+              {
+                "name": "href",
+                "description": "The URL of the card.",
+                "type": "string"
+              },
+              {
+                "name": "rel",
+                "description": "The rel of the card link.",
+                "type": "string"
+              },
+              {
+                "name": "size",
+                "description": "The size of the card. Default is `sm`.",
+                "type": "'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-calendar-cell",
+          "description": "Calendar cell represents a single cell in the calendar.\n---\n\n\n### **Slots:**\n - _default_ - The content of the calendar cell.\n\n### **CSS Properties:**\n - **--dds-calendar-cell-display** - The display property of the calendar cell host (default: flex) _(default: undefined)_\n- **--dds-calendar-cell-position** - The position property of the calendar cell host (default: relative) _(default: undefined)_\n- **--dds-calendar-cell-border-radius** - The border radius of the calendar cell (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-cell-min-width** - The minimum width of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-height** - The height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-min-height** - The minimum height of the calendar cell (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-calendar-cell-color** - The text color of the calendar cell (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-font-size** - The font size of the calendar cell (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-cell-font-weight** - The font weight of the calendar cell (default: var(--dds-font-weight-medium)) _(default: undefined)_\n- **--dds-calendar-cell-text-align** - The text alignment of the calendar cell (default: center) _(default: undefined)_\n- **--dds-calendar-cell-cursor** - The cursor style of the calendar cell (default: pointer) _(default: undefined)_\n- **--dds-calendar-cell-background-hover** - The background color of the calendar cell on hover (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-calendar-cell-background-active** - The background color of the calendar cell when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background** - The background color of the selected calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-color** - The text color of the selected calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-hover** - The background color of the selected calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-selected-background-pressed** - The background color of the selected calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-selected-today-mark-background** - The background color of the today mark in selected calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-color** - The text color of the disabled calendar cell (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-calendar-cell-disabled-cursor** - The cursor style of the disabled calendar cell (default: not-allowed) _(default: undefined)_\n- **--dds-calendar-cell-out-of-range-color** - The text color of the out-of-range calendar cell (default: var(--dds-text-neutral-placeholder)) _(default: undefined)_\n- **--dds-calendar-cell-today-font-weight** - The font weight of the today calendar cell (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-cell-header-background** - The background color of the header calendar cell (default: transparent) _(default: undefined)_\n- **--dds-calendar-cell-header-color** - The text color of the header calendar cell (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-calendar-cell-header-text-transform** - The text transform of the header calendar cell (default: capitalize) _(default: undefined)_\n- **--dds-calendar-cell-header-cursor** - The cursor style of the header calendar cell (default: default) _(default: undefined)_\n- **--dds-calendar-cell-in-range-color** - The text color of the in-range calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-hover** - The background color of the in-range calendar cell on hover (default: var(--dds-button-primary-background-hover)) _(default: undefined)_\n- **--dds-calendar-cell-in-range-background-pressed** - The background color of the in-range calendar cell when pressed (default: var(--dds-button-primary-background-pressed)) _(default: undefined)_\n- **--dds-calendar-cell-range-background** - The background color of the range start/end calendar cell (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-color** - The text color of the range start/end calendar cell (default: var(--dds-button-primary-text-enabled)) _(default: undefined)_\n- **--dds-calendar-cell-range-today-mark-background** - The background color of the today mark in range start/end calendar cell (default: var(--dds-text-neutral-on-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-bottom** - The bottom position of the today mark (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-width** - The width of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-height** - The height of the today mark (default: 5px) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-stroke** - The stroke color of the today mark (default: var(--dds-border-neutral-transparent)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-background** - The background color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n- **--dds-calendar-cell-today-mark-fill** - The fill color of the today mark (default: var(--dds-background-neutral-medium-inverted)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar cell container.\n- **today-mark** - The today mark of the calendar cell.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "selected",
+              "description": "Whether the calendar cell is selected.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "disabledDay",
+              "description": "Whether the calendar cell is disabled.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "today",
+              "description": "Whether the calendar cell is today.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "outOfRange",
+              "description": "Whether the calendar cell is out of range.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "header",
+              "description": "Whether the calendar cell is a date header.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "focused",
+              "description": "Whether the calendar cell is focused.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "rangestart",
+              "description": "Whether the calendar cell is the start of a range.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "rangeend",
+              "description": "Whether the calendar cell is the end of a range.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "inrange",
+              "description": "Whether the calendar cell is in the middle of a range.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "locale",
+              "description": "The locale of the calendar cell.",
+              "value": {
+                "type": "'hu' | 'en' | 'de'",
+                "default": "dayjs.locale()"
+              }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the calendar cell." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "value",
+                "description": "The value of the calendar cell.",
+                "type": "Dayjs"
+              },
+              {
+                "name": "selected",
+                "description": "Whether the calendar cell is selected.",
+                "type": "boolean"
+              },
+              {
+                "name": "disabledDay",
+                "description": "Whether the calendar cell is disabled.",
+                "type": "boolean"
+              },
+              {
+                "name": "today",
+                "description": "Whether the calendar cell is today.",
+                "type": "boolean"
+              },
+              {
+                "name": "outOfRange",
+                "description": "Whether the calendar cell is out of range.",
+                "type": "boolean"
+              },
+              {
+                "name": "header",
+                "description": "Whether the calendar cell is a date header.",
+                "type": "boolean"
+              },
+              {
+                "name": "focused",
+                "description": "Whether the calendar cell is focused.",
+                "type": "boolean"
+              },
+              {
+                "name": "rangestart",
+                "description": "Whether the calendar cell is the start of a range.",
+                "type": "boolean"
+              },
+              {
+                "name": "rangeend",
+                "description": "Whether the calendar cell is the end of a range.",
+                "type": "boolean"
+              },
+              {
+                "name": "inrange",
+                "description": "Whether the calendar cell is in the middle of a range.",
+                "type": "boolean"
               },
-              { "name": "parentSized", "type": "string" },
               {
-                "name": "size",
-                "description": "The size of the card title. Default is `sm`.",
-                "type": "'sm' |'md' | 'lg'"
-              }
+                "name": "locale",
+                "description": "The locale of the calendar cell.",
+                "type": "'hu' | 'en' | 'de'"
+              },
+              { "name": "label", "type": "string" },
+              { "name": "focusElement", "type": "HTMLElement" }
             ],
             "events": []
           }
         },
         {
-          "name": "dap-ds-card",
-          "description": "A card is a container for content, actions, and images in a consistent format.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card.\n\n### **CSS Properties:**\n - **--dds-card-padding** - The padding of the card. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-border-radius** - The border radius of the card. (default: var(--dds-radius-large)) _(default: undefined)_\n- **--dds-card-border-width** - The border width of the card. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-card-border-color** - The border color of the card. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-card-background** - The background color of the card. (default: var(--dds-background-neutral-base)) _(default: undefined)_\n- **--dds-card-hover-border-color** - The border color when hovering over the card. (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-card-active-border-color** - The border color when the card is active. (default: var(--dds-border-brand-medium)) _(default: undefined)_\n- **--dds-card-shadow** - The box shadow of the card. (default: none) _(default: undefined)_\n- **--dds-card-hover-shadow** - The box shadow when hovering over the card. (default: none) _(default: undefined)_\n- **--dds-card-transition-duration** - The duration of the card's transitions. (default: var(--dds-transition-medium)) _(default: undefined)_\n- **--dds-card-transition-timing** - The timing function of the card's transitions. (default: var(--dds-easing-ease-in-out)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card container.",
+          "name": "dap-ds-calendar",
+          "description": "A calendar is a visual representation of dates. It allows users to select a date.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the calendar value changes.\n\n### **Slots:**\n - _default_ - The content of the calendar.\n\n### **CSS Properties:**\n - **--dds-calendar-display** - The display property of the calendar container (default: flex) _(default: undefined)_\n- **--dds-calendar-isolation** - The isolation property of the calendar (default: isolate) _(default: undefined)_\n- **--dds-calendar-block-display** - The display property of the calendar block (default: block) _(default: undefined)_\n- **--dds-calendar-transition** - The transition property for the calendar (default: all 0.2s ease-in-out) _(default: undefined)_\n- **--dds-calendar-header-display** - The display property of the calendar header (default: grid) _(default: undefined)_\n- **--dds-calendar-header-grid-flow** - The grid-auto-flow property of the calendar header (default: column) _(default: undefined)_\n- **--dds-calendar-header-width** - The width of the calendar header (default: 100%) _(default: undefined)_\n- **--dds-calendar-header-gap** - The gap between header items (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-calendar-select-min-height** - The minimum height of the select trigger (default: auto) _(default: undefined)_\n- **--dds-calendar-select-max-height** - The maximum height of the select trigger (default: 32px) _(default: undefined)_\n- **--dds-calendar-select-padding** - The padding of the select trigger (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-calendar-select-border-radius** - The border radius of the select trigger (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-calendar-select-border-color** - The border color of the select trigger (default: var(--dds-border-neutral-transparent-interactive)) _(default: undefined)_\n- **--dds-calendar-select-background** - The background color of the select trigger (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-calendar-select-color** - The text color of the select trigger (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-calendar-select-font-size** - The font size of the select trigger (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-calendar-select-font-style** - The font style of the select trigger (default: normal) _(default: undefined)_\n- **--dds-calendar-select-font-weight** - The font weight of the select trigger (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-calendar-nav-button-margin** - The margin of the navigation buttons (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-calendar-nav-button-color** - The color of the navigation button icons (default: var(--dds-button-subtle-icon-enabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main calendar container.\n- **calendar-header** - The header of the calendar.\n- **body** - The body of the calendar.\n- **calendar-grid-header** - The header of the calendar grid.\n- **calendar-grid-header-cell** - The header cell of the calendar grid.\n- **calendar-grid-cell** - The cell of the calendar grid.\n- **calendar-header-button-prev** - The previous month button of the calendar header.\n- **calendar-header-button-next** - The next month button of the calendar header.\n- **calendar-header-year-select** - The year select of the calendar header.\n- **calendar-header-month-select** - The month select of the calendar header.",
           "doc-url": "",
           "attributes": [
             {
-              "name": "interactive",
-              "description": "Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "renderAs",
-              "description": "The render as type of the card, only applicable when interactive.",
-              "value": { "type": "'a' | 'button'", "default": "'a'" }
-            },
-            {
-              "name": "disabled",
-              "description": "Whether the card is disabled.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "noBorder",
-              "description": "Removes the border around the card",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "mode",
+              "description": "The mode of the calendar - single date or range selection.",
+              "value": { "type": "'single' | 'range'", "default": "'single'" }
             },
             {
-              "name": "noPadding",
-              "description": "Removes the padding around the card",
+              "name": "hideAdjacentMonths",
+              "description": "Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode.",
               "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "targetBlankText",
-              "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "target",
-              "description": "The link target of the card",
+              "name": "locale",
+              "description": "The locale of the calendar.",
               "value": {
-                "type": "'_blank' | '_self' | '_parent' | '_top'",
-                "default": "'_self'"
+                "type": "'hu' | 'en' | 'de'",
+                "default": "dayjs.locale()"
               }
             },
             {
-              "name": "href",
-              "description": "The URL of the card.",
-              "value": { "type": "string" }
+              "name": "prevButtonTestId",
+              "description": "`data-testid` for the previous-month button.",
+              "value": { "type": "string", "default": "'calendar-prev-button'" }
             },
             {
-              "name": "rel",
-              "description": "The rel of the card link.",
-              "value": { "type": "string", "default": "'noreferrer noopener'" }
+              "name": "nextButtonTestId",
+              "description": "`data-testid` for the next-month button.",
+              "value": { "type": "string", "default": "'calendar-next-button'" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the calendar." }
+          ],
+          "events": [
+            {
+              "name": "dds-change",
+              "type": "{ value: Dayjs }",
+              "description": "Fired when the calendar value changes."
             }
           ],
-          "slots": [{ "name": "", "description": "The content of the card." }],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "interactive",
-                "description": "Whether the card is interactive. Default is false. If true, the card will be rendered as an anchor element.",
+                "name": "mode",
+                "description": "The mode of the calendar - single date or range selection.",
+                "type": "'single' | 'range'"
+              },
+              {
+                "name": "hideAdjacentMonths",
+                "description": "Whether to hide dates from adjacent months (previous/next) in the calendar grid. When not explicitly set, defaults to false for single mode and true for range mode.",
                 "type": "boolean"
               },
               {
-                "name": "renderAs",
-                "description": "The render as type of the card, only applicable when interactive.",
-                "type": "'a' | 'button'"
+                "name": "value",
+                "description": "The value of the calendar.",
+                "type": "Dayjs"
               },
               {
-                "name": "disabled",
-                "description": "Whether the card is disabled.",
-                "type": "boolean"
+                "name": "rangeStart",
+                "description": "The start date of the range selection (only used in range mode).",
+                "type": "Dayjs"
               },
               {
-                "name": "noBorder",
-                "description": "Removes the border around the card",
-                "type": "boolean"
+                "name": "rangeEnd",
+                "description": "The end date of the range selection (only used in range mode).",
+                "type": "Dayjs"
               },
               {
-                "name": "noPadding",
-                "description": "Removes the padding around the card",
-                "type": "boolean"
+                "name": "currentDate",
+                "description": "The current visible date of the calendar. Only the month and year are considered.",
+                "type": "Dayjs"
               },
               {
-                "name": "targetBlankText",
-                "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
-                "type": "string"
+                "name": "minDate",
+                "description": "The minimum date of the calendar. Only the month and year are considered.",
+                "type": "Dayjs"
               },
               {
-                "name": "target",
-                "description": "The link target of the card",
-                "type": "'_blank' | '_self' | '_parent' | '_top'"
+                "name": "maxDate",
+                "description": "The maximum date of the calendar. Only the month and year are considered.",
+                "type": "Dayjs"
               },
               {
-                "name": "href",
-                "description": "The URL of the card.",
-                "type": "string"
+                "name": "disabledDate",
+                "description": "The function to determine if the date is disabled.",
+                "type": "Function"
               },
               {
-                "name": "rel",
-                "description": "The rel of the card link.",
-                "type": "string"
+                "name": "locale",
+                "description": "The locale of the calendar.",
+                "type": "'hu' | 'en' | 'de'"
               },
               {
-                "name": "size",
-                "description": "The size of the card. Default is `sm`.",
-                "type": "'sm' | 'md' | 'lg'"
+                "name": "prevButtonTestId",
+                "description": "`data-testid` for the previous-month button.",
+                "type": "string"
               },
               {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
+                "name": "nextButtonTestId",
+                "description": "`data-testid` for the next-month button.",
                 "type": "string"
-              }
+              },
+              { "name": "startDate" },
+              { "name": "endDate" },
+              { "name": "shouldHideAdjacentMonths" }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "dds-change",
+                "type": "{ value: Dayjs }",
+                "description": "Fired when the calendar value changes."
+              }
+            ]
           }
         },
         {
@@ -5039,7 +5039,7 @@
         },
         {
           "name": "dap-ds-icon-button",
-          "description": "An icon button is a button with an icon.\n---\n\n\n### **Slots:**\n - _default_ - The icon of the button.\n\n### **CSS Properties:**\n - **--dds-icon-button-border-width** - Border width of the icon button (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-icon-button-border-color** - Border color of the icon button (default: var(--dds-border-neutral-transparent-interactive, #fff500)) _(default: undefined)_\n- **--dds-icon-button-border-radius** - Border radius of the icon button (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-icon-button-hover-border-width** - Border width on hover (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-icon-button-active-border-width** - Border width when active (default: var(--dds-border-width-xlarge)) _(default: undefined)_\n- **--dds-icon-button-transition** - Transition property for the icon button (default: var(--dds-transition-all)) _(default: undefined)_\n- **--dds-icon-button-cursor** - Cursor style for the button (default: pointer) _(default: undefined)_\n- **--dds-icon-button-disabled-cursor** - Cursor style for the disabled button (default: not-allowed) _(default: undefined)_\n- **--dds-icon-button-column-gap** - Column gap between elements (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-icon-button-padding-lg** - Padding for large size (default: var(--dds-spacing-0)) _(default: undefined)_\n- **--dds-icon-button-padding-md** - Padding for medium size (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-icon-button-padding-sm** - Padding for small size (default: var(--dds-spacing-50)) _(default: undefined)_\n- **--dds-icon-button-padding-xs** - Padding for extra small size (default: var(--dds-spacing-25)) _(default: undefined)_\n- **--dds-icon-button-size-lg** - Size for large icon button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-icon-button-size-md** - Size for medium icon button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-icon-button-size-sm** - Size for small icon button (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-icon-button-size-xs** - Size for extra small icon button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-icon-button-neutral-bg** - Background color for neutral variant (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-icon-button-neutral-color** - Text color for neutral variant (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-icon-button-neutral-hover-bg** - Hover background color for neutral variant (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-icon-button-neutral-active-bg** - Active background color for neutral variant (default: var(--dds-transparent-black-medium)) _(default: undefined)_\n- **--dds-icon-button-brand-bg** - Background color for brand variant (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-brand-color** - Text color for brand variant (default: var(--dds-button-subtle-icon-enabled)) _(default: undefined)_\n- **--dds-icon-button-brand-hover-bg** - Hover background color for brand variant (default: var(--dds-button-subtle-background-hover)) _(default: undefined)_\n- **--dds-icon-button-brand-active-bg** - Active background color for brand variant (default: var(--dds-button-subtle-background-pressed)) _(default: undefined)_\n- **--dds-icon-button-inverted-bg** - Background color for inverted variant (default: var(--dds-transparent-white-subtle)) _(default: undefined)_\n- **--dds-icon-button-inverted-color** - Text color for inverted variant (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-hover-bg** - Hover background color for inverted variant (default: var(--dds-transparent-white-base)) _(default: undefined)_\n- **--dds-icon-button-inverted-active-bg** - Active background color for inverted variant (default: var(--dds-transparent-white-medium)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-bg** - Background color for inverted brand variant (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-color** - Text color for inverted brand variant (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-hover-bg** - Hover background color for inverted brand variant (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-active-bg** - Active background color for inverted brand variant (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-disabled-color** - Color for disabled state (default: var(--dds-icon-neutral-disabled)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **content** - The icon of the button.\n- **icon** - The icon of the icon.\n- **icon-base** - The base of the icon.",
+          "description": "An icon button is a button with an icon.\n---\n\n\n### **Slots:**\n - _default_ - The icon of the button.\n\n### **CSS Properties:**\n - **--dds-icon-button-border-width** - Border width of the icon button (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-icon-button-border-color** - Border color of the icon button (default: var(--dds-border-neutral-transparent-interactive, #fff500)) _(default: undefined)_\n- **--dds-icon-button-border-radius** - Border radius of the icon button (default: var(--dds-radius-rounded)) _(default: undefined)_\n- **--dds-icon-button-hover-border-width** - Border width on hover (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-icon-button-active-border-width** - Border width when active (default: var(--dds-border-width-xlarge)) _(default: undefined)_\n- **--dds-icon-button-transition** - Transition property for the icon button (default: var(--dds-transition-all)) _(default: undefined)_\n- **--dds-icon-button-cursor** - Cursor style for the button (default: pointer) _(default: undefined)_\n- **--dds-icon-button-disabled-cursor** - Cursor style for the disabled button (default: not-allowed) _(default: undefined)_\n- **--dds-icon-button-column-gap** - Column gap between elements (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-icon-button-padding-lg** - Padding for large size (default: var(--dds-spacing-0)) _(default: undefined)_\n- **--dds-icon-button-padding-md** - Padding for medium size (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-icon-button-padding-sm** - Padding for small size (default: var(--dds-spacing-50)) _(default: undefined)_\n- **--dds-icon-button-padding-xs** - Padding for extra small size (default: var(--dds-spacing-25)) _(default: undefined)_\n- **--dds-icon-button-size-lg** - Size for large icon button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-icon-button-size-md** - Size for medium icon button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-icon-button-size-sm** - Size for small icon button (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-icon-button-size-xs** - Size for extra small icon button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-icon-button-neutral-bg** - Background color for neutral variant (default: var(--dds-transparent-black-subtle)) _(default: undefined)_\n- **--dds-icon-button-neutral-color** - Text color for neutral variant (default: var(--dds-icon-neutral-base)) _(default: undefined)_\n- **--dds-icon-button-neutral-hover-bg** - Hover background color for neutral variant (default: var(--dds-transparent-black-base)) _(default: undefined)_\n- **--dds-icon-button-neutral-active-bg** - Active background color for neutral variant (default: var(--dds-transparent-black-medium)) _(default: undefined)_\n- **--dds-icon-button-brand-bg** - Background color for brand variant (default: var(--dds-button-subtle-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-brand-color** - Text color for brand variant (default: var(--dds-button-subtle-icon-enabled)) _(default: undefined)_\n- **--dds-icon-button-brand-hover-bg** - Hover background color for brand variant (default: var(--dds-button-subtle-background-hover)) _(default: undefined)_\n- **--dds-icon-button-brand-active-bg** - Active background color for brand variant (default: var(--dds-button-subtle-background-pressed)) _(default: undefined)_\n- **--dds-icon-button-inverted-bg** - Background color for inverted variant (default: var(--dds-transparent-white-subtle)) _(default: undefined)_\n- **--dds-icon-button-inverted-color** - Text color for inverted variant (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-hover-bg** - Hover background color for inverted variant (default: var(--dds-transparent-white-base)) _(default: undefined)_\n- **--dds-icon-button-inverted-active-bg** - Active background color for inverted variant (default: var(--dds-transparent-white-medium)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-bg** - Background color for inverted brand variant (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-color** - Text color for inverted brand variant (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-hover-bg** - Hover background color for inverted brand variant (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-inverted-brand-active-bg** - Active background color for inverted brand variant (default: var(--dds-button-primary-background-enabled)) _(default: undefined)_\n- **--dds-icon-button-disabled-color** - Color for disabled state (default: var(--dds-icon-neutral-disabled)) _(default: undefined)_\n- **--dds-icon-button-disabled-bg** - Background color for disabled state (default: transparent) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **content** - The icon of the button.\n- **icon** - The icon of the icon.\n- **icon-base** - The base of the icon.",
           "doc-url": "",
           "attributes": [
             {
@@ -6485,193 +6485,78 @@
           "attributes": [
             {
               "name": "activeHref",
-              "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "orientation",
-              "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
-              }
-            },
-            {
-              "name": "fullWidth",
-              "description": "Whether the navigation menu should take full width of the screen. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "allowMultipleOpen",
-              "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
-              "value": { "type": "boolean", "default": "true" }
-            },
-            {
-              "name": "tabMode",
-              "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
-              "value": { "type": "'group' | 'items'", "default": "'group'" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The navigation menu list and items." }
-          ],
-          "events": [
-            {
-              "name": "dds-navigation-item-click",
-              "type": "{ href: string, event: Event }",
-              "description": "Fired when a navigation item is clicked."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "activeHref",
-                "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
-                "type": "string"
-              },
-              {
-                "name": "orientation",
-                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-                "type": "'horizontal' | 'vertical'"
-              },
-              {
-                "name": "fullWidth",
-                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
-                "type": "boolean"
-              },
-              {
-                "name": "allowMultipleOpen",
-                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
-                "type": "boolean"
-              },
-              {
-                "name": "tabMode",
-                "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
-                "type": "'group' | 'items'"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-navigation-item-click",
-                "type": "{ href: string, event: Event }",
-                "description": "Fired when a navigation item is clicked."
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-notification-badge",
-          "description": "A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.\n---\n\n\n### **Slots:**\n - _default_ - The content of the notification badge.\n\n### **CSS Properties:**\n - **--dds-notification-badge-size** - Controls the overall size of the notification badge (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-notification-badge-min-width** - Minimum width of the notification badge (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-notification-badge-height** - Height of the notification badge (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-notification-badge-padding** - Padding inside the notification badge (default: 0 var(--dds-spacing-150)) _(default: undefined)_\n- **--dds-notification-badge-border-radius** - Border radius of the notification badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-notification-badge-font-size** - Font size of the notification badge text (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-notification-badge-dot-size** - Size of the dot variant (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-notification-badge-color** - Text color of the notification badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-notification-badge-neutral-bg** - Background color for neutral type (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-notification-badge-brand-bg** - Background color for brand type (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-notification-badge-info-bg** - Background color for info type (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-notification-badge-positive-bg** - Background color for positive type (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-notification-badge-warning-bg** - Background color for warning type (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-notification-badge-negative-bg** - Background color for negative type (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-notification-badge-circular-offset-x** - Horizontal offset for circular positioning (default: 20px) _(default: undefined)_\n- **--dds-notification-badge-circular-offset-y** - Vertical offset for circular positioning (default: -20px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the notification badge.\n- **noty** - The notification badge container.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "badgeContent",
-              "description": "The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string.",
-              "value": { "type": "string | number" }
-            },
-            {
-              "name": "visible",
-              "description": "This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "showZero",
-              "description": "This switch decides whether to show a zero value or not.",
-              "value": { "type": "boolean", "default": "false" }
+              "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
+              "value": { "type": "string" }
             },
             {
-              "name": "type",
-              "description": "The color scheme of the badge",
+              "name": "orientation",
+              "description": "The orientation of the navigation menu. Default is 'horizontal'.",
               "value": {
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
-                "default": "'negative'"
+                "type": "'horizontal' | 'vertical'",
+                "default": "'horizontal'"
               }
             },
             {
-              "name": "variant",
-              "description": "The variant of the badge.",
-              "value": { "type": "'round' | 'dot'", "default": "'round'" }
-            },
-            {
-              "name": "max",
-              "description": "The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap.",
-              "value": { "type": "number", "default": "0" }
-            },
-            {
-              "name": "placement",
-              "description": "The position of the badge content around the slot content.",
-              "value": {
-                "type": "'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'",
-                "default": "'top-end'"
-              }
+              "name": "fullWidth",
+              "description": "Whether the navigation menu should take full width of the screen. Default is false.",
+              "value": { "type": "boolean", "default": "false" }
             },
             {
-              "name": "circular-auto",
-              "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
+              "name": "allowMultipleOpen",
+              "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
               "value": { "type": "boolean", "default": "true" }
             },
             {
-              "name": "force-circular",
-              "description": "Override circular positioning detection - forces circular positioning calculation",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "tabMode",
+              "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
+              "value": { "type": "'group' | 'items'", "default": "'group'" }
             }
           ],
           "slots": [
+            { "name": "", "description": "The navigation menu list and items." }
+          ],
+          "events": [
             {
-              "name": "",
-              "description": "The content of the notification badge."
+              "name": "dds-navigation-item-click",
+              "type": "{ href: string, event: Event }",
+              "description": "Fired when a navigation item is clicked."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "badgeContent",
-                "description": "The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string.",
-                "type": "string | number"
+                "name": "activeHref",
+                "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
+                "type": "string"
               },
               {
-                "name": "visible",
-                "description": "This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control.",
-                "type": "boolean"
+                "name": "orientation",
+                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
+                "type": "'horizontal' | 'vertical'"
               },
               {
-                "name": "showZero",
-                "description": "This switch decides whether to show a zero value or not.",
+                "name": "fullWidth",
+                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
                 "type": "boolean"
               },
               {
-                "name": "type",
-                "description": "The color scheme of the badge",
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
-              },
-              {
-                "name": "variant",
-                "description": "The variant of the badge.",
-                "type": "'round' | 'dot'"
-              },
-              {
-                "name": "max",
-                "description": "The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap.",
-                "type": "number"
-              },
-              {
-                "name": "placement",
-                "description": "The position of the badge content around the slot content.",
-                "type": "'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"
-              },
-              {
-                "name": "circularAuto",
-                "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
+                "name": "allowMultipleOpen",
+                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
                 "type": "boolean"
               },
               {
-                "name": "forceCircular",
-                "description": "Override circular positioning detection - forces circular positioning calculation",
-                "type": "boolean"
+                "name": "tabMode",
+                "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
+                "type": "'group' | 'items'"
               }
             ],
-            "events": []
+            "events": [
+              {
+                "name": "dds-navigation-item-click",
+                "type": "{ href: string, event: Event }",
+                "description": "Fired when a navigation item is clicked."
+              }
+            ]
           }
         },
         {
@@ -6988,104 +6873,219 @@
               "description": "The icon when the accordion is opened."
             },
             {
-              "name": "icon-closed",
-              "description": "The icon when the accordion is closed."
+              "name": "icon-closed",
+              "description": "The icon when the accordion is closed."
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-opened",
+              "type": "{ void }",
+              "description": "Event fired when the accordion is opened."
+            },
+            {
+              "name": "dds-closed",
+              "type": "{ void }",
+              "description": "Event fired when the accordion is closed."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "size",
+                "description": "The size of the official website banner. Default is `sm`.",
+                "type": "'sm' | 'lg'"
+              },
+              {
+                "name": "heading",
+                "description": "The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided",
+                "type": "string"
+              },
+              {
+                "name": "headingLevel",
+                "description": "The heading level of the accordion. Default is `4`.",
+                "type": "1 | 2 | 3 | 4 | 5 | 6"
+              },
+              {
+                "name": "opened",
+                "description": "Whether the accordion is opened. Default is `false`.",
+                "type": "boolean"
+              },
+              {
+                "name": "iconLocation",
+                "description": "The location of the icon. Default is `right`.",
+                "type": "'left' | 'right'"
+              },
+              {
+                "name": "variant",
+                "description": "The variant of the accordion.",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+              },
+              {
+                "name": "lastItem",
+                "description": "Whether the accordion is the last item.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-opened",
+                "type": "{ void }",
+                "description": "Event fired when the accordion is opened."
+              },
+              {
+                "name": "dds-closed",
+                "type": "{ void }",
+                "description": "Event fired when the accordion is closed."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-option-group",
+          "description": "An option group is a container for grouping related option items.\nUsed with dap-ds-select to create grouped options that render as native optgroup elements.\n---\n\n\n### **Slots:**\n - _default_ - The option items in this group.\n\n### **CSS Parts:**\n - **base** - The main option group container.\n- **label** - The label of the option group.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "label",
+              "description": "The label of the option group (displayed in native optgroup).",
+              "value": { "type": "string" }
+            },
+            {
+              "name": "disabled",
+              "description": "Whether all options in the group are disabled.",
+              "value": { "type": "boolean" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The option items in this group." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "label",
+                "description": "The label of the option group (displayed in native optgroup).",
+                "type": "string"
+              },
+              {
+                "name": "disabled",
+                "description": "Whether all options in the group are disabled.",
+                "type": "boolean"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-notification-badge",
+          "description": "A notification badge component is a user interface element that visually indicates the presence of new information or updates, often displaying a numeric count of unread notifications, messages, or items requiring attention.\n---\n\n\n### **Slots:**\n - _default_ - The content of the notification badge.\n\n### **CSS Properties:**\n - **--dds-notification-badge-size** - Controls the overall size of the notification badge (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-notification-badge-min-width** - Minimum width of the notification badge (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-notification-badge-height** - Height of the notification badge (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-notification-badge-padding** - Padding inside the notification badge (default: 0 var(--dds-spacing-150)) _(default: undefined)_\n- **--dds-notification-badge-border-radius** - Border radius of the notification badge (default: var(--dds-radius-base)) _(default: undefined)_\n- **--dds-notification-badge-font-size** - Font size of the notification badge text (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-notification-badge-dot-size** - Size of the dot variant (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-notification-badge-color** - Text color of the notification badge (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-notification-badge-neutral-bg** - Background color for neutral type (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-notification-badge-brand-bg** - Background color for brand type (default: var(--dds-text-brand-subtle)) _(default: undefined)_\n- **--dds-notification-badge-info-bg** - Background color for info type (default: var(--dds-text-informative-subtle)) _(default: undefined)_\n- **--dds-notification-badge-positive-bg** - Background color for positive type (default: var(--dds-text-positive-subtle)) _(default: undefined)_\n- **--dds-notification-badge-warning-bg** - Background color for warning type (default: var(--dds-text-warning-subtle)) _(default: undefined)_\n- **--dds-notification-badge-negative-bg** - Background color for negative type (default: var(--dds-text-negative-subtle)) _(default: undefined)_\n- **--dds-notification-badge-circular-offset-x** - Horizontal offset for circular positioning (default: 20px) _(default: undefined)_\n- **--dds-notification-badge-circular-offset-y** - Vertical offset for circular positioning (default: -20px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the notification badge.\n- **noty** - The notification badge container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "badgeContent",
+              "description": "The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string.",
+              "value": { "type": "string | number" }
+            },
+            {
+              "name": "visible",
+              "description": "This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "showZero",
+              "description": "This switch decides whether to show a zero value or not.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "type",
+              "description": "The color scheme of the badge",
+              "value": {
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'",
+                "default": "'negative'"
+              }
+            },
+            {
+              "name": "variant",
+              "description": "The variant of the badge.",
+              "value": { "type": "'round' | 'dot'", "default": "'round'" }
+            },
+            {
+              "name": "max",
+              "description": "The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap.",
+              "value": { "type": "number", "default": "0" }
+            },
+            {
+              "name": "placement",
+              "description": "The position of the badge content around the slot content.",
+              "value": {
+                "type": "'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'",
+                "default": "'top-end'"
+              }
+            },
+            {
+              "name": "circular-auto",
+              "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
+              "value": { "type": "boolean", "default": "true" }
+            },
+            {
+              "name": "force-circular",
+              "description": "Override circular positioning detection - forces circular positioning calculation",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
-          "events": [
-            {
-              "name": "dds-opened",
-              "type": "{ void }",
-              "description": "Event fired when the accordion is opened."
-            },
+          "slots": [
             {
-              "name": "dds-closed",
-              "type": "{ void }",
-              "description": "Event fired when the accordion is closed."
+              "name": "",
+              "description": "The content of the notification badge."
             }
           ],
+          "events": [],
           "js": {
             "properties": [
               {
-                "name": "size",
-                "description": "The size of the official website banner. Default is `sm`.",
-                "type": "'sm' | 'lg'"
-              },
-              {
-                "name": "heading",
-                "description": "The heading text of the accordion, this will be used as the aria label of the heading also if ariaLabel is not provided",
-                "type": "string"
+                "name": "badgeContent",
+                "description": "The content of the badge, it can be a number or a string. Content tried to be parsed as a number, if it's not a number, it will be displayed as a string.",
+                "type": "string | number"
               },
               {
-                "name": "headingLevel",
-                "description": "The heading level of the accordion. Default is `4`.",
-                "type": "1 | 2 | 3 | 4 | 5 | 6"
+                "name": "visible",
+                "description": "This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control.",
+                "type": "boolean"
               },
               {
-                "name": "opened",
-                "description": "Whether the accordion is opened. Default is `false`.",
+                "name": "showZero",
+                "description": "This switch decides whether to show a zero value or not.",
                 "type": "boolean"
               },
               {
-                "name": "iconLocation",
-                "description": "The location of the icon. Default is `right`.",
-                "type": "'left' | 'right'"
+                "name": "type",
+                "description": "The color scheme of the badge",
+                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
               },
               {
                 "name": "variant",
-                "description": "The variant of the accordion.",
-                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
+                "description": "The variant of the badge.",
+                "type": "'round' | 'dot'"
               },
               {
-                "name": "lastItem",
-                "description": "Whether the accordion is the last item.",
-                "type": "boolean"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-opened",
-                "type": "{ void }",
-                "description": "Event fired when the accordion is opened."
+                "name": "max",
+                "description": "The cap value of badge content, if the badge content is greater than the max value, it will be displayed as `[number]+`. Zero means no cap.",
+                "type": "number"
               },
               {
-                "name": "dds-closed",
-                "type": "{ void }",
-                "description": "Event fired when the accordion is closed."
-              }
-            ]
-          }
-        },
-        {
-          "name": "dap-ds-option-group",
-          "description": "An option group is a container for grouping related option items.\nUsed with dap-ds-select to create grouped options that render as native optgroup elements.\n---\n\n\n### **Slots:**\n - _default_ - The option items in this group.\n\n### **CSS Parts:**\n - **base** - The main option group container.\n- **label** - The label of the option group.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "label",
-              "description": "The label of the option group (displayed in native optgroup).",
-              "value": { "type": "string" }
-            },
-            {
-              "name": "disabled",
-              "description": "Whether all options in the group are disabled.",
-              "value": { "type": "boolean" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The option items in this group." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
+                "name": "placement",
+                "description": "The position of the badge content around the slot content.",
+                "type": "'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"
+              },
               {
-                "name": "label",
-                "description": "The label of the option group (displayed in native optgroup).",
-                "type": "string"
+                "name": "circularAuto",
+                "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
+                "type": "boolean"
               },
               {
-                "name": "disabled",
-                "description": "Whether all options in the group are disabled.",
+                "name": "forceCircular",
+                "description": "Override circular positioning detection - forces circular positioning calculation",
                 "type": "boolean"
               }
             ],
@@ -8375,7 +8375,7 @@
         },
         {
           "name": "dap-ds-search",
-          "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the search value changes.\n- **dds-blur** - Emitted when the search loses focus.\n- **dds-focus** - Emitted when the search gains focus.\n- **dds-clear** - Emitted when the search is cleared.\n- **dds-search** - Emitted when the search input value changes.\n- **dds-input** - Emitted when typing happens in the search input.\n\n### **Slots:**\n - _default_ - The default slot for the options.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. (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-loading-spinner-color** - The color of the loading spinner. (default: var(--dds-icon-neutral-base)) _(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 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.06)) _(default: undefined)_\n- **--dds-combobox-icon-opened-transform** - The transform of the icon when the combobox is opened (default: rotate(90deg)). _(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- **--dds-combobox-chips-gap** - The gap between chips. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-chips-padding** - The padding for chips. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-chips-max-height** - The maximum height of the chips. (default: 120px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main search container.\n- **trigger** - The trigger button of the search.\n- **label** - The label of the search.\n- **description** - The description of the search.\n- **feedback** - The feedback of the search.\n- **tooltip** - The tooltip of the search.\n- **option-list** - The option list of the search.\n- **input** - The input of the search.",
+          "description": "A select is a form element that allows the user to select one option from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the search value changes.\n- **dds-blur** - Emitted when the search loses focus.\n- **dds-focus** - Emitted when the search gains focus.\n- **dds-clear** - Emitted when the search is cleared.\n- **dds-search** - Emitted when the search input value changes.\n- **dds-input** - Emitted when typing happens in the search input.\n\n### **Slots:**\n - _default_ - The default slot for the options.\n\n### **CSS Properties:**\n - **--dds-combobox-background** - The background color of the combobox. (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-loading-spinner-color** - The color of the loading spinner. (default: var(--dds-icon-neutral-base)) _(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 rgba(0, 0, 0, 0.08), 0 2px 4px -1px rgba(0, 0, 0, 0.06)) _(default: undefined)_\n- **--dds-combobox-icon-opened-transform** - The transform of the icon when the combobox is opened (default: rotate(90deg)). _(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- **--dds-combobox-chips-gap** - The gap between chips. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-chips-padding** - The padding for chips. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-combobox-chips-max-height** - The maximum height of the chips. (default: 120px) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main search container.\n- **trigger** - The trigger button of the search.\n- **search-button** - The trailing search icon button.\n- **label** - The label of the search.\n- **description** - The description of the search.\n- **feedback** - The feedback of the search.\n- **tooltip** - The tooltip of the search.\n- **option-list** - The option list of the search.\n- **input** - The input of the search.",
           "doc-url": "",
           "attributes": [],
           "slots": [
@@ -8526,6 +8526,11 @@
                 "description": "The aria label of the search button.",
                 "type": "string"
               },
+              {
+                "name": "disableSearchWhenEmpty",
+                "description": "When true, the search button is automatically disabled while the input is empty and re-enabled once the user types. Default is false.",
+                "type": "boolean"
+              },
               {
                 "name": "openOnEmpty",
                 "description": "Whether the search should open on empty results.",
@@ -10193,41 +10198,159 @@
                 "description": "Emitted when the textarea gains focus."
               },
               {
-                "name": "dds-select",
-                "type": "{ value: string }",
-                "description": "Emitted when select text in textarea."
+                "name": "dds-select",
+                "type": "{ value: string }",
+                "description": "Emitted when select text in textarea."
+              }
+            ]
+          }
+        },
+        {
+          "name": "dap-ds-timeline-item",
+          "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot for the item content."
+            }
+          ],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "dap-ds-timeline",
+          "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the timeline items.\n\n### **CSS Parts:**\n - **base** - The main timeline container.",
+          "doc-url": "",
+          "attributes": [],
+          "slots": [
+            {
+              "name": "",
+              "description": "The default slot for the timeline items."
+            }
+          ],
+          "events": [],
+          "js": { "properties": [], "events": [] }
+        },
+        {
+          "name": "dap-ds-toc",
+          "description": "A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.\n---\n\n\n### **Events:**\n - **dds-anchor-change** - Event that is triggered when the anchor changes.\n\n### **CSS Properties:**\n - **--dds-toc-border-width** - Width of the TOC border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-toc-border-color** - Color of the TOC border. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-toc-title-color** - Color of the TOC title. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-toc-title-font-size** - Font size of the TOC title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-toc-title-font-weight** - Font weight of the TOC title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-toc-title-line-height** - Line height of the TOC title. (default: 1.25) _(default: undefined)_\n- **--dds-toc-link-color** - Color of the TOC links. (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-toc-link-active-color** - Color of the active TOC link. (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-toc-link-border-color** - Border color of the active TOC link. (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-toc-link-line-height** - Line height of the TOC links. (default: 1.2) _(default: undefined)_\n- **--dds-toc-link-padding** - Padding of the TOC links. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-toc-indent-level-0** - Indent level of the TOC items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-toc-indent-level-1** - Indent level of the TOC items. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-toc-indent-level-2** - Indent level of the TOC items. (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-toc-indent-level-3** - Indent level of the TOC items. (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-toc-indent-level-4** - Indent level of the TOC items. (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-toc-indent-level-5** - Indent level of the TOC items. (default: var(--dds-spacing-2400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the toc.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "root",
+              "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
+              "value": { "type": "string", "default": "''" }
+            },
+            {
+              "name": "rootMargin",
+              "description": "The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
+              "value": { "type": "string", "default": "'0px 0px -80% 0px'" }
+            },
+            {
+              "name": "lastAnchorRootMargin",
+              "description": "The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
+              "value": { "type": "string", "default": "'0px 0px -50% 0px'" }
+            },
+            {
+              "name": "threshold",
+              "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
+              "value": { "type": "number[]", "default": "[0.1]" }
+            },
+            {
+              "name": "minHeadingLevel",
+              "description": "The minimum heading level to include in the TOC. The default value is `2`.",
+              "value": { "type": "number", "default": "2" }
+            },
+            {
+              "name": "maxHeadingLevel",
+              "description": "The maximum heading level to include in the TOC. The default value is `3`.",
+              "value": { "type": "number", "default": "3" }
+            },
+            {
+              "name": "noIndent",
+              "description": "Whether to indent the TOC items.",
+              "value": { "type": "boolean", "default": "false" }
+            },
+            {
+              "name": "header",
+              "description": "The header of the TOC.",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [
+            {
+              "name": "dds-anchor-change",
+              "type": "{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }",
+              "description": "Event that is triggered when the anchor changes."
+            }
+          ],
+          "js": {
+            "properties": [
+              {
+                "name": "root",
+                "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
+                "type": "string"
+              },
+              {
+                "name": "rootMargin",
+                "description": "The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
+                "type": "string"
+              },
+              {
+                "name": "lastAnchorRootMargin",
+                "description": "The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
+                "type": "string"
+              },
+              {
+                "name": "threshold",
+                "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
+                "type": "number[]"
+              },
+              {
+                "name": "minHeadingLevel",
+                "description": "The minimum heading level to include in the TOC. The default value is `2`.",
+                "type": "number"
+              },
+              {
+                "name": "maxHeadingLevel",
+                "description": "The maximum heading level to include in the TOC. The default value is `3`.",
+                "type": "number"
+              },
+              {
+                "name": "noIndent",
+                "description": "Whether to indent the TOC items.",
+                "type": "boolean"
+              },
+              {
+                "name": "header",
+                "description": "The header of the TOC.",
+                "type": "string"
+              },
+              { "name": "activeAnchor" },
+              { "name": "anchors" },
+              { "name": "items" },
+              {
+                "name": "size",
+                "description": "The size of the TOC. Default is `lg.",
+                "type": "'xs' | 'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
+              }
+            ],
+            "events": [
+              {
+                "name": "dds-anchor-change",
+                "type": "{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }",
+                "description": "Event that is triggered when the anchor changes."
               }
             ]
           }
         },
-        {
-          "name": "dap-ds-timeline-item",
-          "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the item content.\n\n### **CSS Properties:**\n - **--dds-timeline-position** - Position of the timeline dot (default: 28px) _(default: undefined)_\n- **--dds-timeline-connector-width** - Width of the timeline connector line (default: 1px) _(default: undefined)_\n- **--dds-timeline-connector-left-position** - Left position of the timeline connector (default: 5.5px) _(default: undefined)_\n- **--dds-timeline-dot-size** - Size of the timeline dot (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-timeline-item-margin-bottom** - Bottom margin of timeline items (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-timeline-item-padding-left** - Left padding of timeline items (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main timeline item container.\n- **connector** - The connector element between two timeline items.\n- **content** - The content of the timeline item.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot for the item content."
-            }
-          ],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
-        {
-          "name": "dap-ds-timeline",
-          "description": "A timeline is a graphical representation of a series of events.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the timeline items.\n\n### **CSS Parts:**\n - **base** - The main timeline container.",
-          "doc-url": "",
-          "attributes": [],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot for the timeline items."
-            }
-          ],
-          "events": [],
-          "js": { "properties": [], "events": [] }
-        },
         {
           "name": "dap-ds-time-grid",
           "description": "A time grid component that allows users to select hours and minutes in two side-by-side scrollable columns.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when time selection changes.\n- **dds-close** - Fired when the time grid should close.\n\n### **CSS Properties:**\n - **--dds-time-grid-gap** - The gap between time sections (default: var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-time-grid-padding** - The padding around the time grid (default: var(--dds-spacing-0)). _(default: undefined)_\n- **--dds-time-grid-column-gap** - The gap between time buttons in columns (default: var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-time-grid-border-radius** - The border radius of the time grid (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-time-grid-background** - The background color of the time grid (default: var(--dds-background-neutral-subtle)). _(default: undefined)_\n- **--dds-time-grid-transition** - The transition timing for the time grid (default: all 0.2s ease-in-out). _(default: undefined)_\n- **--dds-time-grid-max-width** - The maximum width of the time grid (default: 400px). _(default: undefined)_\n- **--dds-time-grid-column-max-height** - The maximum height of time columns (default: 240px). _(default: undefined)_\n\n### **CSS Parts:**\n - **time-grid** - The main time grid container.\n- **hour-section** - The hour selection section.\n- **minute-section** - The minute selection section.\n- **time-button** - Individual time selection buttons.\n- **time-button-base** - The base part of the time button.\n- **time-button-content** - The content part of the time button.\n- **time-button-high-contrast** - The high contrast part of the time button.\n- **section-header-title** - The title of the section header.\n- **section-header-divider** - The divider between the section header and the time buttons.\n- **time-column** - The time column container.",
@@ -10813,124 +10936,6 @@
             ]
           }
         },
-        {
-          "name": "dap-ds-toc",
-          "description": "A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.\n---\n\n\n### **Events:**\n - **dds-anchor-change** - Event that is triggered when the anchor changes.\n\n### **CSS Properties:**\n - **--dds-toc-border-width** - Width of the TOC border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-toc-border-color** - Color of the TOC border. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-toc-title-color** - Color of the TOC title. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-toc-title-font-size** - Font size of the TOC title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-toc-title-font-weight** - Font weight of the TOC title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-toc-title-line-height** - Line height of the TOC title. (default: 1.25) _(default: undefined)_\n- **--dds-toc-link-color** - Color of the TOC links. (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-toc-link-active-color** - Color of the active TOC link. (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-toc-link-border-color** - Border color of the active TOC link. (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-toc-link-line-height** - Line height of the TOC links. (default: 1.2) _(default: undefined)_\n- **--dds-toc-link-padding** - Padding of the TOC links. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-toc-indent-level-0** - Indent level of the TOC items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-toc-indent-level-1** - Indent level of the TOC items. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-toc-indent-level-2** - Indent level of the TOC items. (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-toc-indent-level-3** - Indent level of the TOC items. (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-toc-indent-level-4** - Indent level of the TOC items. (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-toc-indent-level-5** - Indent level of the TOC items. (default: var(--dds-spacing-2400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the toc.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "root",
-              "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
-              "value": { "type": "string", "default": "''" }
-            },
-            {
-              "name": "rootMargin",
-              "description": "The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
-              "value": { "type": "string", "default": "'0px 0px -80% 0px'" }
-            },
-            {
-              "name": "lastAnchorRootMargin",
-              "description": "The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
-              "value": { "type": "string", "default": "'0px 0px -50% 0px'" }
-            },
-            {
-              "name": "threshold",
-              "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
-              "value": { "type": "number[]", "default": "[0.1]" }
-            },
-            {
-              "name": "minHeadingLevel",
-              "description": "The minimum heading level to include in the TOC. The default value is `2`.",
-              "value": { "type": "number", "default": "2" }
-            },
-            {
-              "name": "maxHeadingLevel",
-              "description": "The maximum heading level to include in the TOC. The default value is `3`.",
-              "value": { "type": "number", "default": "3" }
-            },
-            {
-              "name": "noIndent",
-              "description": "Whether to indent the TOC items.",
-              "value": { "type": "boolean", "default": "false" }
-            },
-            {
-              "name": "header",
-              "description": "The header of the TOC.",
-              "value": { "type": "string" }
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-anchor-change",
-              "type": "{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }",
-              "description": "Event that is triggered when the anchor changes."
-            }
-          ],
-          "js": {
-            "properties": [
-              {
-                "name": "root",
-                "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
-                "type": "string"
-              },
-              {
-                "name": "rootMargin",
-                "description": "The margin around the root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
-                "type": "string"
-              },
-              {
-                "name": "lastAnchorRootMargin",
-                "description": "The margin around the last anchor to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#rootmargin)",
-                "type": "string"
-              },
-              {
-                "name": "threshold",
-                "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
-                "type": "number[]"
-              },
-              {
-                "name": "minHeadingLevel",
-                "description": "The minimum heading level to include in the TOC. The default value is `2`.",
-                "type": "number"
-              },
-              {
-                "name": "maxHeadingLevel",
-                "description": "The maximum heading level to include in the TOC. The default value is `3`.",
-                "type": "number"
-              },
-              {
-                "name": "noIndent",
-                "description": "Whether to indent the TOC items.",
-                "type": "boolean"
-              },
-              {
-                "name": "header",
-                "description": "The header of the TOC.",
-                "type": "string"
-              },
-              { "name": "activeAnchor" },
-              { "name": "anchors" },
-              { "name": "items" },
-              {
-                "name": "size",
-                "description": "The size of the TOC. Default is `lg.",
-                "type": "'xs' | 'sm' | 'md' | 'lg'"
-              },
-              {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              }
-            ],
-            "events": [
-              {
-                "name": "dds-anchor-change",
-                "type": "{ selectedItem: HTMLAnchorElement, anchorElement: IntersectionObserverEntry | HTMLElement }",
-                "description": "Event that is triggered when the anchor changes."
-              }
-            ]
-          }
-        },
         {
           "name": "dap-ds-toggle-button",
           "description": "A toggle button is a button that can be toggled on (active) or off (inactive).\n---\n\n\n### **Slots:**\n - _default_ - The content of the toggle button.\n\n### **CSS Properties:**\n - **--dds-toggle-button-min-width-lg** - Minimum width of the large toggle button (default: var(--dds-spacing-2400)) _(default: undefined)_\n- **--dds-toggle-button-min-width-md** - Minimum width of the medium toggle button (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-toggle-button-min-width-sm** - Minimum width of the small toggle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-toggle-button-min-width-xs** - Minimum width of the extra small toggle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-toggle-button-height-lg** - Height of the large toggle button (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-toggle-button-height-md** - Height of the medium toggle button (default: var(--dds-spacing-1000)) _(default: undefined)_\n- **--dds-toggle-button-height-sm** - Height of the small toggle button (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-toggle-button-height-xs** - Height of the extra small toggle button (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-toggle-button-padding-lg** - Padding of the large toggle button (default: var(--dds-spacing-300) var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-toggle-button-padding-md** - Padding of the medium toggle button (default: var(--dds-spacing-300)) _(default: undefined)_\n- **--dds-toggle-button-padding-sm** - Padding of the small toggle button (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-toggle-button-padding-xs** - Padding of the extra small toggle button (default: var(--dds-spacing-150) var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-toggle-button-font-size-lg** - Font size of the large toggle button (default: 1.125rem) _(default: undefined)_\n- **--dds-toggle-button-font-size-md** - Font size of the medium toggle button (default: 1rem) _(default: undefined)_\n- **--dds-toggle-button-font-size-sm** - Font size of the small toggle button (default: 0.875rem) _(default: undefined)_\n- **--dds-toggle-button-font-size-xs** - Font size of the extra small toggle button (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-toggle-button-border-enabled** - Border color in enabled state (default: var(--dds-button-toggle-border-enabled)) _(default: undefined)_\n- **--dds-toggle-button-background-enabled** - Background color in enabled state (default: var(--dds-button-toggle-background-enabled)) _(default: undefined)_\n- **--dds-toggle-button-content-enabled** - Content/text color in enabled state (default: var(--dds-button-toggle-content-enabled)) _(default: undefined)_\n- **--dds-toggle-button-border-hover** - Border color in hover state (default: var(--dds-button-toggle-border-hover)) _(default: undefined)_\n- **--dds-toggle-button-background-hover** - Background color in hover state (default: var(--dds-button-toggle-background-hover)) _(default: undefined)_\n- **--dds-toggle-button-border-pressed** - Border color in pressed state (default: var(--dds-button-toggle-border-pressed)) _(default: undefined)_\n- **--dds-toggle-button-background-pressed** - Background color in pressed state (default: var(--dds-button-toggle-background-pressed)) _(default: undefined)_\n- **--dds-toggle-button-background-selected-enabled** - Background color in selected enabled state (default: var(--dds-button-toggle-background-selected-enabled)) _(default: undefined)_\n- **--dds-toggle-button-content-selected-enabled** - Content/text color in selected enabled state (default: var(--dds-button-toggle-content-selected-enabled)) _(default: undefined)_\n- **--dds-toggle-button-background-selected-hover** - Background color in selected hover state (default: var(--dds-button-toggle-background-selected-hover)) _(default: undefined)_\n- **--dds-toggle-button-background-selected-pressed** - Background color in selected pressed state (default: var(--dds-button-toggle-background-selected-pressed)) _(default: undefined)_\n- **--dds-toggle-button-border-disabled** - Border color in disabled state (default: var(--dds-button-toggle-border-disabled)) _(default: undefined)_\n- **--dds-toggle-button-background-disabled** - Background color in disabled state (default: var(--dds-button-toggle-background-disabled)) _(default: undefined)_\n- **--dds-toggle-button-content-disabled** - Content/text color in disabled state (default: var(--dds-button-toggle-content-disabled)) _(default: undefined)_\n- **--dds-toggle-button-highcontrast-border** - High contrast border color (default: var(--dds-button-toggle-highcontrast-border)) _(default: undefined)_\n- **--dds-toggle-button-highcontrast-border-hover** - High contrast border color on hover (default: var(--dds-button-toggle-highcontrast-border-hover)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main button container.\n- **high-contrast** - The high contrast part of the button.",
@@ -13545,7 +13550,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-add-line",
+          "name": "dap-ds-icon-account-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13598,7 +13603,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-fill",
+          "name": "dap-ds-icon-account-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13651,7 +13656,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-line",
+          "name": "dap-ds-icon-user-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13704,7 +13709,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line",
+          "name": "dap-ds-icon-user-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13757,7 +13762,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line2",
+          "name": "dap-ds-icon-add-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13810,7 +13815,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill",
+          "name": "dap-ds-icon-alert-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13863,7 +13868,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
+          "name": "dap-ds-icon-alert-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13916,7 +13921,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-line",
+          "name": "dap-ds-icon-check-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13969,7 +13974,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-fill",
+          "name": "dap-ds-icon-check-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14022,7 +14027,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-line",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14075,7 +14080,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-fill",
+          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14128,7 +14133,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-line",
+          "name": "dap-ds-icon-checkbox-blank-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14181,7 +14186,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-fill",
+          "name": "dap-ds-icon-checkbox-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14234,7 +14239,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-line",
+          "name": "dap-ds-icon-checkbox-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14287,7 +14292,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-delete-bin-fill",
+          "name": "dap-ds-icon-close-circle-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14340,7 +14345,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-delete-bin-line",
+          "name": "dap-ds-icon-close-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14393,7 +14398,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-download-line",
+          "name": "dap-ds-icon-close-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14446,7 +14451,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-fill",
+          "name": "dap-ds-icon-close-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14499,7 +14504,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-line",
+          "name": "dap-ds-icon-delete-bin-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14552,7 +14557,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-external-link-line",
+          "name": "dap-ds-icon-delete-bin-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14605,7 +14610,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-line",
+          "name": "dap-ds-icon-download-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14658,7 +14663,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-off-line",
+          "name": "dap-ds-icon-error-warning-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14711,7 +14716,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-forbid-fill",
+          "name": "dap-ds-icon-error-warning-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14764,7 +14769,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-2-fill",
+          "name": "dap-ds-icon-external-link-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14817,7 +14822,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-fill",
+          "name": "dap-ds-icon-eye-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14870,7 +14875,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-line",
+          "name": "dap-ds-icon-eye-off-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14923,7 +14928,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lightbulb-fill",
+          "name": "dap-ds-icon-forbid-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14976,7 +14981,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-loading-spinner",
+          "name": "dap-ds-icon-information-2-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15029,7 +15034,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-fill",
+          "name": "dap-ds-icon-information-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15082,7 +15087,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-line",
+          "name": "dap-ds-icon-information-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15135,7 +15140,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line",
+          "name": "dap-ds-icon-lightbulb-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15188,7 +15193,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line-s",
+          "name": "dap-ds-icon-loading-spinner",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15241,7 +15246,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-more-2-line",
+          "name": "dap-ds-icon-lock-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15294,7 +15299,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-more-line",
+          "name": "dap-ds-icon-lock-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15347,7 +15352,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-search-line",
+          "name": "dap-ds-icon-menu-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15400,7 +15405,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-share-line",
+          "name": "dap-ds-icon-menu-line-s",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15453,7 +15458,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-shield-check-fill",
+          "name": "dap-ds-icon-more-2-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15506,7 +15511,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-shield-check-line",
+          "name": "dap-ds-icon-more-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15559,7 +15564,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-star-fill",
+          "name": "dap-ds-icon-search-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15612,7 +15617,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line",
+          "name": "dap-ds-icon-share-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15665,7 +15670,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line2",
+          "name": "dap-ds-icon-shield-check-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15718,7 +15723,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-fill",
+          "name": "dap-ds-icon-shield-check-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15771,7 +15776,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-line",
+          "name": "dap-ds-icon-star-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15824,7 +15829,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-fill",
+          "name": "dap-ds-icon-subtract-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15877,7 +15882,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-line",
+          "name": "dap-ds-icon-subtract-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15930,7 +15935,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-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": [
@@ -15983,7 +15988,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-zoom-in-line",
+          "name": "dap-ds-icon-time-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -16036,7 +16041,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-zoom-out-line",
+          "name": "dap-ds-icon-upload-2-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -16089,7 +16094,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-account-circle-fill",
+          "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": [
@@ -16142,7 +16147,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-account-circle-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": [
@@ -16195,7 +16200,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-user-fill",
+          "name": "dap-ds-icon-zoom-in-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -16248,7 +16253,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-user-line",
+          "name": "dap-ds-icon-zoom-out-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [