@solid-design-system/components 5.15.13 → 5.16.0

package/cdn-versioned/custom-elements.json

@@ -50,11 +50,11 @@
               "name": "summary"
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "expand-icon"
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "collapse-icon"
             }
           ],
@@ -252,7 +252,7 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
           "animations": [
             {
@@ -264,7 +264,7 @@
               "description": "The animation to use when hiding accordion. You can use `height: auto` with this animation."
             }
           ],
-          "tagName": "sd-5-15-13-accordion",
+          "tagName": "sd-5-16-0-accordion",
           "customElement": true
         }
       ],
@@ -279,7 +279,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-accordion",
+          "name": "sd-5-16-0-accordion",
           "declaration": {
             "name": "SdAccordion",
             "module": "components/accordion/accordion.js"
@@ -303,7 +303,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-5-15-13-accordion>` elements are placed.",
+              "description": "The default slot where `<sd-5-16-0-accordion>` elements are placed.",
               "name": ""
             }
           ],
@@ -442,9 +442,9 @@
           "status": "stable",
           "since": "1.1",
           "dependencies": [
-            "sd-5-15-13-accordion"
+            "sd-5-16-0-accordion"
           ],
-          "tagName": "sd-5-15-13-accordion-group",
+          "tagName": "sd-5-16-0-accordion-group",
           "customElement": true
         }
       ],
@@ -459,7 +459,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-accordion-group",
+          "name": "sd-5-16-0-accordion-group",
           "declaration": {
             "name": "SdAccordionGroup",
             "module": "components/accordion-group/accordion-group.js"
@@ -477,7 +477,7 @@
           "name": "SdAnimation",
           "slots": [
             {
-              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sd-5-15-13-animation>` elements.",
+              "description": "The element to animate. Avoid slotting in more than one element, as subsequent ones will be ignored. To animate multiple elements, either wrap them in a single container or use multiple `<sd-5-16-0-animation>` elements.",
               "name": ""
             }
           ],
@@ -846,7 +846,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/animation",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-5-15-13-animation",
+          "tagName": "sd-5-16-0-animation",
           "customElement": true
         }
       ],
@@ -861,7 +861,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-animation",
+          "name": "sd-5-16-0-animation",
           "declaration": {
             "name": "SdAnimation",
             "module": "components/animation/animation.js"
@@ -1286,11 +1286,11 @@
           "status": "stable",
           "since": "3.19.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-button",
-            "sd-5-15-13-drawer"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-button",
+            "sd-5-16-0-drawer"
           ],
-          "tagName": "sd-5-15-13-audio",
+          "tagName": "sd-5-16-0-audio",
           "customElement": true
         }
       ],
@@ -1305,7 +1305,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-audio",
+          "name": "sd-5-16-0-audio",
           "declaration": {
             "name": "SdAudio",
             "module": "components/audio/audio.js"
@@ -1706,7 +1706,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/badge",
           "status": "stable",
           "since": "1.6.0",
-          "tagName": "sd-5-15-13-badge",
+          "tagName": "sd-5-16-0-badge",
           "customElement": true
         }
       ],
@@ -1721,7 +1721,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-badge",
+          "name": "sd-5-16-0-badge",
           "declaration": {
             "name": "SdBadge",
             "module": "components/badge/badge.js"
@@ -1926,7 +1926,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-brandshape]/brandshape",
           "status": "stable",
           "since": "1.4",
-          "tagName": "sd-5-15-13-brandshape",
+          "tagName": "sd-5-16-0-brandshape",
           "customElement": true
         }
       ],
@@ -1941,7 +1941,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-brandshape",
+          "name": "sd-5-16-0-brandshape",
           "declaration": {
             "name": "SdBrandshape",
             "module": "components/brandshape/brandshape.js"
@@ -1977,7 +1977,7 @@
           ],
           "slots": [
             {
-              "description": "`sd-5-15-13-breadcrumb-item` elements to display in the breadcrumb.",
+              "description": "`sd-5-16-0-breadcrumb-item` elements to display in the breadcrumb.",
               "name": ""
             }
           ],
@@ -2137,10 +2137,10 @@
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
-            "sd-5-15-13-dropdown",
-            "sd-5-15-13-icon"
+            "sd-5-16-0-dropdown",
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-breadcrumb",
+          "tagName": "sd-5-16-0-breadcrumb",
           "customElement": true
         }
       ],
@@ -2155,7 +2155,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-breadcrumb",
+          "name": "sd-5-16-0-breadcrumb",
           "declaration": {
             "name": "SdBreadcrumb",
             "module": "components/breadcrumb/breadcrumb.js"
@@ -2357,13 +2357,13 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "An individual breadcrumb item for use exclusively within the `sd-5-15-13-breadcrumb`.",
+          "summary": "An individual breadcrumb item for use exclusively within the `sd-5-16-0-breadcrumb`.",
           "status": "experimental",
           "since": "5.8",
           "dependencies": [
-            "sd-5-15-13-link"
+            "sd-5-16-0-link"
           ],
-          "tagName": "sd-5-15-13-breadcrumb-item",
+          "tagName": "sd-5-16-0-breadcrumb-item",
           "customElement": true
         }
       ],
@@ -2378,7 +2378,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-breadcrumb-item",
+          "name": "sd-5-16-0-breadcrumb-item",
           "declaration": {
             "name": "SdBreadcrumbItem",
             "module": "components/breadcrumb-item/breadcrumb-item.js"
@@ -2986,10 +2986,10 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-loader"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-loader"
           ],
-          "tagName": "sd-5-15-13-button",
+          "tagName": "sd-5-16-0-button",
           "customElement": true
         }
       ],
@@ -3004,7 +3004,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-button",
+          "name": "sd-5-16-0-button",
           "declaration": {
             "name": "SdButton",
             "module": "components/button/button.js"
@@ -3028,7 +3028,7 @@
           ],
           "slots": [
             {
-              "description": "One or more `<sd-5-15-13-button>` elements to display in the button group.",
+              "description": "One or more `<sd-5-16-0-button>` elements to display in the button group.",
               "name": ""
             }
           ],
@@ -3174,7 +3174,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/button-group",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-5-15-13-button-group",
+          "tagName": "sd-5-16-0-button-group",
           "customElement": true
         }
       ],
@@ -3189,7 +3189,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-button-group",
+          "name": "sd-5-16-0-button-group",
           "declaration": {
             "name": "SdButtonGroup",
             "module": "components/button-group/button-group.js"
@@ -3314,23 +3314,23 @@
           ],
           "slots": [
             {
-              "description": "The carousel's main content, one or more `<sd-5-15-13-carousel-item>` elements.",
+              "description": "The carousel's main content, one or more `<sd-5-16-0-carousel-item>` elements.",
               "name": ""
             },
             {
-              "description": "Optional next icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional next icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "next-icon"
             },
             {
-              "description": "Optional previous icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional previous icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "previous-icon"
             },
             {
-              "description": "Optional start icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional start icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "autoplay-start"
             },
             {
-              "description": "Optional pause icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional pause icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "autoplay-pause"
             }
           ],
@@ -3667,9 +3667,9 @@
           "since": "1.18.0",
           "status": "stable",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-carousel",
+          "tagName": "sd-5-16-0-carousel",
           "customElement": true
         }
       ],
@@ -3684,7 +3684,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-carousel",
+          "name": "sd-5-16-0-carousel",
           "declaration": {
             "name": "SdCarousel",
             "module": "components/carousel/carousel.js"
@@ -3887,7 +3887,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/carousel",
           "since": "1.12.0",
           "status": "stable",
-          "tagName": "sd-5-15-13-carousel-item",
+          "tagName": "sd-5-16-0-carousel-item",
           "customElement": true,
           "attributes": [
             {
@@ -3928,7 +3928,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-carousel-item",
+          "name": "sd-5-16-0-carousel-item",
           "declaration": {
             "name": "SdCarouselItem",
             "module": "components/carousel-item/carousel-item.js"
@@ -3962,11 +3962,11 @@
               "name": "control--indeterminate"
             },
             {
-              "description": "The checked icon, an `<sd-5-15-13-icon>` element.",
+              "description": "The checked icon, an `<sd-5-16-0-icon>` element.",
               "name": "checked-icon"
             },
             {
-              "description": "The indeterminate icon, an `<sd-5-15-13-icon>` element.",
+              "description": "The indeterminate icon, an `<sd-5-16-0-icon>` element.",
               "name": "indeterminate-icon"
             },
             {
@@ -4255,7 +4255,7 @@
             },
             {
               "description": "Emitted when the checkbox receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             }
           ],
           "attributes": [
@@ -4382,9 +4382,9 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-checkbox",
+          "tagName": "sd-5-16-0-checkbox",
           "customElement": true
         }
       ],
@@ -4399,7 +4399,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-checkbox",
+          "name": "sd-5-16-0-checkbox",
           "declaration": {
             "name": "SdCheckbox",
             "module": "components/checkbox/checkbox.js"
@@ -4417,7 +4417,7 @@
           "name": "SdCheckboxGroup",
           "slots": [
             {
-              "description": "The default slot where `<sd-5-15-13-checkbox>` elements are placed.",
+              "description": "The default slot where `<sd-5-16-0-checkbox>` elements are placed.",
               "name": ""
             },
             {
@@ -4425,7 +4425,7 @@
               "name": "label"
             },
             {
-              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-5-15-13-tooltip` component.",
+              "description": "An optional tooltip that helps describe the checkbox-group. Use this slot with the `sd-5-16-0-tooltip` component.",
               "name": "tooltip"
             },
             {
@@ -4627,7 +4627,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/checkbox-group",
           "status": "stable",
           "since": "1.22.0",
-          "tagName": "sd-5-15-13-checkbox-group",
+          "tagName": "sd-5-16-0-checkbox-group",
           "customElement": true
         }
       ],
@@ -4642,7 +4642,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-checkbox-group",
+          "name": "sd-5-16-0-checkbox-group",
           "declaration": {
             "name": "SdCheckboxGroup",
             "module": "components/checkbox-group/checkbox-group.js"
@@ -4716,7 +4716,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-5-15-13-option>` elements. You can use `<sd-5-15-13-optgroup>`'s to group items visually.",
+              "description": "The listbox options. Must be `<sd-5-16-0-option>` elements. You can use `<sd-5-16-0-optgroup>`'s to group items visually.",
               "name": ""
             },
             {
@@ -5011,7 +5011,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-5-15-13-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-5-16-0-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -5220,7 +5220,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -5424,7 +5424,7 @@
                 "text": "boolean"
               },
               "default": "true",
-              "description": "Uses interactive `sd-5-15-13-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
+              "description": "Uses interactive `sd-5-16-0-tag` elements representing individual options in the display input when `multiple` is `true`. It cannot be opted out.",
               "fieldName": "useTags"
             },
             {
@@ -5510,11 +5510,11 @@
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-popup",
-            "sd-5-15-13-tag"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-popup",
+            "sd-5-16-0-tag"
           ],
-          "tagName": "sd-5-15-13-combobox",
+          "tagName": "sd-5-16-0-combobox",
           "customElement": true
         }
       ],
@@ -5529,7 +5529,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-combobox",
+          "name": "sd-5-16-0-combobox",
           "declaration": {
             "name": "SdCombobox",
             "module": "components/combobox/combobox.js"
@@ -5652,7 +5652,7 @@
               "description": "The item to check for"
             }
           ],
-          "description": "Check if an item is a sd-5-15-13-optgroup"
+          "description": "Check if an item is a sd-5-16-0-optgroup"
         },
         {
           "kind": "function",
@@ -5763,6 +5763,783 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "components/datepicker/datepicker.js",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "",
+          "name": "SdDatepicker",
+          "cssParts": [
+            {
+              "description": "The component's base wrapper.",
+              "name": "datepicker"
+            },
+            {
+              "description": "The header containing the month/year and navigation buttons.",
+              "name": "header"
+            },
+            {
+              "description": "The button to go to the previous year.",
+              "name": "prev-year-button"
+            },
+            {
+              "description": "The button to go to the previous month.",
+              "name": "prev-month-button"
+            },
+            {
+              "description": "The month and year label.",
+              "name": "month-label"
+            },
+            {
+              "description": "The button to go to the next month.",
+              "name": "next-month-button"
+            },
+            {
+              "description": "The button to go to the next year.",
+              "name": "next-year-button"
+            },
+            {
+              "description": "The calendar grid container.",
+              "name": "grid"
+            },
+            {
+              "description": "Each weekday label in the calendar header.",
+              "name": "weekday"
+            },
+            {
+              "description": "Each day button in the calendar grid.",
+              "name": "day"
+            },
+            {
+              "description": "The form control wrapper around the input.",
+              "name": "form-control"
+            },
+            {
+              "description": "The label for the input.",
+              "name": "form-control-label"
+            },
+            {
+              "description": "The input element.",
+              "name": "form-control-input"
+            },
+            {
+              "description": "The border around the input.",
+              "name": "border"
+            },
+            {
+              "description": "The icon shown when the input is invalid.",
+              "name": "invalid-icon"
+            },
+            {
+              "description": "The icon shown when the input is valid.",
+              "name": "valid-icon"
+            },
+            {
+              "description": "The help text, displayed below the input.",
+              "name": "form-control-help-text"
+            }
+          ],
+          "slots": [
+            {
+              "description": "The default slot.",
+              "name": ""
+            },
+            {
+              "description": "The label for the date input.",
+              "name": "label"
+            },
+            {
+              "description": "The help text, displayed below the input.",
+              "name": "help-text"
+            },
+            {
+              "description": "The tooltip icon and content.",
+              "name": "tooltip"
+            }
+          ],
+          "members": [
+            {
+              "kind": "field",
+              "name": "localize",
+              "privacy": "public",
+              "default": "new LocalizeController(this)",
+              "description": "Localize controller used to fetch localized terms/labels."
+            },
+            {
+              "kind": "field",
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en-US'",
+              "description": "Used for formatting and announcements (e.g., 'en-US', 'de-DE').",
+              "attribute": "locale",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
+              "attribute": "value"
+            },
+            {
+              "kind": "field",
+              "name": "range",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables date range selection when true.",
+              "attribute": "range",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "rangeStart",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Range start date in local ISO format (YYYY-MM-DD).",
+              "attribute": "rangeStart"
+            },
+            {
+              "kind": "field",
+              "name": "rangeEnd",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Range end date in local ISO format (YYYY-MM-DD).",
+              "attribute": "rangeEnd"
+            },
+            {
+              "kind": "field",
+              "name": "allowSameDayRange",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows selecting the same start and end date when true.",
+              "attribute": "allowSameDayRange"
+            },
+            {
+              "kind": "field",
+              "name": "min",
+              "type": {
+                "text": "string | number | Date | undefined"
+              },
+              "default": "undefined",
+              "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
+              "attribute": "min"
+            },
+            {
+              "kind": "field",
+              "name": "max",
+              "type": {
+                "text": "string | number | Date | undefined"
+              },
+              "default": "undefined",
+              "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
+              "attribute": "max"
+            },
+            {
+              "kind": "field",
+              "name": "firstDayOfWeek",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "First day of the week (0=Sun .. 6=Sat). If null, defaults to 1 (Monday).",
+              "attribute": "firstDayOfWeek"
+            },
+            {
+              "kind": "field",
+              "name": "disabledWeekends",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, weekends (Saturday/Sunday) are disabled.",
+              "attribute": "disabled-weekends",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabledDates",
+              "type": {
+                "text": "string[] | string"
+              },
+              "default": "[]",
+              "description": "List of disabled dates as local ISO strings. Accepts array or CSV/JSON string.",
+              "attribute": "disabled-dates"
+            },
+            {
+              "kind": "field",
+              "name": "isDateDisabled",
+              "type": {
+                "text": "((d: Date) => boolean) | null"
+              },
+              "default": "null",
+              "description": "Custom predicate that can disable specific dates at runtime."
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'lg' | 'md' | 'sm'"
+              },
+              "default": "'lg'",
+              "description": "Size of the input and calendar visuals.",
+              "attribute": "size",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "alignment",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'left'",
+              "description": "Horizontal alignment of the flyout relative to the input.",
+              "attribute": "alignment"
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Text label for the input. Can be overridden with slot=\"label\".",
+              "attribute": "label",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "helpText",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Help text shown below the input. Can be overridden with slot=\"help-text\".",
+              "attribute": "help-text",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the control entirely when true.",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "visuallyDisabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the control non-interactive visually (like disabled) without disabling it functionally.",
+              "attribute": "visually-disabled"
+            },
+            {
+              "kind": "field",
+              "name": "styleOnValid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, applies success styling for valid selections.",
+              "attribute": "style-on-valid",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input read-only (non-editable) when true.",
+              "attribute": "readonly",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'bottom'",
+              "description": "Preferred placement of the flyout relative to the input (top|bottom).",
+              "attribute": "placement",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "placeholder",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the datepicker, submitted as a name/value pair with form data.",
+              "attribute": "name",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element.\nThis attribute allows you to place the form control outside of a form and associate it\nwith the form that has this `id`.",
+              "attribute": "form",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "hasFocus",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "True when the input or calendar has focus."
+            },
+            {
+              "kind": "field",
+              "name": "showValidStyle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show the valid styling state."
+            },
+            {
+              "kind": "field",
+              "name": "showInvalidStyle",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether to show the invalid styling state."
+            },
+            {
+              "kind": "field",
+              "name": "currentPlacement",
+              "description": "Actual placement currently used by the flyout."
+            },
+            {
+              "kind": "field",
+              "name": "validity",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "validationMessage",
+              "readonly": true
+            },
+            {
+              "kind": "field",
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "attribute": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "attribute": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "emit",
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "options",
+                  "optional": true,
+                  "type": {
+                    "text": "CustomEventInit"
+                  }
+                }
+              ],
+              "description": "Emits a custom event with more convenient defaults.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "token",
+              "return": {
+                "type": {
+                  "text": "T"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "name",
+                  "type": {
+                    "text": "string"
+                  }
+                },
+                {
+                  "name": "fallback",
+                  "type": {
+                    "text": "T"
+                  }
+                }
+              ],
+              "description": "Retrieves the value of a css variable token.",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "internal/solid-element.js"
+              }
+            }
+          ],
+          "events": [
+            {
+              "description": "Emitted when the date selection changes.",
+              "name": "sd-change"
+            },
+            {
+              "description": "Emitted when the date range selection changes.",
+              "name": "sd-5-16-0-range-select"
+            },
+            {
+              "description": "Emitted when the date selection changes.",
+              "name": "sd-5-16-0-select"
+            },
+            {
+              "description": "Emitted when the datepicker is closed.",
+              "name": "sd-5-16-0-datepicker-close"
+            },
+            {
+              "description": "Emitted when the datepicker is focused.",
+              "name": "sd-focus"
+            },
+            {
+              "description": "Emitted when the datepicker is blurred.",
+              "name": "sd-blur"
+            },
+            {
+              "description": "Emitted when the month is changed.",
+              "name": "sd-month-change"
+            },
+            {
+              "description": "Emitted when the year is changed.",
+              "name": "sd-month-year"
+            }
+          ],
+          "attributes": [
+            {
+              "name": "locale",
+              "type": {
+                "text": "string"
+              },
+              "default": "'en-US'",
+              "description": "Used for formatting and announcements (e.g., 'en-US', 'de-DE').",
+              "fieldName": "locale"
+            },
+            {
+              "name": "value",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Selected date in local ISO format (YYYY-MM-DD) when not in range mode.",
+              "fieldName": "value"
+            },
+            {
+              "name": "range",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Enables date range selection when true.",
+              "fieldName": "range"
+            },
+            {
+              "name": "rangeStart",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Range start date in local ISO format (YYYY-MM-DD).",
+              "fieldName": "rangeStart"
+            },
+            {
+              "name": "rangeEnd",
+              "type": {
+                "text": "string | null"
+              },
+              "default": "null",
+              "description": "Range end date in local ISO format (YYYY-MM-DD).",
+              "fieldName": "rangeEnd"
+            },
+            {
+              "name": "allowSameDayRange",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Allows selecting the same start and end date when true.",
+              "fieldName": "allowSameDayRange"
+            },
+            {
+              "name": "min",
+              "type": {
+                "text": "string | number | Date | undefined"
+              },
+              "default": "undefined",
+              "description": "Minimum selectable date in local ISO format (YYYY-MM-DD).",
+              "fieldName": "min"
+            },
+            {
+              "name": "max",
+              "type": {
+                "text": "string | number | Date | undefined"
+              },
+              "default": "undefined",
+              "description": "Maximum selectable date in local ISO format (YYYY-MM-DD).",
+              "fieldName": "max"
+            },
+            {
+              "name": "firstDayOfWeek",
+              "type": {
+                "text": "number | null"
+              },
+              "default": "null",
+              "description": "First day of the week (0=Sun .. 6=Sat). If null, defaults to 1 (Monday).",
+              "fieldName": "firstDayOfWeek"
+            },
+            {
+              "name": "disabled-weekends",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, weekends (Saturday/Sunday) are disabled.",
+              "fieldName": "disabledWeekends"
+            },
+            {
+              "name": "disabled-dates",
+              "type": {
+                "text": "string[] | string"
+              },
+              "default": "[]",
+              "description": "List of disabled dates as local ISO strings. Accepts array or CSV/JSON string.",
+              "fieldName": "disabledDates"
+            },
+            {
+              "name": "size",
+              "type": {
+                "text": "'lg' | 'md' | 'sm'"
+              },
+              "default": "'lg'",
+              "description": "Size of the input and calendar visuals.",
+              "fieldName": "size"
+            },
+            {
+              "name": "alignment",
+              "type": {
+                "text": "'left' | 'right'"
+              },
+              "default": "'left'",
+              "description": "Horizontal alignment of the flyout relative to the input.",
+              "fieldName": "alignment"
+            },
+            {
+              "name": "label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Text label for the input. Can be overridden with slot=\"label\".",
+              "fieldName": "label"
+            },
+            {
+              "name": "help-text",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "Help text shown below the input. Can be overridden with slot=\"help-text\".",
+              "fieldName": "helpText"
+            },
+            {
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Disables the control entirely when true.",
+              "fieldName": "disabled"
+            },
+            {
+              "name": "visually-disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the control non-interactive visually (like disabled) without disabling it functionally.",
+              "fieldName": "visuallyDisabled"
+            },
+            {
+              "name": "style-on-valid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "When true, applies success styling for valid selections.",
+              "fieldName": "styleOnValid"
+            },
+            {
+              "name": "readonly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Makes the input read-only (non-editable) when true.",
+              "fieldName": "readonly"
+            },
+            {
+              "name": "placement",
+              "type": {
+                "text": "'top' | 'bottom'"
+              },
+              "default": "'bottom'",
+              "description": "Preferred placement of the flyout relative to the input (top|bottom).",
+              "fieldName": "placement"
+            },
+            {
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "placeholder"
+            },
+            {
+              "name": "name",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The name of the datepicker, submitted as a name/value pair with form data.",
+              "fieldName": "name"
+            },
+            {
+              "name": "form",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "By default, form controls are associated with the nearest containing `<form>` element.\nThis attribute allows you to place the form control outside of a form and associate it\nwith the form that has this `id`.",
+              "fieldName": "form"
+            },
+            {
+              "name": "dir",
+              "type": {
+                "text": "'ltr' | 'rtl' | 'auto'"
+              },
+              "description": "The element's directionality.",
+              "fieldName": "dir",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            },
+            {
+              "name": "lang",
+              "type": {
+                "text": "string"
+              },
+              "description": "The element's language.",
+              "fieldName": "lang",
+              "inheritedFrom": {
+                "name": "SolidElement",
+                "module": "src/internal/solid-element.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "SolidElement",
+            "module": "/src/internal/solid-element"
+          },
+          "summary": "Used to enter or select a date or a range of dates using a calendar view.",
+          "status": "stable",
+          "since": "5.16.0",
+          "dependencies": [
+            "sd-5-16-0-icon",
+            "sd-5-16-0-divider",
+            "sd-5-16-0-popup"
+          ],
+          "tagName": "sd-5-16-0-datepicker",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "SdDatepicker",
+            "module": "components/datepicker/datepicker.js"
+          }
+        },
+        {
+          "kind": "custom-element-definition",
+          "name": "sd-5-16-0-datepicker",
+          "declaration": {
+            "name": "SdDatepicker",
+            "module": "components/datepicker/datepicker.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "components/dialog/dialog.js",
@@ -5799,7 +6576,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-5-15-13-button>`.",
+              "description": "The close button, an `<sd-5-16-0-button>`.",
               "name": "close-button"
             },
             {
@@ -5825,7 +6602,7 @@
               "name": "footer"
             },
             {
-              "description": "The dialog's close button. Works best with `<sd-5-15-13-button>` and `<sd-5-15-13-icon>`.",
+              "description": "The dialog's close button. Works best with `<sd-5-16-0-button>` and `<sd-5-16-0-icon>`.",
               "name": "close-button"
             }
           ],
@@ -6049,8 +6826,8 @@
           "status": "stable",
           "since": "1.40.0",
           "dependencies": [
-            "sd-5-15-13-button",
-            "sd-5-15-13-icon"
+            "sd-5-16-0-button",
+            "sd-5-16-0-icon"
           ],
           "animations": [
             {
@@ -6074,7 +6851,7 @@
               "description": "The animation to use when hiding the dialog's overlay."
             }
           ],
-          "tagName": "sd-5-15-13-dialog",
+          "tagName": "sd-5-16-0-dialog",
           "customElement": true
         }
       ],
@@ -6089,7 +6866,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-dialog",
+          "name": "sd-5-16-0-dialog",
           "declaration": {
             "name": "SdDialog",
             "module": "components/dialog/dialog.js"
@@ -6265,7 +7042,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/divider",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-5-15-13-divider",
+          "tagName": "sd-5-16-0-divider",
           "customElement": true
         }
       ],
@@ -6280,7 +7057,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-divider",
+          "name": "sd-5-16-0-divider",
           "declaration": {
             "name": "SdDivider",
             "module": "components/divider/divider.js"
@@ -6324,7 +7101,7 @@
               "name": "title"
             },
             {
-              "description": "The close button, an `<sd-5-15-13-button>`.",
+              "description": "The close button, an `<sd-5-16-0-button>`.",
               "name": "close-button"
             },
             {
@@ -6610,7 +7387,7 @@
           "status": "stable",
           "since": "1.9",
           "dependencies": [
-            "sd-5-15-13-button"
+            "sd-5-16-0-button"
           ],
           "animations": [
             {
@@ -6642,7 +7419,7 @@
               "description": "The animation to use when hiding the drawer's overlay."
             }
           ],
-          "tagName": "sd-5-15-13-drawer",
+          "tagName": "sd-5-16-0-drawer",
           "customElement": true
         }
       ],
@@ -6657,7 +7434,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-drawer",
+          "name": "sd-5-16-0-drawer",
           "declaration": {
             "name": "SdDrawer",
             "module": "components/drawer/drawer.js"
@@ -6697,7 +7474,7 @@
               "name": ""
             },
             {
-              "description": "The dropdown's trigger, usually a `<sd-5-15-13-button>` element.",
+              "description": "The dropdown's trigger, usually a `<sd-5-16-0-button>` element.",
               "name": "trigger"
             }
           ],
@@ -6833,7 +7610,7 @@
                   "text": "HTMLElement | null"
                 }
               },
-              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-5-15-13-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\""
+              "description": "Slotted triggers can be arbitrary content. The accessible trigger is the tabbable element\nwithin the slotted trigger. This could be the slotted element itself, a child of the slotted element,\nor an element within the slotted elements shadow root.\n\ne.g. the accessible trigger of an <sd-5-16-0-button> is a <button> located inside its shadow root.\n\nTo determine this, we assume the first tabbable element in the trigger slot is the \"accessible trigger.\""
             },
             {
               "kind": "method",
@@ -7080,7 +7857,7 @@
           "status": "stable",
           "since": "1.8",
           "dependencies": [
-            "sd-5-15-13-popup"
+            "sd-5-16-0-popup"
           ],
           "animations": [
             {
@@ -7092,7 +7869,7 @@
               "description": "The animation to use when hiding the dropdown."
             }
           ],
-          "tagName": "sd-5-15-13-dropdown",
+          "tagName": "sd-5-16-0-dropdown",
           "customElement": true
         }
       ],
@@ -7107,7 +7884,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-dropdown",
+          "name": "sd-5-16-0-dropdown",
           "declaration": {
             "name": "SdDropdown",
             "module": "components/dropdown/dropdown.js"
@@ -7378,9 +8155,9 @@
           "status": "stable",
           "since": "3.11.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-expandable",
+          "tagName": "sd-5-16-0-expandable",
           "customElement": true
         }
       ],
@@ -7395,7 +8172,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-expandable",
+          "name": "sd-5-16-0-expandable",
           "declaration": {
             "name": "SdExpandable",
             "module": "components/expandable/expandable.js"
@@ -7706,10 +8483,10 @@
           "status": "stable",
           "since": "3.8.0",
           "dependencies": [
-            "sd-5-15-13-button",
-            "sd-5-15-13-icon"
+            "sd-5-16-0-button",
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-flipcard",
+          "tagName": "sd-5-16-0-flipcard",
           "customElement": true
         }
       ],
@@ -7724,7 +8501,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-flipcard",
+          "name": "sd-5-16-0-flipcard",
           "declaration": {
             "name": "SdFlipcard",
             "module": "components/flipcard/flipcard.js"
@@ -7900,7 +8677,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/header",
           "status": "stable",
           "since": "1.25.0",
-          "tagName": "sd-5-15-13-header",
+          "tagName": "sd-5-16-0-header",
           "customElement": true
         }
       ],
@@ -7915,7 +8692,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-header",
+          "name": "sd-5-16-0-header",
           "declaration": {
             "name": "SdHeader",
             "module": "components/header/header.js"
@@ -8148,7 +8925,7 @@
           "summary": "Icons are symbols that can be used to represent various options within an application.",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-5-15-13-icon",
+          "tagName": "sd-5-16-0-icon",
           "customElement": true
         }
       ],
@@ -8163,7 +8940,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-icon",
+          "name": "sd-5-16-0-icon",
           "declaration": {
             "name": "SdIcon",
             "module": "components/icon/icon.js"
@@ -8205,7 +8982,7 @@
           "type": {
             "text": "object"
           },
-          "default": "{ calendar: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM6 4v1.667a1 1 0 0 0 2 0V4h8v1.667a1 1 0 0 0 2 0V4h2v4H4V4h2ZM4 20V10h16v10H4Z\"/> <path d=\"m7.603 13.263.597.81.31-.25c.31-.25.593-.49.733-.63h.017c-.017.333-.033 1.14-.033 1.647V18h1.223v-6.03H9.353l-1.75 1.293ZM14.667 11.867c-1.543 0-2.26 1-2.26 3.163 0 1.9.667 3.063 2.217 3.063s2.193-1.18 2.193-3.13c-.017-2.063-.743-3.097-2.15-3.097v.001Zm-.044 5.333c-.647 0-1-.76-1-2.28 0-1.44.353-2.173 1-2.173s1 .743 1 2.233c0 1.49-.387 2.227-1.017 2.227l.017-.007Z\"/> </svg> `, 'chevron-down': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path> </svg> `, 'chevron-up': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path> </svg> `, 'chevron-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z\"/></svg>`, 'chevron-left': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M17.743 2.333a.997.997 0 0 0-1.41-.076l.001-.001-10 9a.997.997 0 0 0 0 1.486v.001l10 9a1 1 0 0 0 1.333-1.487l-9.173-8.257 9.173-8.257a.997.997 0 0 0 .076-1.41l.001.001Z\"/> </svg> `, clock: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 11.587V8a1 1 0 0 0-2 0v4c0 .07.007.138.021.203l-.001-.006a.855.855 0 0 0 .029.093l-.002-.006c0 .033 0 .067.03.1a.709.709 0 0 0 .055.103l-.002-.003.037.07c.04.057.081.107.127.153l2.827 2.83a1.002 1.002 0 0 0 1.417-1.417L13 11.587Z\"/> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> </svg> `, close: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z\"/></svg> </svg> `, 'closing-round': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path d=\"M16.373 7.627a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L13.413 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/> </svg>`, eye: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> </svg> `, 'eye-crossed-out': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M3 22a1 1 0 0 1-.707-1.707l18-18a1 1 0 0 1 1.414 1.414l-18 18A.991.991 0 0 1 3 22Z\"/> </svg> `, 'info-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/><path d=\"M13.333 7.833a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3.001.001ZM13 11.667a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.667h2v-3.667Z\"/><path d=\"M11 16.333v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1Zm3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2Z\"/><path d=\"M13 16.333v-1h-2v1a1 1 0 0 0 2 0Z\"/></svg>`, 'status-check': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 13\"> <path fill=\"currentColor\" d=\"m9.947 1.138-.005.008-.001.003-5.56 8.34-2.434-2.447-.004-.004a.648.648 0 0 0-1.093.475c0 .172.066.328.175.444l.003.004 3 2.999c.117.117.28.19.46.19h.065c.2-.021.37-.13.475-.286l.005-.008.001-.002 5.994-8.992a.65.65 0 0 0-.18-.902l-.007-.005-.002-.002a.65.65 0 0 0-.892.185Z\"/> </svg> `, 'status-minus': ` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"> <path d=\"M10 5.375H2C1.65496 5.375 1.375 5.65496 1.375 6C1.375 6.34504 1.65496 6.625 2 6.625H10C10.345 6.625 10.625 6.34504 10.625 6C10.625 5.65496 10.345 5.375 10 5.375Z\" fill=\"currentColor\"/> </svg> `, pause: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z\"/> </svg> `, risk: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.893 2.553a1.002 1.002 0 0 0-1.784-.006L2.106 20.553A1 1 0 0 0 3 22h18a1 1 0 0 0 .891-1.452l.003.006-9.001-18.001ZM4.617 20 12 5.237 19.383 20H4.617Z\"/> <path d=\"M11 10.667V15a1 1 0 0 0 2 0v-4.333a1 1 0 0 0-2 0ZM13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"/> </svg> `, start: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"> <path d=\"m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z\"/> </svg> `, 'confirm-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path fill=\"currentColor\" d=\"M15.8 7.5a1 1 0 0 0-1.4.3L10.9 14 9 12.3a1 1 0 0 0-1.6.7c0 .3 0 .5.2.7l2.7 2.7c.2.1.4.3.7.3h.1c.3 0 .6-.3.8-.5l4.3-7.4.1-.5a1 1 0 0 0-.5-.8Z\"/> </svg>`, warning: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12.893 2.55295C12.725 2.22395 12.388 2.00195 12 2.00195C11.612 2.00195 11.275 2.22295 11.109 2.54695L2.10598 20.553C2.03998 20.683 2.00098 20.837 2.00098 21C2.00098 21.552 2.44798 21.999 2.99998 22H21C21.552 21.999 21.999 21.552 21.999 21C21.999 20.837 21.96 20.683 21.891 20.548L21.894 20.554L12.893 2.55295ZM4.61698 20L12 5.23695L19.383 20H4.61698Z\"/><path d=\"M11 10.667V15C11 15.552 11.448 16 12 16C12.552 16 13 15.552 13 15V10.667C13 10.115 12.552 9.66695 12 9.66695C11.448 9.66695 11 10.115 11 10.667Z\"/><path d=\"M13 18C13 18.552 12.552 19 12 19C11.448 19 11 18.552 11 18C11 17.448 11.448 17 12 17C12.552 17 13 17.448 13 18Z\"/></svg>`, 'exclamation-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z\"/><path d=\"M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z\"/><path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z\"/></svg>`, 'magnifying-glass': ` <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M21.707 20.293l-6.967-6.96c-0.046-0.046-0.096-0.087-0.15-0.124l-0.004-0.002c0.882-1.162 1.413-2.632 1.413-4.227 0-3.881-3.146-7.027-7.027-7.027s-7.027 3.146-7.027 7.027c0 3.881 3.146 7.027 7.027 7.027 1.594 0 3.065-0.531 4.244-1.426l-0.017 0.013c0.039 0.057 0.081 0.107 0.127 0.153l6.967 6.967c0.181 0.181 0.431 0.292 0.707 0.292s0.526-0.112 0.707-0.292v0c0.183-0.181 0.296-0.432 0.296-0.71s-0.113-0.529-0.296-0.71l-0-0zM9 14c-2.761 0-5-2.239-5-5s2.239-5 5-5c2.761 0 5 2.239 5 5v0c0 2.761-2.239 5-5 5v0z\"></path></svg>`, transcript: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M19 22H5a1 1 0 0 1-1-1V3c0-.6.4-1 1-1h9c.3 0 .5.1.7.3l5 5c.2.2.3.4.3.7v13c0 .6-.4 1-1 1ZM6 20h12V8.4L13.6 4H6v16Z\"/> <path fill=\"currentColor\" d=\"M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2Zm-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z\"/> </svg>`, mute: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm12.374-8.96a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L18.747 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/></svg>`, volume: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z\"/><path d=\"M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z\"/></svg>`, reload: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path d=\"M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z\"/></svg>` }"
+          "default": "{ calendar: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21 2H3a1 1 0 0 0-1 1v18a1 1 0 0 0 1 1h18a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1ZM6 4v1.667a1 1 0 0 0 2 0V4h8v1.667a1 1 0 0 0 2 0V4h2v4H4V4h2ZM4 20V10h16v10H4Z\"/> <path d=\"m7.603 13.263.597.81.31-.25c.31-.25.593-.49.733-.63h.017c-.017.333-.033 1.14-.033 1.647V18h1.223v-6.03H9.353l-1.75 1.293ZM14.667 11.867c-1.543 0-2.26 1-2.26 3.163 0 1.9.667 3.063 2.217 3.063s2.193-1.18 2.193-3.13c-.017-2.063-.743-3.097-2.15-3.097v.001Zm-.044 5.333c-.647 0-1-.76-1-2.28 0-1.44.353-2.173 1-2.173s1 .743 1 2.233c0 1.49-.387 2.227-1.017 2.227l.017-.007Z\"/> </svg> `, 'chevron-down': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M20.257 6.333l-8.257 9.173-8.257-9.173c-0.181-0.181-0.431-0.292-0.707-0.292-0.552 0-1 0.448-1 1 0 0.238 0.083 0.456 0.222 0.628l-0.001-0.002 9 10c0.184 0.204 0.449 0.331 0.743 0.331s0.56-0.127 0.743-0.33l0.001-0.001 9-10c0.137-0.17 0.22-0.388 0.22-0.626 0-0.552-0.448-1-1-1-0.276 0-0.526 0.112-0.707 0.293v0z\"></path> </svg> `, 'chevron-up': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.743 6.333c-0.188-0.195-0.452-0.316-0.743-0.316s-0.555 0.121-0.743 0.315l-0 0-9 10c-0.137 0.17-0.22 0.388-0.22 0.626 0 0.552 0.448 1 1 1 0.276 0 0.526-0.112 0.707-0.293v0l8.257-9.173 8.257 9.173c0.181 0.181 0.431 0.292 0.707 0.292 0.552 0 1-0.448 1-1 0-0.238-0.083-0.456-0.222-0.628l0.001 0.002z\"></path> </svg> `, 'chevron-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M7.667 2.257a1 1 0 1 0-1.336 1.485l.002.001L15.506 12l-9.173 8.257a1 1 0 0 0 1.336 1.485l-.002.001 10-9a.997.997 0 0 0 .001-1.486l-.001-.001-10-8.999Z\"/></svg>`, 'chevron-left': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M17.743 2.333a.997.997 0 0 0-1.41-.076l.001-.001-10 9a.997.997 0 0 0 0 1.486v.001l10 9a1 1 0 0 0 1.333-1.487l-9.173-8.257 9.173-8.257a.997.997 0 0 0 .076-1.41l.001.001Z\"/> </svg> `, 'chevron-sm-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M10.688 6.257a1 1 0 1 0-1.336 1.485h.002L14.528 12l-5.174 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .002-1.485l-.002-.001-6-5Z\"/> </svg>`, 'chevron-sm-left': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M14.742 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0 0 1.486v.001l6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> </svg>`, 'chevrons-sm-left': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M11.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> <path fill=\"currentColor\" d=\"M18.74 6.333a.997.997 0 0 0-1.41-.076l.001-.001-6 5a.997.997 0 0 0-.001 1.486l.001.001 6 5a1 1 0 0 0 1.333-1.487l-5.173-4.257 5.173-4.257a.997.997 0 0 0 .076-1.409Z\"/> </svg>`, 'chevrons-sm-right': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M13.718 6.257a1 1 0 1 0-1.336 1.485h.002L17.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z\"/> <path fill=\"currentColor\" d=\"M6.718 6.257a1 1 0 1 0-1.336 1.485h.002L10.557 12l-5.173 4.257a1 1 0 0 0 1.336 1.485h-.002l6-5a.997.997 0 0 0 .001-1.485l-.001-.001-6-5Z\"/> </svg>`, clock: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M13 11.587V8a1 1 0 0 0-2 0v4c0 .07.007.138.021.203l-.001-.006a.855.855 0 0 0 .029.093l-.002-.006c0 .033 0 .067.03.1a.709.709 0 0 0 .055.103l-.002-.003.037.07c.04.057.081.107.127.153l2.827 2.83a1.002 1.002 0 0 0 1.417-1.417L13 11.587Z\"/> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> </svg> `, close: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M21.707 2.293a1 1 0 0 0-1.414 0L12 10.586 3.707 2.293a1 1 0 0 0-1.413 1.414l-.001-.001 8.293 8.293-8.293 8.293a1 1 0 0 0 0 1.414 1 1 0 0 0 1.414 0L12 13.413l8.293 8.293a1 1 0 0 0 1.414 0 1 1 0 0 0 0-1.414l-8.293-8.293 8.293-8.293a1 1 0 0 0 0-1.414z\"/></svg> </svg> `, 'closing-round': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path d=\"M16.373 7.627a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L13.413 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/> </svg>`, eye: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> </svg> `, 'eye-crossed-out': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12 16.107A4.11 4.11 0 0 1 7.893 12 4.11 4.11 0 0 1 12 7.893 4.11 4.11 0 0 1 16.107 12 4.11 4.11 0 0 1 12 16.107Zm0-6.21a2.107 2.107 0 1 0 0 4.213 2.107 2.107 0 0 0 0-4.213Z\"/> <path d=\"M12 18.96c-5.263 0-10-5.68-10-6.96 0-1.28 4.737-6.96 10-6.96S22 10.72 22 12c0 1.28-4.737 6.96-10 6.96ZM4.1 12c.76 1.197 4.07 4.96 7.9 4.96s7.14-3.767 7.9-4.96c-.76-1.197-4.07-4.96-7.9-4.96S4.86 10.807 4.1 12Z\"/> <path d=\"M3 22a1 1 0 0 1-.707-1.707l18-18a1 1 0 0 1 1.414 1.414l-18 18A.991.991 0 0 1 3 22Z\"/> </svg> `, 'info-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/><path d=\"M13.333 7.833a1.5 1.5 0 1 1-3.001-.001 1.5 1.5 0 0 1 3.001.001ZM13 11.667a1 1 0 0 0-1-1h-1a1 1 0 0 0 0 2v2.667h2v-3.667Z\"/><path d=\"M11 16.333v-1h-1a1 1 0 0 0 0 2h2a1 1 0 0 1-1-1Zm3-1h-1v1a1 1 0 0 1-1 1h2a1 1 0 0 0 0-2Z\"/><path d=\"M13 16.333v-1h-2v1a1 1 0 0 0 2 0Z\"/></svg>`, 'status-check': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 12 13\"> <path fill=\"currentColor\" d=\"m9.947 1.138-.005.008-.001.003-5.56 8.34-2.434-2.447-.004-.004a.648.648 0 0 0-1.093.475c0 .172.066.328.175.444l.003.004 3 2.999c.117.117.28.19.46.19h.065c.2-.021.37-.13.475-.286l.005-.008.001-.002 5.994-8.992a.65.65 0 0 0-.18-.902l-.007-.005-.002-.002a.65.65 0 0 0-.892.185Z\"/> </svg> `, 'status-minus': ` <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" fill=\"none\"> <path d=\"M10 5.375H2C1.65496 5.375 1.375 5.65496 1.375 6C1.375 6.34504 1.65496 6.625 2 6.625H10C10.345 6.625 10.625 6.34504 10.625 6C10.625 5.65496 10.345 5.375 10 5.375Z\" fill=\"currentColor\"/> </svg> `, pause: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M9 22a.99997.99997 0 0 0 1-1V3a1.00003 1.00003 0 0 0-1-1H5a1.00003 1.00003 0 0 0-1 1v18a.99997.99997 0 0 0 1 1h4ZM6 4h2v16H6V4ZM19 22c.2652 0 .5196-.1054.7071-.2929A1.0001 1.0001 0 0 0 20 21V3a.99997.99997 0 0 0-1-1h-4a.99997.99997 0 0 0-1 1v18c0 .2652.1054.5196.2929.7071S14.7348 22 15 22h4ZM16 4h2v16h-2V4Z\"/> </svg> `, risk: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"> <path d=\"M12.893 2.553a1.002 1.002 0 0 0-1.784-.006L2.106 20.553A1 1 0 0 0 3 22h18a1 1 0 0 0 .891-1.452l.003.006-9.001-18.001ZM4.617 20 12 5.237 19.383 20H4.617Z\"/> <path d=\"M11 10.667V15a1 1 0 0 0 2 0v-4.333a1 1 0 0 0-2 0ZM13 18a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\"/> </svg> `, start: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 64 64\"> <path d=\"m57.44 29.76-37.333-24A2.667 2.667 0 0 0 16 8v48a2.668 2.668 0 0 0 2.667 2.666 2.672 2.672 0 0 0 1.45-.431l-.01.005 37.333-24a2.67 2.67 0 0 0 1.192-2.221c0-.923-.47-1.74-1.184-2.216l-.01-.006.002-.037ZM21.333 51.112V12.89l29.734 19.112-29.734 19.11Z\"/> </svg> `, 'confirm-circle': `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16Z\"/> <path fill=\"currentColor\" d=\"M15.8 7.5a1 1 0 0 0-1.4.3L10.9 14 9 12.3a1 1 0 0 0-1.6.7c0 .3 0 .5.2.7l2.7 2.7c.2.1.4.3.7.3h.1c.3 0 .6-.3.8-.5l4.3-7.4.1-.5a1 1 0 0 0-.5-.8Z\"/> </svg>`, warning: ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12.893 2.55295C12.725 2.22395 12.388 2.00195 12 2.00195C11.612 2.00195 11.275 2.22295 11.109 2.54695L2.10598 20.553C2.03998 20.683 2.00098 20.837 2.00098 21C2.00098 21.552 2.44798 21.999 2.99998 22H21C21.552 21.999 21.999 21.552 21.999 21C21.999 20.837 21.96 20.683 21.891 20.548L21.894 20.554L12.893 2.55295ZM4.61698 20L12 5.23695L19.383 20H4.61698Z\"/><path d=\"M11 10.667V15C11 15.552 11.448 16 12 16C12.552 16 13 15.552 13 15V10.667C13 10.115 12.552 9.66695 12 9.66695C11.448 9.66695 11 10.115 11 10.667Z\"/><path d=\"M13 18C13 18.552 12.552 19 12 19C11.448 19 11 18.552 11 18C11 17.448 11.448 17 12 17C12.552 17 13 17.448 13 18Z\"/></svg>`, 'exclamation-circle': ` <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M13 17C13 17.552 12.552 18 12 18C11.448 18 11 17.552 11 17C11 16.448 11.448 16 12 16C12.552 16 13 16.448 13 17Z\"/><path d=\"M12 6C11.448 6 11 6.448 11 7V13C11 13.552 11.448 14 12 14C12.552 14 13 13.552 13 13V7C13 6.448 12.552 6 12 6Z\"/><path d=\"M12 2C6.477 2 2 6.477 2 12C2 17.523 6.477 22 12 22C17.523 22 22 17.523 22 12C22 6.477 17.523 2 12 2ZM12 20C7.582 20 4 16.418 4 12C4 7.582 7.582 4 12 4C16.418 4 20 7.582 20 12C20 16.418 16.418 20 12 20Z\"/></svg>`, 'magnifying-glass': ` <svg version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M21.707 20.293l-6.967-6.96c-0.046-0.046-0.096-0.087-0.15-0.124l-0.004-0.002c0.882-1.162 1.413-2.632 1.413-4.227 0-3.881-3.146-7.027-7.027-7.027s-7.027 3.146-7.027 7.027c0 3.881 3.146 7.027 7.027 7.027 1.594 0 3.065-0.531 4.244-1.426l-0.017 0.013c0.039 0.057 0.081 0.107 0.127 0.153l6.967 6.967c0.181 0.181 0.431 0.292 0.707 0.292s0.526-0.112 0.707-0.292v0c0.183-0.181 0.296-0.432 0.296-0.71s-0.113-0.529-0.296-0.71l-0-0zM9 14c-2.761 0-5-2.239-5-5s2.239-5 5-5c2.761 0 5 2.239 5 5v0c0 2.761-2.239 5-5 5v0z\"></path></svg>`, transcript: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path fill=\"currentColor\" d=\"M19 22H5a1 1 0 0 1-1-1V3c0-.6.4-1 1-1h9c.3 0 .5.1.7.3l5 5c.2.2.3.4.3.7v13c0 .6-.4 1-1 1ZM6 20h12V8.4L13.6 4H6v16Z\"/> <path fill=\"currentColor\" d=\"M19 10h-6a1 1 0 0 1-1-1V3a1 1 0 1 1 2 0v5h5a1 1 0 1 1 0 2Zm-3 4H8a1 1 0 1 1 0-2h8a1 1 0 1 1 0 2Zm-2 4H8a1 1 0 1 1 0-2h6a1 1 0 1 1 0 2Z\"/> </svg>`, mute: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm12.374-8.96a1 1 0 0 0-1.414 0l-2.96 2.96-2.96-2.96a1 1 0 0 0-1.413 1.414l-.001-.001 2.96 2.96-2.96 2.96a1 1 0 0 0 1.414 1.414l2.96-2.96 2.96 2.96a1 1 0 0 0 1.414-1.414L18.747 12l2.96-2.96a1 1 0 0 0 0-1.414v.001Z\"/></svg>`, volume: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"> <path d=\"M10.717 4.077a.997.997 0 0 0-1.09.217L5.92 8.001H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.92l3.707 3.707a.997.997 0 0 0 .707.293h.007a.953.953 0 0 0 .382-.079l-.006.002c.365-.154.617-.509.617-.923v-14a1 1 0 0 0-.61-.921l-.007-.002v-.001ZM4 10h1.333v4H4v-4Zm5.333 6.587-2-2V9.414l2-2v9.173Zm9.217-13.48a1 1 0 0 0-.44 1.339l-.003-.006c1.177 2.191 1.876 4.792 1.893 7.555V12a16.365 16.365 0 0 1-1.936 7.638l.043-.088a1.002 1.002 0 0 0 .438 1.331l.006.003c.13.071.285.114.449.117h.001a.999.999 0 0 0 .89-.544l.003-.006c1.312-2.45 2.09-5.357 2.107-8.445v-.005c-.017-3.093-.794-6-2.155-8.549l.048.099a1.001 1.001 0 0 0-1.349-.44l.006-.003-.001-.001Z\"/><path d=\"M14.447 5.167a1 1 0 0 0-.278 1.39l-.002-.004C15.35 8.333 16 10.266 16 12s-.667 3.667-1.833 5.447a1 1 0 0 0 1.664 1.11l.002-.004C17.23 16.45 18 14.12 18 12s-.77-4.45-2.167-6.553a1 1 0 0 0-1.39-.278l.004-.002Z\"/></svg>`, reload: `<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path d=\"M3.697 10.447 5.03 11.78c.1-4.76 3.717-8.447 8.303-8.447a8.667 8.667 0 0 1 0 17.334 1 1 0 0 1 0-2 6.667 6.667 0 0 0 0-13.334C9.8 5.333 7.126 8.076 7 11.753l1.333-1.307a1 1 0 0 1 1.414 1.417l-3.023 3.023a.996.996 0 0 1-1.416 0l-3.023-3.023a1.002 1.002 0 0 1 1.417-1.417l-.005.001Z\"/></svg>` }"
         },
         {
           "kind": "variable",
@@ -8621,7 +9398,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/include",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-5-15-13-include",
+          "tagName": "sd-5-16-0-include",
           "customElement": true
         }
       ],
@@ -8636,7 +9413,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-include",
+          "name": "sd-5-16-0-include",
           "declaration": {
             "name": "SdInclude",
             "module": "components/include/include.js"
@@ -8781,7 +9558,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-5-15-13-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-5-16-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -9362,7 +10139,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             },
             {
               "description": "Emitted when the search button is activated.",
@@ -9670,9 +10447,9 @@
           "status": "stable",
           "since": "1.24.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-input",
+          "tagName": "sd-5-16-0-input",
           "customElement": true
         }
       ],
@@ -9687,7 +10464,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-input",
+          "name": "sd-5-16-0-input",
           "declaration": {
             "name": "SdInput",
             "module": "components/input/input.js"
@@ -10014,7 +10791,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/link",
           "status": "stable",
           "since": "1.0.0",
-          "tagName": "sd-5-15-13-link",
+          "tagName": "sd-5-16-0-link",
           "customElement": true
         }
       ],
@@ -10029,7 +10806,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-link",
+          "name": "sd-5-16-0-link",
           "declaration": {
             "name": "SdLink",
             "module": "components/link/link.js"
@@ -10185,7 +10962,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/loader",
           "status": "stable",
           "since": "5.12",
-          "tagName": "sd-5-15-13-loader",
+          "tagName": "sd-5-16-0-loader",
           "customElement": true
         }
       ],
@@ -10200,7 +10977,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-loader",
+          "name": "sd-5-16-0-loader",
           "declaration": {
             "name": "SdLoader",
             "module": "components/loader/loader.js"
@@ -10508,7 +11285,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-map-marker--docs",
           "status": "stable",
           "since": "2.12",
-          "tagName": "sd-5-15-13-map-marker",
+          "tagName": "sd-5-16-0-map-marker",
           "customElement": true
         }
       ],
@@ -10523,7 +11300,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-map-marker",
+          "name": "sd-5-16-0-map-marker",
           "declaration": {
             "name": "SdMapMarker",
             "module": "components/map-marker/map-marker.js"
@@ -10634,7 +11411,7 @@
           "events": [
             {
               "description": "Emitted when a menu item is selected.",
-              "name": "sd-5-15-13-select"
+              "name": "sd-5-16-0-select"
             }
           ],
           "superclass": {
@@ -10645,12 +11422,12 @@
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
-            "sd-5-15-13-menu-item",
-            "sd-5-15-13-divider",
-            "sd-5-15-13-icon",
-            "sd-5-15-13-dropdown"
+            "sd-5-16-0-menu-item",
+            "sd-5-16-0-divider",
+            "sd-5-16-0-icon",
+            "sd-5-16-0-dropdown"
           ],
-          "tagName": "sd-5-15-13-menu",
+          "tagName": "sd-5-16-0-menu",
           "customElement": true,
           "attributes": [
             {
@@ -10691,7 +11468,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-menu",
+          "name": "sd-5-16-0-menu",
           "declaration": {
             "name": "SdMenu",
             "module": "components/menu/menu.js"
@@ -10969,10 +11746,10 @@
           "status": "experimental",
           "since": "5.9.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-popup"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-popup"
           ],
-          "tagName": "sd-5-15-13-menu-item",
+          "tagName": "sd-5-16-0-menu-item",
           "customElement": true
         }
       ],
@@ -10987,7 +11764,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-menu-item",
+          "name": "sd-5-16-0-menu-item",
           "declaration": {
             "name": "SdMenuItem",
             "module": "components/menu-item/menu-item.js"
@@ -11441,10 +12218,10 @@
           "status": "stable",
           "since": "1.15.0",
           "dependencies": [
-            "sd-5-15-13-divider",
-            "sd-5-15-13-icon"
+            "sd-5-16-0-divider",
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-navigation-item",
+          "tagName": "sd-5-16-0-navigation-item",
           "customElement": true
         }
       ],
@@ -11459,7 +12236,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-navigation-item",
+          "name": "sd-5-16-0-navigation-item",
           "declaration": {
             "name": "SdNavigationItem",
             "module": "components/navigation-item/navigation-item.js"
@@ -11505,17 +12282,17 @@
               "name": "duration-indicator__total"
             },
             {
-              "description": "The close button, an `<sd-5-15-13-icon-button>`.",
+              "description": "The close button, an `<sd-5-16-0-icon-button>`.",
               "name": "close-button"
             }
           ],
           "slots": [
             {
-              "description": "The sd-5-15-13-notification's main content.",
+              "description": "The sd-5-16-0-notification's main content.",
               "name": ""
             },
             {
-              "description": "An icon to show in the sd-5-15-13-notification. Works best with `<sd-5-15-13-icon>`.",
+              "description": "An icon to show in the sd-5-16-0-notification. Works best with `<sd-5-16-0-icon>`.",
               "name": "icon"
             }
           ],
@@ -11533,7 +12310,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-5-15-13-notification's theme.",
+              "description": "The sd-5-16-0-notification's theme.",
               "attribute": "variant",
               "reflects": true
             },
@@ -11544,7 +12321,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-5-15-13-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
+              "description": "Indicates whether or not sd-5-16-0-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
               "attribute": "open",
               "reflects": true
             },
@@ -11563,7 +12340,7 @@
               "kind": "field",
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-5-15-13-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
+              "description": "The length of time, in milliseconds, the sd-5-16-0-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
               "attribute": "duration",
               "reflects": true
             },
@@ -11585,7 +12362,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-5-15-13-notification.",
+              "description": "The position of the toasted sd-5-16-0-notification.",
               "attribute": "toast-stack",
               "reflects": true
             },
@@ -11708,7 +12485,7 @@
                 "text": "'info' | 'success' | 'error' | 'warning'"
               },
               "default": "'info'",
-              "description": "The sd-5-15-13-notification's theme.",
+              "description": "The sd-5-16-0-notification's theme.",
               "fieldName": "variant"
             },
             {
@@ -11717,7 +12494,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Indicates whether or not sd-5-15-13-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
+              "description": "Indicates whether or not sd-5-16-0-notification is open. You can toggle this attribute to show and hide the notification, or you can\nuse the `show()` and `hide()` methods and this attribute will reflect the notifications's open state.",
               "fieldName": "open"
             },
             {
@@ -11732,7 +12509,7 @@
             {
               "name": "duration",
               "default": "Infinity",
-              "description": "The length of time, in milliseconds, the sd-5-15-13-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
+              "description": "The length of time, in milliseconds, the sd-5-16-0-notification will show before closing itself. If the user interacts with\nthe notification before it closes (e.g. moves the mouse over it), the timer will restart. Defaults to `Infinity`, meaning\nthe notification will not close on its own.",
               "fieldName": "duration"
             },
             {
@@ -11750,7 +12527,7 @@
                 "text": "'top-right' | 'bottom-center'"
               },
               "default": "'top-right'",
-              "description": "The position of the toasted sd-5-15-13-notification.",
+              "description": "The position of the toasted sd-5-16-0-notification.",
               "fieldName": "toastStack"
             },
             {
@@ -11787,20 +12564,20 @@
           "status": "stable",
           "since": "1.22.0",
           "dependencies": [
-            "sd-5-15-13-button",
-            "sd-5-15-13-icon"
+            "sd-5-16-0-button",
+            "sd-5-16-0-icon"
           ],
           "animations": [
             {
               "name": "notification.show",
-              "description": "The animation to use when showing the sd-5-15-13-notification."
+              "description": "The animation to use when showing the sd-5-16-0-notification."
             },
             {
               "name": "notifiation.hide",
-              "description": "The animation to use when hiding the sd-5-15-13-notification."
+              "description": "The animation to use when hiding the sd-5-16-0-notification."
             }
           ],
-          "tagName": "sd-5-15-13-notification",
+          "tagName": "sd-5-16-0-notification",
           "customElement": true
         }
       ],
@@ -11815,7 +12592,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-notification",
+          "name": "sd-5-16-0-notification",
           "declaration": {
             "name": "SdNotification",
             "module": "components/notification/notification.js"
@@ -11851,13 +12628,13 @@
               "name": "divider"
             },
             {
-              "description": "The container that wraps the <sd-5-15-13-option> elements.",
+              "description": "The container that wraps the <sd-5-16-0-option> elements.",
               "name": "options"
             }
           ],
           "slots": [
             {
-              "description": "The given options. Must be `<sd-5-15-13-option>` elements.",
+              "description": "The given options. Must be `<sd-5-16-0-option>` elements.",
               "name": ""
             },
             {
@@ -12015,14 +12792,14 @@
             "name": "SolidElement",
             "module": "/src/internal/solid-element"
           },
-          "summary": "The <sd-5-15-13-optgroup> element creates a grouping for <sd-5-15-13-option>s within a <sd-5-15-13-combobox>.",
+          "summary": "The <sd-5-16-0-optgroup> element creates a grouping for <sd-5-16-0-option>s within a <sd-5-16-0-combobox>.",
           "documentation": "https://solid.union-investment.com/[storybook-link]/components-sd-optgroup",
           "status": "experimental",
           "since": "3.23.0",
           "dependencies": [
-            "sd-5-15-13-divider"
+            "sd-5-16-0-divider"
           ],
-          "tagName": "sd-5-15-13-optgroup",
+          "tagName": "sd-5-16-0-optgroup",
           "customElement": true
         }
       ],
@@ -12037,7 +12814,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-optgroup",
+          "name": "sd-5-16-0-optgroup",
           "declaration": {
             "name": "SdOptgroup",
             "module": "components/optgroup/optgroup.js"
@@ -12055,7 +12832,7 @@
           "name": "SdOption",
           "cssParts": [
             {
-              "description": "The checked icon, an `<sd-5-15-13-icon>` element.",
+              "description": "The checked icon, an `<sd-5-16-0-icon>` element.",
               "name": "checked-icon"
             },
             {
@@ -12097,7 +12874,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-5-15-13-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-5-16-0-select`.",
               "attribute": "size",
               "reflects": true
             },
@@ -12108,7 +12885,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-5-15-13-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-5-16-0-select` when attribute `checklist` is set to `true`.",
               "attribute": "checkbox",
               "reflects": true
             },
@@ -12225,7 +13002,7 @@
                 "text": "'lg' | 'md' | 'sm'"
               },
               "default": "'lg'",
-              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-5-15-13-select`.",
+              "description": "The option's size is inherited automatically from the `size` attribute of the parent `sd-5-16-0-select`.",
               "fieldName": "size"
             },
             {
@@ -12234,7 +13011,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-5-15-13-select` when attribute `checklist` is set to `true`.",
+              "description": "Prefixes a styled checkbox to the option. Enabled automatically in `sd-5-16-0-select` when attribute `checklist` is set to `true`.",
               "fieldName": "checkbox"
             },
             {
@@ -12289,9 +13066,9 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-option",
+          "tagName": "sd-5-16-0-option",
           "customElement": true
         }
       ],
@@ -12306,7 +13083,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-option",
+          "name": "sd-5-16-0-option",
           "declaration": {
             "name": "SdOption",
             "module": "components/option/option.js"
@@ -12888,7 +13665,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/popup",
           "status": "stable",
           "since": "1.8",
-          "tagName": "sd-5-15-13-popup",
+          "tagName": "sd-5-16-0-popup",
           "customElement": true
         }
       ],
@@ -12903,7 +13680,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-popup",
+          "name": "sd-5-16-0-popup",
           "declaration": {
             "name": "SdPopup",
             "module": "components/popup/popup.js"
@@ -12983,7 +13760,7 @@
           ],
           "slots": [
             {
-              "description": "Optional icon to show in the header. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional icon to show in the header. Works best with `<sd-5-16-0-icon>`.",
               "name": "icon"
             },
             {
@@ -13003,7 +13780,7 @@
               }
             },
             {
-              "description": "Optional expand icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional expand icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "expand-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -13011,7 +13788,7 @@
               }
             },
             {
-              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-5-15-13-icon>`.",
+              "description": "Optional collapse icon to use instead of the default. Works best with `<sd-5-16-0-icon>`.",
               "name": "collapse-icon",
               "inheritedFrom": {
                 "name": "SdAccordion",
@@ -13247,10 +14024,10 @@
           "status": "stable",
           "since": "3.12.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-accordion"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-accordion"
           ],
-          "tagName": "sd-5-15-13-quickfact",
+          "tagName": "sd-5-16-0-quickfact",
           "customElement": true,
           "events": [
             {
@@ -13299,7 +14076,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-quickfact",
+          "name": "sd-5-16-0-quickfact",
           "declaration": {
             "name": "SdQuickfact",
             "module": "components/quickfact/quickfact.js"
@@ -13564,7 +14341,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio",
           "status": "stable",
           "since": "1.20.0",
-          "tagName": "sd-5-15-13-radio",
+          "tagName": "sd-5-16-0-radio",
           "customElement": true
         }
       ],
@@ -13579,7 +14356,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-radio",
+          "name": "sd-5-16-0-radio",
           "declaration": {
             "name": "SdRadio",
             "module": "components/radio/radio.js"
@@ -13847,7 +14624,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/radio-button",
           "status": "stable",
           "since": "1.36.0",
-          "tagName": "sd-5-15-13-radio-button",
+          "tagName": "sd-5-16-0-radio-button",
           "customElement": true
         }
       ],
@@ -13862,7 +14639,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-radio-button",
+          "name": "sd-5-16-0-radio-button",
           "declaration": {
             "name": "SdRadioButton",
             "module": "components/radio-button/radio-button.js"
@@ -13902,7 +14679,7 @@
           ],
           "slots": [
             {
-              "description": "The default slot where `<sd-5-15-13-radio>` or `<sd-5-15-13-radio-button>` elements are placed.",
+              "description": "The default slot where `<sd-5-16-0-radio>` or `<sd-5-16-0-radio-button>` elements are placed.",
               "name": ""
             },
             {
@@ -13914,7 +14691,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-5-15-13-tooltip` component.",
+              "description": "An optional tooltip that helps describe the radio-group. Use this slot with the `sd-5-16-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -14156,7 +14933,7 @@
             },
             {
               "description": "Emitted when the radio group receives user input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -14279,9 +15056,9 @@
           "status": "stable",
           "since": "1.20.0",
           "dependencies": [
-            "sd-5-15-13-button-group"
+            "sd-5-16-0-button-group"
           ],
-          "tagName": "sd-5-15-13-radio-group",
+          "tagName": "sd-5-16-0-radio-group",
           "customElement": true
         }
       ],
@@ -14296,7 +15073,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-radio-group",
+          "name": "sd-5-16-0-radio-group",
           "declaration": {
             "name": "SdRadioGroup",
             "module": "components/radio-group/radio-group.js"
@@ -14662,7 +15439,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             },
             {
               "description": "Emitted when the user moves a thumb, either via touch or keyboard. Use `Event.preventDefault()` to prevent movement.",
@@ -14798,9 +15575,9 @@
           "status": "experimental",
           "since": "5.9",
           "dependencies": [
-            "sd-5-15-13-tooltip"
+            "sd-5-16-0-tooltip"
           ],
-          "tagName": "sd-5-15-13-range",
+          "tagName": "sd-5-16-0-range",
           "customElement": true
         }
       ],
@@ -14815,7 +15592,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-range",
+          "name": "sd-5-16-0-range",
           "declaration": {
             "name": "SdRange",
             "module": "components/range/range.js"
@@ -15094,7 +15871,7 @@
           "summary": "Ticks visually improve positioning on range sliders.",
           "status": "experimental",
           "since": "5.9",
-          "tagName": "sd-5-15-13-range-tick",
+          "tagName": "sd-5-16-0-range-tick",
           "customElement": true
         }
       ],
@@ -15109,7 +15886,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-range-tick",
+          "name": "sd-5-16-0-range-tick",
           "declaration": {
             "name": "SdRangeTick",
             "module": "components/range-tick/range-tick.js"
@@ -15474,9 +16251,9 @@
           "status": "stable",
           "since": "1.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-scrollable",
+          "tagName": "sd-5-16-0-scrollable",
           "customElement": true
         }
       ],
@@ -15491,7 +16268,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-scrollable",
+          "name": "sd-5-16-0-scrollable",
           "declaration": {
             "name": "SdScrollable",
             "module": "components/scrollable/scrollable.js"
@@ -15573,7 +16350,7 @@
           ],
           "slots": [
             {
-              "description": "The listbox options. Must be `<sd-5-15-13-option>` elements. You can use `<sd-5-15-13-divider>` to group items visually.",
+              "description": "The listbox options. Must be `<sd-5-16-0-option>` elements. You can use `<sd-5-16-0-divider>` to group items visually.",
               "name": ""
             },
             {
@@ -15593,7 +16370,7 @@
               "name": "expand-icon"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-5-15-13-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-5-16-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -15755,7 +16532,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-5-15-13-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-5-16-0-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "attribute": "useTags",
               "reflects": true
             },
@@ -15999,7 +16776,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             },
             {
               "description": "Emitted when the control gains focus.",
@@ -16136,7 +16913,7 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "Uses interactive `sd-5-15-13-tag` elements representing individual options in the display input when `multiple` is `true`.",
+              "description": "Uses interactive `sd-5-16-0-tag` elements representing individual options in the display input when `multiple` is `true`.",
               "fieldName": "useTags"
             },
             {
@@ -16243,11 +17020,11 @@
           "status": "stable",
           "since": "1.30.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-popup",
-            "sd-5-15-13-tag"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-popup",
+            "sd-5-16-0-tag"
           ],
-          "tagName": "sd-5-15-13-select",
+          "tagName": "sd-5-16-0-select",
           "customElement": true
         }
       ],
@@ -16262,7 +17039,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-select",
+          "name": "sd-5-16-0-select",
           "declaration": {
             "name": "SdSelect",
             "module": "components/select/select.js"
@@ -16418,7 +17195,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/spinner",
           "status": "stable",
           "since": "1.0",
-          "tagName": "sd-5-15-13-spinner",
+          "tagName": "sd-5-16-0-spinner",
           "customElement": true
         }
       ],
@@ -16433,7 +17210,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-spinner",
+          "name": "sd-5-16-0-spinner",
           "declaration": {
             "name": "SdSpinner",
             "module": "components/spinner/spinner.js"
@@ -16858,10 +17635,10 @@
           "status": "stable",
           "since": "3.2.0",
           "dependencies": [
-            "sd-5-15-13-icon",
-            "sd-5-15-13-divider"
+            "sd-5-16-0-icon",
+            "sd-5-16-0-divider"
           ],
-          "tagName": "sd-5-15-13-step",
+          "tagName": "sd-5-16-0-step",
           "customElement": true
         }
       ],
@@ -16876,7 +17653,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-step",
+          "name": "sd-5-16-0-step",
           "declaration": {
             "name": "SdStep",
             "module": "components/step/step.js"
@@ -16904,7 +17681,7 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping steps in the step group. Must be `<sd-5-15-13-step>` elements.",
+              "description": "Used for grouping steps in the step group. Must be `<sd-5-16-0-step>` elements.",
               "name": ""
             }
           ],
@@ -17136,7 +17913,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/step-group",
           "status": "stable",
           "since": "3.2.0",
-          "tagName": "sd-5-15-13-step-group",
+          "tagName": "sd-5-16-0-step-group",
           "customElement": true
         }
       ],
@@ -17151,7 +17928,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-step-group",
+          "name": "sd-5-16-0-step-group",
           "declaration": {
             "name": "SdStepGroup",
             "module": "components/step-group/step-group.js"
@@ -17199,7 +17976,7 @@
               "name": ""
             },
             {
-              "description": "An optional tooltip that helps describe the switch. Use this slot with the `sd-5-15-13-tooltip` component.",
+              "description": "An optional tooltip that helps describe the switch. Use this slot with the `sd-5-16-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -17445,7 +18222,7 @@
             },
             {
               "description": "Emitted when the switch receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             }
           ],
           "attributes": [
@@ -17544,7 +18321,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/switch",
           "status": "stable",
           "since": "1.26.0",
-          "tagName": "sd-5-15-13-switch",
+          "tagName": "sd-5-16-0-switch",
           "customElement": true
         }
       ],
@@ -17559,7 +18336,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-switch",
+          "name": "sd-5-16-0-switch",
           "declaration": {
             "name": "SdSwitch",
             "module": "components/switch/switch.js"
@@ -17839,9 +18616,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-5-15-13-button"
+            "sd-5-16-0-button"
           ],
-          "tagName": "sd-5-15-13-tab",
+          "tagName": "sd-5-16-0-tab",
           "customElement": true
         }
       ],
@@ -17856,7 +18633,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-tab",
+          "name": "sd-5-16-0-tab",
           "declaration": {
             "name": "SdTab",
             "module": "components/tab/tab.js"
@@ -17912,11 +18689,11 @@
           ],
           "slots": [
             {
-              "description": "Used for grouping tab panels in the tab group. Must be `<sd-5-15-13-tab-panel>` elements.",
+              "description": "Used for grouping tab panels in the tab group. Must be `<sd-5-16-0-tab-panel>` elements.",
               "name": ""
             },
             {
-              "description": "Used for grouping tabs in the tab group. Must be `<sd-5-15-13-tab>` elements.",
+              "description": "Used for grouping tabs in the tab group. Must be `<sd-5-16-0-tab>` elements.",
               "name": "nav"
             }
           ],
@@ -18036,14 +18813,14 @@
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is shown.",
-              "name": "sd-5-15-13-tab-show"
+              "name": "sd-5-16-0-tab-show"
             },
             {
               "type": {
                 "text": "{ name: String }"
               },
               "description": "Emitted when a tab is hidden.",
-              "name": "sd-5-15-13-tab-hide"
+              "name": "sd-5-16-0-tab-hide"
             }
           ],
           "attributes": [
@@ -18090,9 +18867,9 @@
           "status": "stable",
           "since": "2.6.0",
           "dependencies": [
-            "sd-5-15-13-tab"
+            "sd-5-16-0-tab"
           ],
-          "tagName": "sd-5-15-13-tab-group",
+          "tagName": "sd-5-16-0-tab-group",
           "customElement": true
         }
       ],
@@ -18107,7 +18884,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-tab-group",
+          "name": "sd-5-16-0-tab-group",
           "declaration": {
             "name": "SdTabGroup",
             "module": "components/tab-group/tab-group.js"
@@ -18295,7 +19072,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/tab-panel",
           "status": "stable",
           "since": "2.6.0",
-          "tagName": "sd-5-15-13-tab-panel",
+          "tagName": "sd-5-16-0-tab-panel",
           "customElement": true
         }
       ],
@@ -18310,7 +19087,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-tab-panel",
+          "name": "sd-5-16-0-tab-panel",
           "declaration": {
             "name": "SdTabPanel",
             "module": "components/tab-panel/tab-panel.js"
@@ -18673,9 +19450,9 @@
           "status": "stable",
           "since": "1.10",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-tag",
+          "tagName": "sd-5-16-0-tag",
           "customElement": true
         }
       ],
@@ -18690,7 +19467,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-tag",
+          "name": "sd-5-16-0-tag",
           "declaration": {
             "name": "SdTag",
             "module": "components/tag/tag.js"
@@ -18954,7 +19731,7 @@
           "documentation": "https://solid.union-investment.com/[storybook-link]/teaser",
           "status": "stable",
           "since": "1.3",
-          "tagName": "sd-5-15-13-teaser",
+          "tagName": "sd-5-16-0-teaser",
           "customElement": true
         }
       ],
@@ -18969,7 +19746,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-teaser",
+          "name": "sd-5-16-0-teaser",
           "declaration": {
             "name": "SdTeaser",
             "module": "components/teaser/teaser.js"
@@ -19171,7 +19948,7 @@
           "documentation": "https://solid-design-system.fe.union-investment.de/docs/?path=/docs/components-sd-teaser-media--docs",
           "status": "stable",
           "since": "2.4.0",
-          "tagName": "sd-5-15-13-teaser-media",
+          "tagName": "sd-5-16-0-teaser-media",
           "customElement": true
         }
       ],
@@ -19186,7 +19963,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-teaser-media",
+          "name": "sd-5-16-0-teaser-media",
           "declaration": {
             "name": "SdTeaserMedia",
             "module": "components/teaser-media/teaser-media.js"
@@ -19242,7 +20019,7 @@
               "name": "help-text"
             },
             {
-              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-5-15-13-tooltip` component.",
+              "description": "An optional tooltip that helps describe the input. Use this slot with the `sd-5-16-0-tooltip` component.",
               "name": "tooltip"
             }
           ],
@@ -19741,7 +20518,7 @@
             },
             {
               "description": "Emitted when the control receives input.",
-              "name": "sd-5-15-13-input"
+              "name": "sd-5-16-0-input"
             },
             {
               "description": "Emitted when the form control has been checked for validity and its constraints aren't satisfied.",
@@ -19981,9 +20758,9 @@
           "status": "stable",
           "since": "1.31.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-textarea",
+          "tagName": "sd-5-16-0-textarea",
           "customElement": true
         }
       ],
@@ -19998,7 +20775,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-textarea",
+          "name": "sd-5-16-0-textarea",
           "declaration": {
             "name": "SdTextarea",
             "module": "components/textarea/textarea.js"
@@ -20030,7 +20807,7 @@
           ],
           "cssParts": [
             {
-              "description": "The component's base wrapper, an `<sd-5-15-13-popup>` element.",
+              "description": "The component's base wrapper, an `<sd-5-16-0-popup>` element.",
               "name": "base"
             },
             {
@@ -20356,8 +21133,8 @@
           "status": "stable",
           "since": "1.23.0",
           "dependencies": [
-            "sd-5-15-13-popup",
-            "sd-5-15-13-icon"
+            "sd-5-16-0-popup",
+            "sd-5-16-0-icon"
           ],
           "animations": [
             {
@@ -20369,7 +21146,7 @@
               "description": "The animation to use when hiding the tooltip."
             }
           ],
-          "tagName": "sd-5-15-13-tooltip",
+          "tagName": "sd-5-16-0-tooltip",
           "customElement": true
         }
       ],
@@ -20384,7 +21161,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-tooltip",
+          "name": "sd-5-16-0-tooltip",
           "declaration": {
             "name": "SdTooltip",
             "module": "components/tooltip/tooltip.js"
@@ -20597,9 +21374,9 @@
           "status": "stable",
           "since": "1.19.0",
           "dependencies": [
-            "sd-5-15-13-icon"
+            "sd-5-16-0-icon"
           ],
-          "tagName": "sd-5-15-13-video",
+          "tagName": "sd-5-16-0-video",
           "customElement": true
         }
       ],
@@ -20614,7 +21391,7 @@
         },
         {
           "kind": "custom-element-definition",
-          "name": "sd-5-15-13-video",
+          "name": "sd-5-16-0-video",
           "declaration": {
             "name": "SdVideo",
             "module": "components/video/video.js"
@@ -20626,7 +21403,7 @@
   "package": {
     "name": "@solid-design-system/components",
     "description": "Solid Design System: Components",
-    "version": "5.15.13",
+    "version": "5.16.0",
     "author": "Union Investment",
     "homepage": "https://solid-design-system.fe.union-investment.de/docs/",
     "license": "MIT"