dap-design-system 0.60.2 → 0.61.0

package/dist/manifest/vscode.html-custom-data.json

@@ -83,6 +83,28 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "variant",
+          "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
+          "values": [{ "name": "HeadingVariant" }]
+        },
+        {
+          "name": "label",
+          "description": "The label of the heading.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/anchor-heading"
+        }
+      ]
+    },
     {
       "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.",
@@ -110,28 +132,6 @@
         }
       ]
     },
-    {
-      "name": "dap-ds-anchor-heading",
-      "description": "Anchor heading is a heading with an anchor link.\n---\n\n\n### **CSS Properties:**\n - **--dds-anchor-link-color** - The color of the anchor link (default: var(--dds-color-primary)) _(default: undefined)_\n- **--dds-anchor-link-opacity** - The opacity of the anchor link when not hovered (default: 0) _(default: undefined)_\n- **--dds-anchor-link-hover-opacity** - The opacity of the anchor link when hovered (default: 1) _(default: undefined)_\n- **--dds-anchor-link-transition** - The transition property for the anchor link opacity (default: opacity 0.2s ease-in-out) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main anchor heading container.\n- **link** - The link of the anchor heading. dap-ds-link element.\n- **link-base** - The base of the link part.\n- **text** - The text of the anchor heading.",
-      "attributes": [
-        {
-          "name": "variant",
-          "description": "The variant of the heading. Default is `h2`. Can be `h1`, `h2`, `h3`, `h4`, `h5`, or `h6`.",
-          "values": [{ "name": "HeadingVariant" }]
-        },
-        {
-          "name": "label",
-          "description": "The label of the heading.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/anchor-heading"
-        }
-      ]
-    },
     {
       "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.",
@@ -494,6 +494,105 @@
         }
       ]
     },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "selected",
+          "description": "Whether the calendar cell is selected.",
+          "values": []
+        },
+        {
+          "name": "disabledDay",
+          "description": "Whether the calendar cell is disabled.",
+          "values": []
+        },
+        {
+          "name": "today",
+          "description": "Whether the calendar cell is today.",
+          "values": []
+        },
+        {
+          "name": "outOfRange",
+          "description": "Whether the calendar cell is out of range.",
+          "values": []
+        },
+        {
+          "name": "header",
+          "description": "Whether the calendar cell is a date header.",
+          "values": []
+        },
+        {
+          "name": "focused",
+          "description": "Whether the calendar cell is focused.",
+          "values": []
+        },
+        {
+          "name": "rangestart",
+          "description": "Whether the calendar cell is the start of a range.",
+          "values": []
+        },
+        {
+          "name": "rangeend",
+          "description": "Whether the calendar cell is the end of a range.",
+          "values": []
+        },
+        {
+          "name": "inrange",
+          "description": "Whether the calendar cell is in the middle of a range.",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "description": "The locale of the calendar cell.",
+          "values": [{ "name": "hu" }, { "name": "en" }, { "name": "de" }]
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/calendar-cell"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "mode",
+          "description": "The mode of the calendar - single date or range selection.",
+          "values": [{ "name": "single" }, { "name": "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.",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "description": "The locale of the calendar.",
+          "values": [{ "name": "hu" }, { "name": "en" }, { "name": "de" }]
+        },
+        {
+          "name": "prevButtonTestId",
+          "description": "`data-testid` for the previous-month button.",
+          "values": []
+        },
+        {
+          "name": "nextButtonTestId",
+          "description": "`data-testid` for the next-month button.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/calendar"
+        }
+      ]
+    },
     {
       "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.",
@@ -651,105 +750,6 @@
         }
       ]
     },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "selected",
-          "description": "Whether the calendar cell is selected.",
-          "values": []
-        },
-        {
-          "name": "disabledDay",
-          "description": "Whether the calendar cell is disabled.",
-          "values": []
-        },
-        {
-          "name": "today",
-          "description": "Whether the calendar cell is today.",
-          "values": []
-        },
-        {
-          "name": "outOfRange",
-          "description": "Whether the calendar cell is out of range.",
-          "values": []
-        },
-        {
-          "name": "header",
-          "description": "Whether the calendar cell is a date header.",
-          "values": []
-        },
-        {
-          "name": "focused",
-          "description": "Whether the calendar cell is focused.",
-          "values": []
-        },
-        {
-          "name": "rangestart",
-          "description": "Whether the calendar cell is the start of a range.",
-          "values": []
-        },
-        {
-          "name": "rangeend",
-          "description": "Whether the calendar cell is the end of a range.",
-          "values": []
-        },
-        {
-          "name": "inrange",
-          "description": "Whether the calendar cell is in the middle of a range.",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "description": "The locale of the calendar cell.",
-          "values": [{ "name": "hu" }, { "name": "en" }, { "name": "de" }]
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/calendar-cell"
-        }
-      ]
-    },
-    {
-      "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.",
-      "attributes": [
-        {
-          "name": "mode",
-          "description": "The mode of the calendar - single date or range selection.",
-          "values": [{ "name": "single" }, { "name": "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.",
-          "values": []
-        },
-        {
-          "name": "locale",
-          "description": "The locale of the calendar.",
-          "values": [{ "name": "hu" }, { "name": "en" }, { "name": "de" }]
-        },
-        {
-          "name": "prevButtonTestId",
-          "description": "`data-testid` for the previous-month button.",
-          "values": []
-        },
-        {
-          "name": "nextButtonTestId",
-          "description": "`data-testid` for the next-month button.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/calendar"
-        }
-      ]
-    },
     {
       "name": "dap-ds-checkbox",
       "description": "A checkbox is a form element that allows the user to select one or more options from a set.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the checkbox is checked or unchecked.\n- **dds-blur** - Emitted when the checkbox loses focus.\n- **dds-focus** - Emitted when the checkbox gains focus.\n- **dds-input** - Emitted when the checkbox receives input.\n\n### **Methods:**\n - **focus(): _void_** - Programmatically focuses the checkbox input element.\n- **blur(): _void_** - Programmatically blurs the checkbox input element.\n\n### **CSS Properties:**\n - **--dds-checkbox-size** - The size of the checkbox. (default: var(--dds-spacing-500)) _(default: undefined)_\n- **--dds-checkbox-border-width** - The border width of the checkbox. (default: var(--dds-border-width-large)) _(default: undefined)_\n- **--dds-checkbox-border-radius** - The border radius of the checkbox. (default: var(--dds-radius-small)) _(default: undefined)_\n- **--dds-checkbox-border-color** - The border color of the checkbox. (default: var(--dds-border-neutral-base)) _(default: undefined)_\n- **--dds-checkbox-background-color** - The background color of the checkbox. (default: transparent) _(default: undefined)_\n- **--dds-checkbox-icon-color** - The color of the checkbox icon. (default: var(--dds-button-primary-icon-enabled)) _(default: undefined)_\n- **--dds-checkbox-hover-border-color** - The border color when hovering over the checkbox. (default: var(--dds-border-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-hover-background-color** - The background color when hovering over the checkbox. (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-checkbox-active-border-color** - The border color when the checkbox is active. (default: var(--dds-border-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-active-background-color** - The background color when the checkbox is active. (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-checkbox-checked-border-color** - The border color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-background-color** - The background color when the checkbox is checked. (default: var(--dds-background-brand-base-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-border-color** - The border color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-hover-background-color** - The background color when hovering over a checked checkbox. (default: var(--dds-background-brand-medium-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-border-color** - The border color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-checked-active-background-color** - The background color when a checked checkbox is active. (default: var(--dds-background-brand-strong-inverted)) _(default: undefined)_\n- **--dds-checkbox-invalid-border-color** - The border color when the checkbox is invalid. (default: var(--dds-border-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-background-color** - The background color when the checkbox is invalid. (default: var(--dds-background-negative-base)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-border-color** - The border color when hovering over an invalid checkbox. (default: var(--dds-border-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-hover-background-color** - The background color when hovering over an invalid checkbox. (default: var(--dds-background-negative-medium)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-border-color** - The border color when an invalid checkbox is active. (default: var(--dds-border-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-invalid-active-background-color** - The background color when an invalid checkbox is active. (default: var(--dds-background-negative-strong)) _(default: undefined)_\n- **--dds-checkbox-disabled-border-color** - The border color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-background-color** - The background color when the checkbox is disabled. (default: var(--dds-button-primary-background-disabled)) _(default: undefined)_\n- **--dds-checkbox-disabled-icon-color** - The color of the checkbox icon when disabled. (default: var(--dds-button-primary-icon-disabled)) _(default: undefined)_\n- **--dds-checkbox-readonly-border-color** - The border color when the checkbox is readonly. (default: var(--dds-border-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-background-color** - The background color when the checkbox is readonly. (default: var(--dds-background-neutral-subtle)) _(default: undefined)_\n- **--dds-checkbox-readonly-icon-color** - The color of the checkbox icon when readonly. (default: var(--dds-text-neutral-base)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main checkbox container.\n- **label** - The label of the checkbox.\n- **input** - The input of the checkbox.\n- **control** - The control of the checkbox.\n- **icon** - The icon of the checkbox.\n- **icon-base** - The base icon container.\n- **label-container** - The label container of the checkbox.\n- **description** - The description of the checkbox.\n- **readonly** - The readonly state of the checkbox.",
@@ -2452,6 +2452,75 @@
         }
       ]
     },
+    {
+      "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.",
+      "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.",
+          "values": []
+        },
+        {
+          "name": "visible",
+          "description": "This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control.",
+          "values": []
+        },
+        {
+          "name": "showZero",
+          "description": "This switch decides whether to show a zero value or not.",
+          "values": []
+        },
+        {
+          "name": "type",
+          "description": "The color scheme of the badge",
+          "values": [
+            { "name": "neutral" },
+            { "name": "brand" },
+            { "name": "info" },
+            { "name": "positive" },
+            { "name": "warning" },
+            { "name": "negative" }
+          ]
+        },
+        {
+          "name": "variant",
+          "description": "The variant of the badge.",
+          "values": [{ "name": "round" }, { "name": "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.",
+          "values": []
+        },
+        {
+          "name": "placement",
+          "description": "The position of the badge content around the slot content.",
+          "values": [
+            { "name": "top-start" },
+            { "name": "top-end" },
+            { "name": "bottom-start" },
+            { "name": "bottom-end" }
+          ]
+        },
+        {
+          "name": "circular-auto",
+          "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
+          "values": []
+        },
+        {
+          "name": "force-circular",
+          "description": "Override circular positioning detection - forces circular positioning calculation",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/notification-badge"
+        }
+      ]
+    },
     {
       "name": "dap-ds-number-input",
       "description": "A number input component.\n---\n\n\n### **Events:**\n - **dds-change** - Fired when the input value changes.\n- **dds-input** - Fired when the input value changes.\n- **dds-keydown** - Fired when a key is pressed down.\n- **dds-blur** - Fired when the input loses focus.\n- **dds-focus** - Emitted when the input gains focus.\n\n### **Slots:**\n - **feedback-icon** - The custom icon of the feedback.\n\n### **CSS Properties:**\n - **--dds-input-height-xs** - The height of the extra small input. (default: var(--dds-spacing-800) ). _(default: undefined)_\n- **--dds-input-height-sm** - The height of the small input. (default: var(--dds-spacing-1000)). _(default: undefined)_\n- **--dds-input-height-lg** - The height of the large input. (default: var(--dds-spacing-1200)). _(default: undefined)_\n- **--dds-input-padding-xs** - The padding of the extra small input. (default: 0 var(--dds-spacing-200)). _(default: undefined)_\n- **--dds-input-padding-sm** - The padding of the small input. (default: 0 var(--dds-spacing-300)). _(default: undefined)_\n- **--dds-input-padding-lg** - The padding of the large input. (default: 0 var(--dds-spacing-400)). _(default: undefined)_\n- **--dds-input-font-size-xs** - The font size of the extra small input. (default: var(--dds-font-sm)). _(default: undefined)_\n- **--dds-input-font-size-sm** - The font size of the small input. (default: var(--dds-font-base)). _(default: undefined)_\n- **--dds-input-font-size-lg** - The font size of the large input. (default: var(--dds-font-lg)). _(default: undefined)_\n- **--dds-input-border** - The border of the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-background** - The background color of the input. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-text-color** - The text color of the input. (default: var(--dds-text-neutral-base)). _(default: undefined)_\n- **--dds-input-border-radius** - The border radius of the input. (default: var(--dds-radius-base)). _(default: undefined)_\n- **--dds-input-disabled-border** - The border of the disabled input. (default: 0 solid var(--dds-border-neutral-disabled)). _(default: undefined)_\n- **--dds-input-disabled-background** - The background color of the disabled input. (default: var(--dds-fields-background-disabled)). _(default: undefined)_\n- **--dds-input-disabled-text** - The text color of the disabled input. (default: var(--dds-text-neutral-disabled)). _(default: undefined)_\n- **--dds-input-readonly-border** - The border of the readonly input. (default: 0 solid var(--dds-border-neutral-subtle)). _(default: undefined)_\n- **--dds-input-readonly-background** - The background color of the readonly input. (default: var(--dds-fields-background-read-only)). _(default: undefined)_\n- **--dds-input-readonly-text** - The text color of the readonly input. (default: var(--dds-text-neutral-subtle)). _(default: undefined)_\n- **--dds-input-success-border** - The border of the success input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-error-border** - The border of the error input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-background** - The background color of the input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-success-background** - The background color of the success input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-error-background** - The background color of the error input addon. (default: var(--dds-fields-background-default)). _(default: undefined)_\n- **--dds-input-addon-border-before** - The border of the addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-after** - The border of the addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-neutral-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-before** - The border width of the addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-border-width-after** - The border width of the addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-success-border** - The border of the success addon. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-before** - The border of the success addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-after** - The border of the success addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-positive-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-before** - The border width of the success addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-success-border-width-after** - The border width of the success addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n- **--dds-input-addon-error-border-before** - The border of the error addon before the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-after** - The border of the error addon after the input. (default: var(--dds-border-width-base) solid var(--dds-border-negative-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-before** - The border width of the error addon before the input. (default: var(--dds-border-width-base) 0 var(--dds-border-width-base) var(--dds-border-width-base)). _(default: undefined)_\n- **--dds-input-addon-error-border-width-after** - The border width of the error addon after the input. (default: var(--dds-border-width-base) var(--dds-border-width-base) var(--dds-border-width-base) 0). _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main number input container.\n- **input** - The input element.\n- **label** - The label of the input.\n- **description** - The description of the input.\n- **feedback** - The feedback of the input.\n- **tooltip** - The tooltip of the input.\n- **addon-before** - The addon before the input.\n- **addon-after** - The addon after the input.\n- **prefix** - The prefix of the input.\n- **postfix** - The postfix of the input.\n- **decrement-button** - The decrement button of the input.\n- **increment-button** - The increment button of the input.\n- **decrement-button-base** - The base of the decrement button.\n- **increment-button-base** - The base of the increment button.\n- **decrement-button-content** - The content of the decrement button.\n- **increment-button-content** - The content of the increment button.",
@@ -2542,75 +2611,6 @@
         }
       ]
     },
-    {
-      "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.",
-      "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.",
-          "values": []
-        },
-        {
-          "name": "visible",
-          "description": "This switch decides the visibility of the badge. This property overrides the badge content visibility. Use it for explicit control.",
-          "values": []
-        },
-        {
-          "name": "showZero",
-          "description": "This switch decides whether to show a zero value or not.",
-          "values": []
-        },
-        {
-          "name": "type",
-          "description": "The color scheme of the badge",
-          "values": [
-            { "name": "neutral" },
-            { "name": "brand" },
-            { "name": "info" },
-            { "name": "positive" },
-            { "name": "warning" },
-            { "name": "negative" }
-          ]
-        },
-        {
-          "name": "variant",
-          "description": "The variant of the badge.",
-          "values": [{ "name": "round" }, { "name": "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.",
-          "values": []
-        },
-        {
-          "name": "placement",
-          "description": "The position of the badge content around the slot content.",
-          "values": [
-            { "name": "top-start" },
-            { "name": "top-end" },
-            { "name": "bottom-start" },
-            { "name": "bottom-end" }
-          ]
-        },
-        {
-          "name": "circular-auto",
-          "description": "Whether to automatically detect circular elements and adjust positioning accordingly",
-          "values": []
-        },
-        {
-          "name": "force-circular",
-          "description": "Override circular positioning detection - forces circular positioning calculation",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/notification-badge"
-        }
-      ]
-    },
     {
       "name": "dap-ds-option-item",
       "description": "An option item is a selectable item in a list of options.\n---\n\n\n### **Slots:**\n - **prefix** - The prefix of the option item.\n- _default_ - The label of the option item.\n- **suffix** - The suffix of the option item.\n\n### **CSS Properties:**\n - **--dds-option-item-padding-vertical** - The vertical padding of the option item (default: var(--dds-spacing-100)) _(default: undefined)_\n- **--dds-option-item-padding-horizontal** - The horizontal padding of the option item (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-option-item-border-radius** - The border radius of the option item (default: var(--dds-radius-small, 4px)) _(default: undefined)_\n- **--dds-option-item-color** - The text color of the option item (default: var(--dds-text-neutral-base)) _(default: undefined)_\n- **--dds-option-item-hover-bg** - The background color of the option item when hovered (default: var(--dds-background-neutral-medium)) _(default: undefined)_\n- **--dds-option-item-active-bg** - The background color of the option item when active (default: var(--dds-background-neutral-strong)) _(default: undefined)_\n- **--dds-option-item-disabled-color** - The text color of the option item when disabled (default: var(--dds-text-neutral-disabled)) _(default: undefined)_\n- **--dds-option-item-high-contrast-border** - The border color of the option item in high contrast mode (default: var(--dds-border-neutral-transparent-interactive, #fff500)) _(default: undefined)_\n- **--dds-option-item-selected-font-weight** - The font weight of the option item when selected (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-option-item-xs-font-size** - The font size of the option item in extra small size (default: var(--dds-font-sm)) _(default: undefined)_\n- **--dds-option-item-lg-font-size** - The font size of the option item in large size (default: var(--dds-font-lg)) _(default: undefined)_\n- **--dds-option-item-selected-icon-width** - The width of the selected icon (default: var(--dds-spacing-400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main option item container.\n- **prefix** - The prefix of the option item.\n- **label** - The label of the option item.\n- **suffix** - The suffix of the option item.",
@@ -3742,58 +3742,6 @@
         }
       ]
     },
-    {
-      "name": "dap-ds-toc",
-      "description": "A table of contents (TOC) is a list of links that allows users to quickly navigate to sections within a document.\n---\n\n\n### **Events:**\n - **dds-anchor-change** - Event that is triggered when the anchor changes.\n\n### **CSS Properties:**\n - **--dds-toc-border-width** - Width of the TOC border. (default: var(--dds-border-width-base)) _(default: undefined)_\n- **--dds-toc-border-color** - Color of the TOC border. (default: var(--dds-border-neutral-divider)) _(default: undefined)_\n- **--dds-toc-title-color** - Color of the TOC title. (default: var(--dds-text-neutral-strong)) _(default: undefined)_\n- **--dds-toc-title-font-size** - Font size of the TOC title. (default: var(--dds-font-base)) _(default: undefined)_\n- **--dds-toc-title-font-weight** - Font weight of the TOC title. (default: var(--dds-font-weight-bold)) _(default: undefined)_\n- **--dds-toc-title-line-height** - Line height of the TOC title. (default: 1.25) _(default: undefined)_\n- **--dds-toc-link-color** - Color of the TOC links. (default: var(--dds-button-subtle-text-neutral-enabled)) _(default: undefined)_\n- **--dds-toc-link-active-color** - Color of the active TOC link. (default: var(--dds-button-subtle-text-enabled)) _(default: undefined)_\n- **--dds-toc-link-border-color** - Border color of the active TOC link. (default: var(--dds-border-brand-base)) _(default: undefined)_\n- **--dds-toc-link-line-height** - Line height of the TOC links. (default: 1.2) _(default: undefined)_\n- **--dds-toc-link-padding** - Padding of the TOC links. (default: var(--dds-spacing-200)) _(default: undefined)_\n- **--dds-toc-indent-level-0** - Indent level of the TOC items. (default: var(--dds-spacing-400)) _(default: undefined)_\n- **--dds-toc-indent-level-1** - Indent level of the TOC items. (default: var(--dds-spacing-800)) _(default: undefined)_\n- **--dds-toc-indent-level-2** - Indent level of the TOC items. (default: var(--dds-spacing-1200)) _(default: undefined)_\n- **--dds-toc-indent-level-3** - Indent level of the TOC items. (default: var(--dds-spacing-1600)) _(default: undefined)_\n- **--dds-toc-indent-level-4** - Indent level of the TOC items. (default: var(--dds-spacing-2000)) _(default: undefined)_\n- **--dds-toc-indent-level-5** - Indent level of the TOC items. (default: var(--dds-spacing-2400)) _(default: undefined)_\n\n### **CSS Parts:**\n - **base** - The main container of the toc.",
-      "attributes": [
-        {
-          "name": "root",
-          "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
-          "values": []
-        },
-        {
-          "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)",
-          "values": []
-        },
-        {
-          "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)",
-          "values": []
-        },
-        {
-          "name": "threshold",
-          "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
-          "values": [{ "name": "number[]" }]
-        },
-        {
-          "name": "minHeadingLevel",
-          "description": "The minimum heading level to include in the TOC. The default value is `2`.",
-          "values": []
-        },
-        {
-          "name": "maxHeadingLevel",
-          "description": "The maximum heading level to include in the TOC. The default value is `3`.",
-          "values": []
-        },
-        {
-          "name": "noIndent",
-          "description": "Whether to indent the TOC items.",
-          "values": []
-        },
-        {
-          "name": "header",
-          "description": "The header of the TOC.",
-          "values": []
-        }
-      ],
-      "references": [
-        {
-          "name": "Documentation",
-          "url": "https://shoelace.style/components/toc"
-        }
-      ]
-    },
     {
       "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.",
@@ -3936,50 +3884,102 @@
           "values": []
         },
         {
-          "name": "timeButtonTestId",
-          "description": "`data-testid` for the time indicator button that opens the grid.",
+          "name": "timeButtonTestId",
+          "description": "`data-testid` for the time indicator button that opens the grid.",
+          "values": []
+        },
+        {
+          "name": "floatingStrategy",
+          "description": "The floating strategy of the timepicker.",
+          "values": [{ "name": "FloatingStrategy" }]
+        },
+        {
+          "name": "disableViewportAutoClose",
+          "description": "Whether to keep popup open when trigger leaves viewport.",
+          "values": []
+        },
+        {
+          "name": "locale",
+          "description": "The locale of the timepicker.",
+          "values": []
+        },
+        {
+          "name": "closeOnSelection",
+          "description": "Whether the dropdown should close when a time is selected.",
+          "values": []
+        },
+        {
+          "name": "showSeconds",
+          "description": "Whether to show the seconds column in the time picker.",
+          "values": []
+        },
+        {
+          "name": "secondsStep",
+          "description": "The step interval in seconds. Defaults to 1.",
+          "values": []
+        },
+        {
+          "name": "hideDisabledTimes",
+          "description": "Whether to hide disabled times or show them as disabled.",
+          "values": []
+        }
+      ],
+      "references": [
+        {
+          "name": "Documentation",
+          "url": "https://shoelace.style/components/timepicker"
+        }
+      ]
+    },
+    {
+      "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.",
+      "attributes": [
+        {
+          "name": "root",
+          "description": "The root element to observe [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#root)",
           "values": []
         },
         {
-          "name": "floatingStrategy",
-          "description": "The floating strategy of the timepicker.",
-          "values": [{ "name": "FloatingStrategy" }]
+          "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)",
+          "values": []
         },
         {
-          "name": "disableViewportAutoClose",
-          "description": "Whether to keep popup open when trigger leaves viewport.",
+          "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)",
           "values": []
         },
         {
-          "name": "locale",
-          "description": "The locale of the timepicker.",
-          "values": []
+          "name": "threshold",
+          "description": "The threshold to trigger [`IntersectionObserver`](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API#threshold)",
+          "values": [{ "name": "number[]" }]
         },
         {
-          "name": "closeOnSelection",
-          "description": "Whether the dropdown should close when a time is selected.",
+          "name": "minHeadingLevel",
+          "description": "The minimum heading level to include in the TOC. The default value is `2`.",
           "values": []
         },
         {
-          "name": "showSeconds",
-          "description": "Whether to show the seconds column in the time picker.",
+          "name": "maxHeadingLevel",
+          "description": "The maximum heading level to include in the TOC. The default value is `3`.",
           "values": []
         },
         {
-          "name": "secondsStep",
-          "description": "The step interval in seconds. Defaults to 1.",
+          "name": "noIndent",
+          "description": "Whether to indent the TOC items.",
           "values": []
         },
         {
-          "name": "hideDisabledTimes",
-          "description": "Whether to hide disabled times or show them as disabled.",
+          "name": "header",
+          "description": "The header of the TOC.",
           "values": []
         }
       ],
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/timepicker"
+          "url": "https://shoelace.style/components/toc"
         }
       ]
     },
@@ -5264,7 +5264,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.",
       "attributes": [
         {
@@ -5291,12 +5291,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-heart-fill"
+          "url": "https://shoelace.style/components/icon-heart-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5323,7 +5323,7 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-heart-line"
+          "url": "https://shoelace.style/components/icon-heart-fill"
         }
       ]
     },
@@ -5360,7 +5360,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.",
       "attributes": [
         {
@@ -5387,12 +5387,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-account-circle-fill"
+          "url": "https://shoelace.style/components/icon-add-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5419,12 +5419,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-account-circle-line"
+          "url": "https://shoelace.style/components/icon-alert-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5451,12 +5451,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-user-fill"
+          "url": "https://shoelace.style/components/icon-check-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5483,12 +5483,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-user-line"
+          "url": "https://shoelace.style/components/icon-check-line2"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5515,12 +5515,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-add-line"
+          "url": "https://shoelace.style/components/icon-alert-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5547,12 +5547,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-alert-fill"
+          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5579,12 +5579,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-alert-line"
+          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5611,12 +5611,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-check-line"
+          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5643,12 +5643,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-check-line2"
+          "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5675,12 +5675,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill"
+          "url": "https://shoelace.style/components/icon-checkbox-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5707,12 +5707,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-fill-check"
+          "url": "https://shoelace.style/components/icon-close-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5739,12 +5739,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-blank-circle-line"
+          "url": "https://shoelace.style/components/icon-close-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5771,12 +5771,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-circle-fill"
+          "url": "https://shoelace.style/components/icon-close-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5803,12 +5803,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-checkbox-circle-line"
+          "url": "https://shoelace.style/components/icon-close-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5835,12 +5835,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-circle-fill"
+          "url": "https://shoelace.style/components/icon-delete-bin-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5867,12 +5867,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-circle-line"
+          "url": "https://shoelace.style/components/icon-delete-bin-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5899,12 +5899,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-fill"
+          "url": "https://shoelace.style/components/icon-download-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5931,12 +5931,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-close-line"
+          "url": "https://shoelace.style/components/icon-error-warning-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5963,12 +5963,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-delete-bin-fill"
+          "url": "https://shoelace.style/components/icon-error-warning-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -5995,12 +5995,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-delete-bin-line"
+          "url": "https://shoelace.style/components/icon-external-link-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6027,12 +6027,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-download-line"
+          "url": "https://shoelace.style/components/icon-eye-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6059,12 +6059,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-error-warning-fill"
+          "url": "https://shoelace.style/components/icon-eye-off-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6091,12 +6091,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-error-warning-line"
+          "url": "https://shoelace.style/components/icon-forbid-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6123,12 +6123,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-external-link-line"
+          "url": "https://shoelace.style/components/icon-information-2-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6155,12 +6155,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-eye-line"
+          "url": "https://shoelace.style/components/icon-information-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6187,12 +6187,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-eye-off-line"
+          "url": "https://shoelace.style/components/icon-information-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6219,12 +6219,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-forbid-fill"
+          "url": "https://shoelace.style/components/icon-lightbulb-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6251,12 +6251,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-information-2-fill"
+          "url": "https://shoelace.style/components/icon-loading-spinner"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6283,12 +6283,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-information-fill"
+          "url": "https://shoelace.style/components/icon-lock-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6315,12 +6315,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-information-line"
+          "url": "https://shoelace.style/components/icon-lock-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6347,12 +6347,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-lightbulb-fill"
+          "url": "https://shoelace.style/components/icon-menu-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6379,12 +6379,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-loading-spinner"
+          "url": "https://shoelace.style/components/icon-menu-line-s"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6411,12 +6411,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-lock-fill"
+          "url": "https://shoelace.style/components/icon-more-2-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6443,12 +6443,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-lock-line"
+          "url": "https://shoelace.style/components/icon-more-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6475,12 +6475,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-menu-line"
+          "url": "https://shoelace.style/components/icon-search-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6507,12 +6507,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-menu-line-s"
+          "url": "https://shoelace.style/components/icon-share-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6539,12 +6539,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-more-2-line"
+          "url": "https://shoelace.style/components/icon-shield-check-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6571,12 +6571,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-more-line"
+          "url": "https://shoelace.style/components/icon-shield-check-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6603,12 +6603,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-search-line"
+          "url": "https://shoelace.style/components/icon-star-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6635,12 +6635,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-share-line"
+          "url": "https://shoelace.style/components/icon-subtract-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6667,12 +6667,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-shield-check-fill"
+          "url": "https://shoelace.style/components/icon-subtract-line2"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6699,12 +6699,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-shield-check-line"
+          "url": "https://shoelace.style/components/icon-time-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6731,12 +6731,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-star-fill"
+          "url": "https://shoelace.style/components/icon-time-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6763,12 +6763,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-subtract-line"
+          "url": "https://shoelace.style/components/icon-upload-2-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6795,12 +6795,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-subtract-line2"
+          "url": "https://shoelace.style/components/icon-upload-2-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6827,12 +6827,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-time-fill"
+          "url": "https://shoelace.style/components/icon-upload-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6859,12 +6859,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-time-line"
+          "url": "https://shoelace.style/components/icon-zoom-in-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6891,12 +6891,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-upload-2-fill"
+          "url": "https://shoelace.style/components/icon-zoom-out-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6923,12 +6923,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-upload-2-line"
+          "url": "https://shoelace.style/components/icon-account-circle-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6955,12 +6955,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-upload-line"
+          "url": "https://shoelace.style/components/icon-account-circle-line"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -6987,12 +6987,12 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-zoom-in-line"
+          "url": "https://shoelace.style/components/icon-user-fill"
         }
       ]
     },
     {
-      "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.",
       "attributes": [
         {
@@ -7019,7 +7019,7 @@
       "references": [
         {
           "name": "Documentation",
-          "url": "https://shoelace.style/components/icon-zoom-out-line"
+          "url": "https://shoelace.style/components/icon-user-line"
         }
       ]
     }