npm - dap-design-system - Versions diffs - 0.60.2 → 0.61.0 - Mend

dap-design-system 0.60.2 → 0.61.0

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

Files changed (1943) hide show

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

@@ -270,6 +270,33 @@
             ]
           }
         },
+        {
+          "name": "dap-ds-anchor-heading",
+          "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "variant",
+              "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+              "value": { "type": "HeadingVariant" }
+            },
+            {
+              "name": "label",
+              "description": "The label of the heading.",
+              "value": { "type": "string" }
+            }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              { "name": "variant", "type": "HeadingVariant" },
+              { "name": "label", "type": "string" },
+              { "name": "elementId" },
+              { "name": "anchorTitle" }
+            ],
+            "events": []
+          }
+        },
         {
           "name": "dap-ds-accordion-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.",
@@ -309,33 +336,6 @@
             "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.",
@@ -1023,168 +1023,270 @@
           }
         },
         {
-          "name": "dap-ds-card-actions",
-          "description": "A card actions is a container for actions in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card actions.\n\n### **CSS Properties:**\n - **--dds-card-actions-gap** - The gap between items in the card actions. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-card-actions-padding-lg** - The padding for large size card actions. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-padding-md** - The padding for medium size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-padding-sm** - The padding for small size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-lg** - The margin for large size card actions spacing. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-margin-md** - The margin for medium size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-sm** - The margin for small size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card actions container.",
+          "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": [],
+          "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 card actions." }
+            { "name": "", "description": "The content of the calendar cell." }
           ],
           "events": [],
           "js": {
             "properties": [
               {
-                "name": "spacing",
-                "description": "The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`.",
-                "type": "'top' | 'bottom' | 'both' | 'none'"
+                "name": "value",
+                "description": "The value of the calendar cell.",
+                "type": "Dayjs"
               },
-              { "name": "parentSized", "type": "string" },
               {
-                "name": "size",
-                "description": "The size of the card actions. Default is `sm`.",
-                "type": "'sm' | 'md' | 'lg'"
+                "name": "selected",
+                "description": "Whether the calendar cell is selected.",
+                "type": "boolean"
               },
               {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              }
-            ],
-            "events": []
-          }
-        },
-        {
-          "name": "dap-ds-card-content",
-          "description": "A card content is a container for content in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card-content.\n\n### **CSS Properties:**\n - **--dds-card-content-padding** - The padding of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-margin** - The margin of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-font-size** - The font size of the card content. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-card-content-line-height** - The line height of the card content. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-card-content-spacing-lg** - The large spacing value. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-content-spacing-md** - The medium spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-sm** - The small spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-top** - The top spacing value. (default: 0) _(default: undefined)_\n- **--dds-card-content-spacing-bottom** - The bottom spacing value. (default: 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card content container.",
-          "doc-url": "",
-          "attributes": [
-            {
-              "name": "renderAs",
-              "description": "The base rendered root tag of the card content.",
-              "value": { "type": "string", "default": "'div'" }
-            }
-          ],
-          "slots": [
-            { "name": "", "description": "The content of the card-content." }
-          ],
-          "events": [],
-          "js": {
-            "properties": [
+                "name": "disabledDay",
+                "description": "Whether the calendar cell is disabled.",
+                "type": "boolean"
+              },
               {
-                "name": "renderAs",
-                "description": "The base rendered root tag of the card content.",
-                "type": "string"
+                "name": "today",
+                "description": "Whether the calendar cell is today.",
+                "type": "boolean"
               },
               {
-                "name": "spacing",
-                "description": "The spacing of the card content. This adds a margin to the card subtitle. Default is `bottom`.",
-                "type": "'top' | 'bottom' | 'both' | 'none'"
+                "name": "outOfRange",
+                "description": "Whether the calendar cell is out of range.",
+                "type": "boolean"
               },
-              { "name": "parentSized", "type": "string" },
               {
-                "name": "size",
-                "description": "The size of the card subtitle. Default is `sm`.",
-                "type": "'sm' | 'md' | 'lg'"
+                "name": "header",
+                "description": "Whether the calendar cell is a date header.",
+                "type": "boolean"
               },
               {
-                "name": "sizeMap",
-                "description": "Responsive size map (e.g. \"md:lg\").",
-                "type": "string"
-              }
+                "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-card-image",
-          "description": "A card image is a container for images in a card.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the image. The slot can accept any element, for example a video. If nothing is added to the slot, the image will be rendered.\n\n### **CSS Properties:**\n - **--dds-card-image-width** - The width of the image. (default: 100%) _(default: undefined)_\n- **--dds-card-image-height** - The height of the image. (default: auto) _(default: undefined)_\n- **--dds-card-image-object-fit** - How the image fits within its container. (default: cover) _(default: undefined)_\n- **--dds-card-image-background-position** - The background position of the image. (default: center) _(default: undefined)_\n- **--dds-card-image-background-size** - How the background image is sized. (default: cover) _(default: undefined)_\n- **--dds-card-image-background-repeat** - How the background image repeats. (default: no-repeat) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card image 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": "src",
-              "description": "The source of the image.",
-              "value": { "type": "string" }
+              "name": "mode",
+              "description": "The mode of the calendar - single date or range selection.",
+              "value": { "type": "'single' | 'range'", "default": "'single'" }
             },
             {
-              "name": "alt",
-              "description": "The alt text of the image.",
-              "value": { "type": "string" }
+              "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": "width",
-              "description": "The width of the image.",
-              "value": { "type": "number" }
+              "name": "locale",
+              "description": "The locale of the calendar.",
+              "value": {
+                "type": "'hu' | 'en' | 'de'",
+                "default": "dayjs.locale()"
+              }
             },
             {
-              "name": "height",
-              "description": "The height of the image.",
-              "value": { "type": "number" }
+              "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": "",
-              "description": "The default slot for the image. The slot can accept any element, for example a video. If nothing is added to the slot, the image will be rendered."
+              "name": "dds-change",
+              "type": "{ value: Dayjs }",
+              "description": "Fired when the calendar value changes."
             }
           ],
-          "events": [],
           "js": {
             "properties": [
               {
-                "name": "src",
-                "description": "The source of the image.",
-                "type": "string"
-              },
+                "name": "mode",
+                "description": "The mode of the calendar - single date or range selection.",
+                "type": "'single' | 'range'"
+              },
               {
-                "name": "alt",
-                "description": "The alt text of the image.",
+                "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": "width",
-                "description": "The width of the image.",
-                "type": "number"
+                "name": "nextButtonTestId",
+                "description": "`data-testid` for the next-month button.",
+                "type": "string"
               },
+              { "name": "startDate" },
+              { "name": "endDate" },
+              { "name": "shouldHideAdjacentMonths" }
+            ],
+            "events": [
               {
-                "name": "height",
-                "description": "The height of the image.",
-                "type": "number"
+                "name": "dds-change",
+                "type": "{ value: Dayjs }",
+                "description": "Fired when the calendar value changes."
               }
-            ],
-            "events": []
+            ]
           }
         },
         {
-          "name": "dap-ds-card-subtitle",
-          "description": "Subtitle of the card\n---\n\n\n### **Slots:**\n - _default_ - The content of the subtitle.\n\n### **CSS Properties:**\n - **--dds-card-subtitle-color** - The color of the subtitle text. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-card-subtitle-font-size** - The font size of the subtitle. (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-card-subtitle-font-weight** - The font weight of the subtitle. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-card-subtitle-line-height** - The line height of the subtitle. (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-card-subtitle-padding-sm** - The padding for small size. (default: 0 var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-padding-md** - The padding for medium size. (default: 0 var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-padding-lg** - The padding for large size. (default: 0 var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-margin-sm** - The base margin for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-margin-md** - The base margin for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-margin-lg** - The base margin for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-top-sm** - The top spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-top-md** - The top spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-top-lg** - The top spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-bottom-sm** - The bottom spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-bottom-md** - The bottom spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-bottom-lg** - The bottom spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-both-sm** - The both (top and bottom) spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-both-md** - The both (top and bottom) spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-both-lg** - The both (top and bottom) spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The subtitle container.",
+          "name": "dap-ds-card-actions",
+          "description": "A card actions is a container for actions in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card actions.\n\n### **CSS Properties:**\n - **--dds-card-actions-gap** - The gap between items in the card actions. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-card-actions-padding-lg** - The padding for large size card actions. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-padding-md** - The padding for medium size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-padding-sm** - The padding for small size card actions. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-lg** - The margin for large size card actions spacing. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-actions-margin-md** - The margin for medium size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-actions-margin-sm** - The margin for small size card actions spacing. (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card actions container.",
           "doc-url": "",
-          "attributes": [
-            {
-              "name": "renderAs",
-              "description": "The base rendered root tag of the card subtitle.",
-              "value": { "type": "string", "default": "'span'" }
-            }
-          ],
+          "attributes": [],
           "slots": [
-            { "name": "", "description": "The content of the subtitle." }
+            { "name": "", "description": "The content of the card actions." }
           ],
           "events": [],
           "js": {
             "properties": [
-              {
-                "name": "renderAs",
-                "description": "The base rendered root tag of the card subtitle.",
-                "type": "string"
-              },
               {
                 "name": "spacing",
-                "description": "The spacing of the card subtitle. This adds a margin to the card subtitle. Default is `top`.",
+                "description": "The spacing of the card actions. This adds a margin to the card actions. Default is `bottom`.",
                 "type": "'top' | 'bottom' | 'both' | 'none'"
               },
               { "name": "parentSized", "type": "string" },
               {
                 "name": "size",
-                "description": "The size of the card subtitle. Default is `sm`.",
+                "description": "The size of the card actions. Default is `sm`.",
                 "type": "'sm' | 'md' | 'lg'"
               },
               {
@@ -1197,156 +1299,137 @@
           }
         },
         {
-          "name": "dap-ds-card-title",
-          "description": "Title of the card\n---\n\n\n### **Slots:**\n - _default_ - The content of the title.\n\n### **CSS Properties:**\n - **--dds-card-title-color** - The text color of the card title. (default: var(--dds-color-text-primary)) _(default: undefined)_\n- **--dds-card-title-font-weight** - The font weight of the card title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-card-title-line-height** - The line height of the card title. (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-card-title-margin-bottom** - The bottom margin of the card title. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-sm-padding-x** - The horizontal padding for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-sm-padding-bottom** - The bottom padding for small size. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-sm-spacing-top** - The top spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-sm-spacing-bottom** - The bottom spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-md-padding-x** - The horizontal padding for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-md-padding-bottom** - The bottom padding for medium size. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-md-spacing-top** - The top spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-md-spacing-bottom** - The bottom spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-lg-padding-x** - The horizontal padding for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-title-lg-padding-bottom** - The bottom padding for large size. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-lg-spacing-top** - The top spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-title-lg-spacing-bottom** - The bottom spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card title container.",
+          "name": "dap-ds-card-content",
+          "description": "A card content is a container for content in a card.\n---\n\n\n### **Slots:**\n - _default_ - The content of the card-content.\n\n### **CSS Properties:**\n - **--dds-card-content-padding** - The padding of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-margin** - The margin of the card content. (default: 0) _(default: undefined)_\n- **--dds-card-content-font-size** - The font size of the card content. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-card-content-line-height** - The line height of the card content. (default: var(--dds-font-line-height-xlarge)) _(default: undefined)_\n- **--dds-card-content-spacing-lg** - The large spacing value. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-content-spacing-md** - The medium spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-sm** - The small spacing value. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-content-spacing-top** - The top spacing value. (default: 0) _(default: undefined)_\n- **--dds-card-content-spacing-bottom** - The bottom spacing value. (default: 0) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card content container.",
           "doc-url": "",
           "attributes": [
             {
               "name": "renderAs",
-              "description": "The base rendered root tag of the card title.",
-              "value": { "type": "string", "default": "'span'" }
-            },
-            {
-              "name": "noPadding",
-              "description": "Whether the card title should have no padding.",
-              "value": { "type": "boolean" }
+              "description": "The base rendered root tag of the card content.",
+              "value": { "type": "string", "default": "'div'" }
             }
           ],
-          "slots": [{ "name": "", "description": "The content of the title." }],
+          "slots": [
+            { "name": "", "description": "The content of the card-content." }
+          ],
           "events": [],
           "js": {
             "properties": [
               {
                 "name": "renderAs",
-                "description": "The base rendered root tag of the card title.",
+                "description": "The base rendered root tag of the card content.",
                 "type": "string"
               },
-              {
-                "name": "noPadding",
-                "description": "Whether the card title should have no padding.",
-                "type": "boolean"
-              },
               {
                 "name": "spacing",
-                "description": "The spacing of the card title. This adds a margin to the card title. Default is `top`.",
+                "description": "The spacing of the card content. This adds a margin to the card subtitle. Default is `bottom`.",
                 "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'"
+                "description": "The size of the card subtitle. Default is `sm`.",
+                "type": "'sm' | 'md' | 'lg'"
+              },
+              {
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
               }
             ],
             "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-card-image",
+          "description": "A card image is a container for images in a card.\n---\n\n\n### **Slots:**\n - _default_ - The default slot for the image. The slot can accept any element, for example a video. If nothing is added to the slot, the image will be rendered.\n\n### **CSS Properties:**\n - **--dds-card-image-width** - The width of the image. (default: 100%) _(default: undefined)_\n- **--dds-card-image-height** - The height of the image. (default: auto) _(default: undefined)_\n- **--dds-card-image-object-fit** - How the image fits within its container. (default: cover) _(default: undefined)_\n- **--dds-card-image-background-position** - The background position of the image. (default: center) _(default: undefined)_\n- **--dds-card-image-background-size** - How the background image is sized. (default: cover) _(default: undefined)_\n- **--dds-card-image-background-repeat** - How the background image repeats. (default: no-repeat) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card image 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": "src",
+              "description": "The source of the image.",
+              "value": { "type": "string" }
             },
             {
-              "name": "targetBlankText",
-              "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
+              "name": "alt",
+              "description": "The alt text of the image.",
               "value": { "type": "string" }
             },
             {
-              "name": "target",
-              "description": "The link target of the card",
-              "value": {
-                "type": "'_blank' | '_self' | '_parent' | '_top'",
-                "default": "'_self'"
-              }
+              "name": "width",
+              "description": "The width of the image.",
+              "value": { "type": "number" }
             },
             {
-              "name": "href",
-              "description": "The URL of the card.",
-              "value": { "type": "string" }
-            },
+              "name": "height",
+              "description": "The height of the image.",
+              "value": { "type": "number" }
+            }
+          ],
+          "slots": [
             {
-              "name": "rel",
-              "description": "The rel of the card link.",
-              "value": { "type": "string", "default": "'noreferrer noopener'" }
+              "name": "",
+              "description": "The default slot for the image. The slot can accept any element, for example a video. If nothing is added to the slot, the image will be rendered."
             }
           ],
-          "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": "src",
+                "description": "The source of the image.",
+                "type": "string"
               },
               {
-                "name": "targetBlankText",
-                "description": "The text for the target blank link, applicable when target is _blank. PRO TIP: Use parenthesis to wrap the text",
+                "name": "alt",
+                "description": "The alt text of the image.",
                 "type": "string"
               },
               {
-                "name": "target",
-                "description": "The link target of the card",
-                "type": "'_blank' | '_self' | '_parent' | '_top'"
+                "name": "width",
+                "description": "The width of the image.",
+                "type": "number"
               },
               {
-                "name": "href",
-                "description": "The URL of the card.",
+                "name": "height",
+                "description": "The height of the image.",
+                "type": "number"
+              }
+            ],
+            "events": []
+          }
+        },
+        {
+          "name": "dap-ds-card-subtitle",
+          "description": "Subtitle of the card\n---\n\n\n### **Slots:**\n - _default_ - The content of the subtitle.\n\n### **CSS Properties:**\n - **--dds-card-subtitle-color** - The color of the subtitle text. (default: var(--dds-text-neutral-subtle)) _(default: undefined)_\n- **--dds-card-subtitle-font-size** - The font size of the subtitle. (default: var(--dds-font-xs)) _(default: undefined)_\n- **--dds-card-subtitle-font-weight** - The font weight of the subtitle. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-card-subtitle-line-height** - The line height of the subtitle. (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-card-subtitle-padding-sm** - The padding for small size. (default: 0 var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-padding-md** - The padding for medium size. (default: 0 var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-padding-lg** - The padding for large size. (default: 0 var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-margin-sm** - The base margin for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-margin-md** - The base margin for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-margin-lg** - The base margin for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-top-sm** - The top spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-top-md** - The top spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-top-lg** - The top spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-bottom-sm** - The bottom spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-bottom-md** - The bottom spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-bottom-lg** - The bottom spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-both-sm** - The both (top and bottom) spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-both-md** - The both (top and bottom) spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-subtitle-spacing-both-lg** - The both (top and bottom) spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The subtitle container.",
+          "doc-url": "",
+          "attributes": [
+            {
+              "name": "renderAs",
+              "description": "The base rendered root tag of the card subtitle.",
+              "value": { "type": "string", "default": "'span'" }
+            }
+          ],
+          "slots": [
+            { "name": "", "description": "The content of the subtitle." }
+          ],
+          "events": [],
+          "js": {
+            "properties": [
+              {
+                "name": "renderAs",
+                "description": "The base rendered root tag of the card subtitle.",
                 "type": "string"
               },
               {
-                "name": "rel",
-                "description": "The rel of the card link.",
-                "type": "string"
+                "name": "spacing",
+                "description": "The spacing of the card subtitle. This adds a margin to the card subtitle. Default is `top`.",
+                "type": "'top' | 'bottom' | 'both' | 'none'"
               },
+              { "name": "parentSized", "type": "string" },
               {
                 "name": "size",
-                "description": "The size of the card. Default is `sm`.",
+                "description": "The size of the card subtitle. Default is `sm`.",
                 "type": "'sm' | 'md' | 'lg'"
               },
               {
@@ -1359,248 +1442,165 @@
           }
         },
         {
-          "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-card-title",
+          "description": "Title of the card\n---\n\n\n### **Slots:**\n - _default_ - The content of the title.\n\n### **CSS Properties:**\n - **--dds-card-title-color** - The text color of the card title. (default: var(--dds-color-text-primary)) _(default: undefined)_\n- **--dds-card-title-font-weight** - The font weight of the card title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-card-title-line-height** - The line height of the card title. (default: var(--dds-font-line-height-large)) _(default: undefined)_\n- **--dds-card-title-margin-bottom** - The bottom margin of the card title. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-sm-padding-x** - The horizontal padding for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-sm-padding-bottom** - The bottom padding for small size. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-sm-spacing-top** - The top spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-sm-spacing-bottom** - The bottom spacing for small size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-md-padding-x** - The horizontal padding for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-md-padding-bottom** - The bottom padding for medium size. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-md-spacing-top** - The top spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-md-spacing-bottom** - The bottom spacing for medium size. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-card-title-lg-padding-x** - The horizontal padding for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-title-lg-padding-bottom** - The bottom padding for large size. (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-card-title-lg-spacing-top** - The top spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n- **--dds-card-title-lg-spacing-bottom** - The bottom spacing for large size. (default: var(--dds-spacing-600)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main card title container.",
           "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": "renderAs",
+              "description": "The base rendered root tag of the card title.",
+              "value": { "type": "string", "default": "'span'" }
             },
             {
-              "name": "locale",
-              "description": "The locale of the calendar cell.",
-              "value": {
-                "type": "'hu' | 'en' | 'de'",
-                "default": "dayjs.locale()"
-              }
+              "name": "noPadding",
+              "description": "Whether the card title should have no padding.",
+              "value": { "type": "boolean" }
             }
           ],
-          "slots": [
-            { "name": "", "description": "The content of the calendar cell." }
-          ],
+          "slots": [{ "name": "", "description": "The content of the title." }],
           "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": "renderAs",
+                "description": "The base rendered root tag of the card title.",
+                "type": "string"
               },
               {
-                "name": "inrange",
-                "description": "Whether the calendar cell is in the middle of a range.",
+                "name": "noPadding",
+                "description": "Whether the card title should have no padding.",
                 "type": "boolean"
               },
               {
-                "name": "locale",
-                "description": "The locale of the calendar cell.",
-                "type": "'hu' | 'en' | 'de'"
+                "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": "label", "type": "string" },
-              { "name": "focusElement", "type": "HTMLElement" }
+              { "name": "parentSized", "type": "string" },
+              {
+                "name": "size",
+                "description": "The size of the card title. Default is `sm`.",
+                "type": "'sm' |'md' | 'lg'"
+              }
             ],
             "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.",
+          "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": "mode",
-              "description": "The mode of the calendar - single date or range selection.",
-              "value": { "type": "'single' | 'range'", "default": "'single'" }
+              "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": "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.",
+              "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": "locale",
-              "description": "The locale of the calendar.",
+              "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": "'hu' | 'en' | 'de'",
-                "default": "dayjs.locale()"
+                "type": "'_blank' | '_self' | '_parent' | '_top'",
+                "default": "'_self'"
               }
             },
             {
-              "name": "prevButtonTestId",
-              "description": "`data-testid` for the previous-month button.",
-              "value": { "type": "string", "default": "'calendar-prev-button'" }
+              "name": "href",
+              "description": "The URL of the card.",
+              "value": { "type": "string" }
             },
             {
-              "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."
+              "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": "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.",
+                "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": "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": "renderAs",
+                "description": "The render as type of the card, only applicable when interactive.",
+                "type": "'a' | 'button'"
               },
               {
-                "name": "rangeEnd",
-                "description": "The end date of the range selection (only used in range mode).",
-                "type": "Dayjs"
+                "name": "disabled",
+                "description": "Whether the card is disabled.",
+                "type": "boolean"
               },
               {
-                "name": "currentDate",
-                "description": "The current visible date of the calendar. Only the month and year are considered.",
-                "type": "Dayjs"
+                "name": "noBorder",
+                "description": "Removes the border around the card",
+                "type": "boolean"
               },
               {
-                "name": "minDate",
-                "description": "The minimum date of the calendar. Only the month and year are considered.",
-                "type": "Dayjs"
+                "name": "noPadding",
+                "description": "Removes the padding around the card",
+                "type": "boolean"
               },
               {
-                "name": "maxDate",
-                "description": "The maximum 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": "disabledDate",
-                "description": "The function to determine if the date is disabled.",
-                "type": "Function"
+                "name": "target",
+                "description": "The link target of the card",
+                "type": "'_blank' | '_self' | '_parent' | '_top'"
               },
               {
-                "name": "locale",
-                "description": "The locale of the calendar.",
-                "type": "'hu' | 'en' | 'de'"
+                "name": "href",
+                "description": "The URL of the card.",
+                "type": "string"
               },
               {
-                "name": "prevButtonTestId",
-                "description": "`data-testid` for the previous-month button.",
+                "name": "rel",
+                "description": "The rel of the card link.",
                 "type": "string"
               },
               {
-                "name": "nextButtonTestId",
-                "description": "`data-testid` for the next-month button.",
-                "type": "string"
+                "name": "size",
+                "description": "The size of the card. Default is `sm`.",
+                "type": "'sm' | 'md' | 'lg'"
               },
-              { "name": "startDate" },
-              { "name": "endDate" },
-              { "name": "shouldHideAdjacentMonths" }
-            ],
-            "events": [
               {
-                "name": "dds-change",
-                "type": "{ value: Dayjs }",
-                "description": "Fired when the calendar value changes."
+                "name": "sizeMap",
+                "description": "Responsive size map (e.g. \"md:lg\").",
+                "type": "string"
               }
-            ]
+            ],
+            "events": []
           }
         },
         {
@@ -6484,79 +6484,194 @@
           "doc-url": "",
           "attributes": [
             {
-              "name": "activeHref",
-              "description": "The currently active href for highlighting active navigation items with aria-current=\"page\". Defaults to window.location.pathname if not provided.",
-              "value": { "type": "string" }
+              "name": "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" }
+            },
+            {
+              "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": "orientation",
-              "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-              "value": {
-                "type": "'horizontal' | 'vertical'",
-                "default": "'horizontal'"
-              }
+              "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": "fullWidth",
-              "description": "Whether the navigation menu should take full width of the screen. Default is false.",
-              "value": { "type": "boolean", "default": "false" }
+              "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": "allowMultipleOpen",
-              "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
+              "name": "circular-auto",
+              "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
               "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'" }
+              "name": "force-circular",
+              "description": "Override circular positioning detection - forces circular positioning calculation",
+              "value": { "type": "boolean", "default": "false" }
             }
           ],
           "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."
+              "name": "",
+              "description": "The content of the notification badge."
             }
           ],
+          "events": [],
           "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": "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": "orientation",
-                "description": "The orientation of the navigation menu. Default is 'horizontal'.",
-                "type": "'horizontal' | 'vertical'"
+                "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": "fullWidth",
-                "description": "Whether the navigation menu should take full width of the screen. Default is false.",
+                "name": "showZero",
+                "description": "This switch decides whether to show a zero value or not.",
                 "type": "boolean"
               },
               {
-                "name": "allowMultipleOpen",
-                "description": "Whether multiple dropdown branches can stay open simultaneously (accordion mode). Default is true.",
+                "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",
                 "type": "boolean"
               },
               {
-                "name": "tabMode",
-                "description": "Controls how Tab key navigates through top-level items. Default is 'group'. Group mode will have the first item in the tab order, and items mode will have all items in the tab order.",
-                "type": "'group' | 'items'"
+                "name": "forceCircular",
+                "description": "Override circular positioning detection - forces circular positioning calculation",
+                "type": "boolean"
               }
             ],
-            "events": [
-              {
-                "name": "dds-navigation-item-click",
-                "type": "{ href: string, event: Event }",
-                "description": "Fired when a navigation item is clicked."
-              }
-            ]
+            "events": []
           }
         },
         {
@@ -6868,224 +6983,109 @@
               "name": "heading",
               "description": "The heading of the accordion."
             },
-            {
-              "name": "icon-opened",
-              "description": "The icon when the accordion is opened."
-            },
-            {
-              "name": "icon-closed",
-              "description": "The icon when the accordion is closed."
-            }
-          ],
-          "events": [
-            {
-              "name": "dds-opened",
-              "type": "{ 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": "icon-opened",
+              "description": "The icon when the accordion is opened."
             },
             {
-              "name": "force-circular",
-              "description": "Override circular positioning detection - forces circular positioning calculation",
-              "value": { "type": "boolean", "default": "false" }
+              "name": "icon-closed",
+              "description": "The icon when the accordion is closed."
             }
           ],
-          "slots": [
+          "events": [
             {
-              "name": "",
-              "description": "The content of the notification badge."
+              "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."
             }
           ],
-          "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": "size",
+                "description": "The size of the official website banner. Default is `sm`.",
+                "type": "'sm' | 'lg'"
               },
               {
-                "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": "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": "showZero",
-                "description": "This switch decides whether to show a zero value or not.",
+                "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": "type",
-                "description": "The color scheme of the badge",
-                "type": "'neutral' | 'brand' | 'info' | 'positive' | 'warning' | 'negative'"
+                "name": "iconLocation",
+                "description": "The location of the icon. Default is `right`.",
+                "type": "'left' | 'right'"
               },
               {
                 "name": "variant",
-                "description": "The variant of the badge.",
-                "type": "'round' | 'dot'"
+                "description": "The variant of the accordion.",
+                "type": "'default' | 'collapsed' | 'clean' | 'clean-collapsed'"
               },
               {
-                "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": "lastItem",
+                "description": "Whether the accordion is the last item.",
+                "type": "boolean"
+              }
+            ],
+            "events": [
               {
-                "name": "placement",
-                "description": "The position of the badge content around the slot content.",
-                "type": "'top-start' | 'top-end' | 'bottom-start' | 'bottom-end'"
+                "name": "dds-opened",
+                "type": "{ void }",
+                "description": "Event fired when the accordion is opened."
               },
               {
-                "name": "circularAuto",
-                "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
-                "type": "boolean"
+                "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": "forceCircular",
-                "description": "Override circular positioning detection - forces circular positioning calculation",
+                "name": "disabled",
+                "description": "Whether all options in the group are disabled.",
                 "type": "boolean"
               }
             ],
@@ -10199,158 +10199,40 @@
               },
               {
                 "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."
+                "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-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.",
@@ -10936,6 +10818,124 @@
             ]
           }
         },
+        {
+          "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.",
@@ -13391,7 +13391,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-heart-fill",
+          "name": "dap-ds-icon-heart-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13444,7 +13444,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-heart-line",
+          "name": "dap-ds-icon-heart-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13550,7 +13550,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-account-circle-fill",
+          "name": "dap-ds-icon-add-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13603,7 +13603,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-account-circle-line",
+          "name": "dap-ds-icon-alert-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13656,7 +13656,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-user-fill",
+          "name": "dap-ds-icon-check-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13709,7 +13709,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-user-line",
+          "name": "dap-ds-icon-check-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13762,7 +13762,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-add-line",
+          "name": "dap-ds-icon-alert-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -13815,7 +13815,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-fill",
+          "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": [
@@ -13868,7 +13868,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-alert-line",
+          "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": [
@@ -13921,7 +13921,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-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": [
@@ -13974,7 +13974,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-check-line2",
+          "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": [
@@ -14027,7 +14027,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill",
+          "name": "dap-ds-icon-checkbox-circle-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14080,7 +14080,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-fill-check",
+          "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": [
@@ -14133,7 +14133,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-blank-circle-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": [
@@ -14186,7 +14186,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-fill",
+          "name": "dap-ds-icon-close-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14239,7 +14239,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-checkbox-circle-line",
+          "name": "dap-ds-icon-close-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14292,7 +14292,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-fill",
+          "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": [
@@ -14345,7 +14345,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-circle-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": [
@@ -14398,7 +14398,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-fill",
+          "name": "dap-ds-icon-download-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14451,7 +14451,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-close-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": [
@@ -14504,7 +14504,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-delete-bin-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": [
@@ -14557,7 +14557,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-delete-bin-line",
+          "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": [
@@ -14610,7 +14610,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-download-line",
+          "name": "dap-ds-icon-eye-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14663,7 +14663,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-fill",
+          "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": [
@@ -14716,7 +14716,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-error-warning-line",
+          "name": "dap-ds-icon-forbid-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14769,7 +14769,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-external-link-line",
+          "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": [
@@ -14822,7 +14822,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-line",
+          "name": "dap-ds-icon-information-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14875,7 +14875,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-eye-off-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": [
@@ -14928,7 +14928,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-forbid-fill",
+          "name": "dap-ds-icon-lightbulb-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -14981,7 +14981,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-2-fill",
+          "name": "dap-ds-icon-loading-spinner",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15034,7 +15034,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-fill",
+          "name": "dap-ds-icon-lock-fill",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15087,7 +15087,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-information-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": [
@@ -15140,7 +15140,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lightbulb-fill",
+          "name": "dap-ds-icon-menu-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15193,7 +15193,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-loading-spinner",
+          "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": [
@@ -15246,7 +15246,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-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": [
@@ -15299,7 +15299,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-lock-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": [
@@ -15352,7 +15352,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line",
+          "name": "dap-ds-icon-search-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15405,7 +15405,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-menu-line-s",
+          "name": "dap-ds-icon-share-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15458,7 +15458,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-more-2-line",
+          "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": [
@@ -15511,7 +15511,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-more-line",
+          "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": [
@@ -15564,7 +15564,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-search-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": [
@@ -15617,7 +15617,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-share-line",
+          "name": "dap-ds-icon-subtract-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15670,7 +15670,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-shield-check-fill",
+          "name": "dap-ds-icon-subtract-line2",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15723,7 +15723,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-shield-check-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": [
@@ -15776,7 +15776,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-star-fill",
+          "name": "dap-ds-icon-time-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15829,7 +15829,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-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": [
@@ -15882,7 +15882,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-subtract-line2",
+          "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": [
@@ -15935,7 +15935,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-fill",
+          "name": "dap-ds-icon-upload-line",
           "description": "An icon\n---\n\n\n### **CSS Parts:**\n - **base** - The main icon container.",
           "doc-url": "",
           "attributes": [
@@ -15988,7 +15988,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-time-line",
+          "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": [
@@ -16041,7 +16041,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-fill",
+          "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": [
@@ -16094,7 +16094,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-2-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": [
@@ -16147,7 +16147,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-upload-line",
+          "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": [
@@ -16200,7 +16200,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-zoom-in-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": [
@@ -16253,7 +16253,7 @@
           }
         },
         {
-          "name": "dap-ds-icon-zoom-out-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": [