@six-group/ui-library 4.0.3 → 4.1.0

package/dist/components.json

@@ -1,58 +1,11 @@
 {
-  "timestamp": "2023-09-28T06:44:51",
+  "timestamp": "2024-02-14T14:17:39",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.0.5",
-    "typescriptVersion": "5.0.4"
+    "version": "4.9.0",
+    "typescriptVersion": "5.2.2"
   },
   "components": [
-    {
-      "filePath": "src/wrappers/set-attributes/set-attributes.tsx",
-      "encapsulation": "none",
-      "tag": "set-attributes",
-      "readme": "# set-attributes\n\n<!-- EXAMPLES -->\n",
-      "docs": "<!-- EXAMPLES -->",
-      "docsTags": [],
-      "usage": {},
-      "props": [
-        {
-          "name": "value",
-          "type": "{}",
-          "complexType": {
-            "original": "{}",
-            "resolved": "{}",
-            "references": {}
-          },
-          "mutable": false,
-          "reflectToAttr": false,
-          "docs": "Attributes map",
-          "docsTags": [],
-          "default": "{}",
-          "values": [
-            {
-              "type": "{}"
-            }
-          ],
-          "optional": false,
-          "required": false
-        }
-      ],
-      "methods": [],
-      "events": [],
-      "listeners": [],
-      "styles": [],
-      "slots": [],
-      "parts": [],
-      "dependents": [
-        "six-root"
-      ],
-      "dependencies": [],
-      "dependencyGraph": {
-        "six-root": [
-          "set-attributes"
-        ]
-      }
-    },
     {
       "filePath": "src/components/six-alert/six-alert.tsx",
       "encapsulation": "shadow",
@@ -128,7 +81,7 @@
           "mutable": false,
           "attr": "duration",
           "reflectToAttr": false,
-          "docs": "The length of time, in milliseconds, the alert will show before closing itself. If the user interacts with the\nalert before it closes (e.g. moves the mouse over it), the timer will restart.",
+          "docs": "The length of time, in milliseconds, the alert will show before closing itself.\nIf the user hovers over the toast alert, the timer will pause.\nOn leaving the element with the mouse, the timer resets.",
           "docsTags": [],
           "default": "Infinity",
           "values": [
@@ -165,9 +118,15 @@
           "name": "type",
           "type": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
           "complexType": {
-            "original": "'primary' | 'success' | 'info' | 'warning' | 'danger'",
+            "original": "AlertType",
             "resolved": "\"danger\" | \"info\" | \"primary\" | \"success\" | \"warning\"",
-            "references": {}
+            "references": {
+              "AlertType": {
+                "location": "local",
+                "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-alert/six-alert.tsx",
+                "id": "src/components/six-alert/six-alert.tsx::AlertType"
+              }
+            }
           },
           "mutable": false,
           "attr": "type",
@@ -253,8 +212,14 @@
             "docs": ""
           },
           "complexType": {
-            "signature": "() => Promise<void>",
-            "parameters": [],
+            "signature": "(adjustPosition?: boolean) => Promise<void>",
+            "parameters": [
+              {
+                "name": "adjustPosition",
+                "type": "boolean",
+                "docs": "If true, the top and right position of the toast stack is shifted according to the\nsix-root header's height and the presence of a vertical scrollbar."
+              }
+            ],
             "references": {
               "Promise": {
                 "location": "global",
@@ -263,10 +228,21 @@
             },
             "return": "Promise<void>"
           },
-          "signature": "toast() => Promise<void>",
-          "parameters": [],
+          "signature": "toast(adjustPosition?: boolean) => Promise<void>",
+          "parameters": [
+            {
+              "name": "adjustPosition",
+              "type": "boolean",
+              "docs": "If true, the top and right position of the toast stack is shifted according to the\nsix-root header's height and the presence of a vertical scrollbar."
+            }
+          ],
           "docs": "Displays the alert as a toast notification. This will move the alert out of its position in the DOM and, when\ndismissed, it will be removed from the DOM completely. By storing a reference to the alert, you can reuse it by\ncalling this method again. The returned promise will resolve after the alert is hidden.",
-          "docsTags": []
+          "docsTags": [
+            {
+              "name": "param",
+              "text": "adjustPosition If true, the top and right position of the toast stack is shifted according to the\nsix-root header's height and the presence of a vertical scrollbar."
+            }
+          ]
         }
       ],
       "events": [
@@ -1163,8 +1139,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -1180,7 +1157,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the button.",
           "docsTags": []
         }
@@ -1265,13 +1248,18 @@
           "docs": "The suffix container."
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "six-select"
+      ],
       "dependencies": [
         "six-spinner"
       ],
       "dependencyGraph": {
         "six-button": [
           "six-spinner"
+        ],
+        "six-select": [
+          "six-button"
         ]
       }
     },
@@ -1617,8 +1605,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -1634,7 +1623,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the checkbox.",
           "docsTags": []
         }
@@ -1735,13 +1730,18 @@
           "docs": "The checkbox text rendered to the right."
         }
       ],
-      "dependents": [],
+      "dependents": [
+        "six-menu-item"
+      ],
       "dependencies": [
         "six-error"
       ],
       "dependencyGraph": {
         "six-checkbox": [
           "six-error"
+        ],
+        "six-menu-item": [
+          "six-checkbox"
         ]
       }
     },
@@ -2188,10 +2188,10 @@
         },
         {
           "name": "locale",
-          "type": "\"de\" | \"en\" | \"fr\" | \"it\"",
+          "type": "\"de\" | \"en\" | \"es\" | \"fr\" | \"it\"",
           "complexType": {
-            "original": "'en' | 'de' | 'fr' | 'it'",
-            "resolved": "\"de\" | \"en\" | \"fr\" | \"it\"",
+            "original": "'en' | 'de' | 'fr' | 'it' | 'es'",
+            "resolved": "\"de\" | \"en\" | \"es\" | \"fr\" | \"it\"",
             "references": {}
           },
           "mutable": false,
@@ -2209,6 +2209,10 @@
               "value": "en",
               "type": "string"
             },
+            {
+              "value": "es",
+              "type": "string"
+            },
             {
               "value": "fr",
               "type": "string"
@@ -2516,8 +2520,9 @@
             "signature": "(datestring?: string) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "datestring",
+                "type": "string | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -2529,7 +2534,13 @@
             "return": "Promise<void>"
           },
           "signature": "select(datestring?: string) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "datestring",
+              "type": "string | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Selects an option",
           "docsTags": []
         },
@@ -2543,8 +2554,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -2560,7 +2572,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the datepickers input.",
           "docsTags": []
         }
@@ -3961,6 +3979,10 @@
           "name": "slot",
           "text": "trigger - The dropdown's trigger, usually a `<six-button>` element."
         },
+        {
+          "name": "slot",
+          "text": "dropdown-footer - The dropdown's footer area."
+        },
         {
           "name": "slot",
           "text": "- The dropdown's content."
@@ -4109,7 +4131,7 @@
           "reflectToAttr": false,
           "docs": "The distance in pixels from which to offset the panel away from its trigger.",
           "docsTags": [],
-          "default": "0",
+          "default": "4",
           "values": [
             {
               "type": "number"
@@ -4148,12 +4170,12 @@
             "resolved": "number",
             "references": {}
           },
-          "mutable": false,
+          "mutable": true,
           "attr": "filter-debounce",
           "reflectToAttr": false,
           "docs": "The debounce for the filter callbacks.",
           "docsTags": [],
-          "default": "DEFAULT_DEBOUNCE_FAST",
+          "default": "0",
           "values": [
             {
               "type": "number"
@@ -4206,6 +4228,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "matchTriggerWidth",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "match-trigger-width",
+          "reflectToAttr": false,
+          "docs": "Determines if the dropdown panel's width should match the width of the trigger element.\n\nIf set to `true`, the panel will resize its width to align with the trigger's width.\nIf `false` or omitted, the panel will maintain its default width.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "open",
           "type": "boolean",
@@ -4242,7 +4286,7 @@
               }
             }
           },
-          "mutable": false,
+          "mutable": true,
           "reflectToAttr": false,
           "docs": "Set the options to be shown in the dropdown (alternative to setting the elements via html)",
           "docsTags": [],
@@ -4410,7 +4454,13 @@
           "signature": "reposition() => Promise<void>",
           "parameters": [],
           "docs": "Instructs the dropdown menu to reposition. Useful when the position or size of the trigger changes when the menu\nis activated.",
-          "docsTags": []
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": ": use the property `matchTriggerWidth` instead."
+            }
+          ],
+          "deprecation": ": use the property `matchTriggerWidth` instead."
         },
         {
           "name": "show",
@@ -4584,6 +4634,10 @@
           "name": "",
           "docs": "The dropdown's content."
         },
+        {
+          "name": "dropdown-footer",
+          "docs": "The dropdown's footer area."
+        },
         {
           "name": "trigger",
           "docs": "The dropdown's trigger, usually a `<six-button>` element."
@@ -4614,17 +4668,23 @@
       "dependencies": [
         "six-menu-item",
         "six-input",
+        "six-icon",
         "six-menu"
       ],
       "dependencyGraph": {
         "six-dropdown": [
           "six-menu-item",
           "six-input",
+          "six-icon",
           "six-menu"
         ],
         "six-menu-item": [
+          "six-checkbox",
           "six-icon"
         ],
+        "six-checkbox": [
+          "six-error"
+        ],
         "six-input": [
           "six-icon",
           "six-error"
@@ -5671,6 +5731,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "hideHamburgerMenu",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "hide-hamburger-menu",
+          "reflectToAttr": false,
+          "docs": "Set whether the hamburger menu should be visible or not",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "openHamburgerMenu",
           "type": "boolean",
@@ -5771,8 +5853,9 @@
             "signature": "(openState: boolean) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "openState",
+                "type": "boolean",
+                "docs": ""
               }
             ],
             "references": {
@@ -5784,7 +5867,13 @@
             "return": "Promise<void>"
           },
           "signature": "setSearchOpenState(openState: boolean) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "openState",
+              "type": "boolean",
+              "docs": ""
+            }
+          ],
           "docs": "Sets open state for search",
           "docsTags": []
         }
@@ -5956,11 +6045,16 @@
         "six-dropdown": [
           "six-menu-item",
           "six-input",
+          "six-icon",
           "six-menu"
         ],
         "six-menu-item": [
+          "six-checkbox",
           "six-icon"
         ],
+        "six-checkbox": [
+          "six-error"
+        ],
         "six-input": [
           "six-icon",
           "six-error"
@@ -6081,6 +6175,7 @@
         "six-avatar",
         "six-datepicker",
         "six-details",
+        "six-dropdown",
         "six-file-list-item",
         "six-file-upload",
         "six-icon-button",
@@ -6105,6 +6200,9 @@
         "six-details": [
           "six-icon"
         ],
+        "six-dropdown": [
+          "six-icon"
+        ],
         "six-file-list-item": [
           "six-icon"
         ],
@@ -6592,6 +6690,28 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "dropdownSearch",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "dropdown-search",
+          "reflectToAttr": false,
+          "docs": "Internal: Styles the input for the dropdown filter search.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "errorText",
           "type": "string | string[]",
@@ -7238,8 +7358,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -7255,7 +7376,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the input.",
           "docsTags": []
         },
@@ -7269,20 +7396,24 @@
             "signature": "(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "replacement",
+                "type": "string",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "start",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "end",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "selectMode",
+                "type": "\"select\" | \"start\" | \"end\" | \"preserve\"",
+                "docs": ""
               }
             ],
             "references": {
@@ -7294,7 +7425,28 @@
             "return": "Promise<void>"
           },
           "signature": "setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "replacement",
+              "type": "string",
+              "docs": ""
+            },
+            {
+              "name": "start",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "end",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "selectMode",
+              "type": "\"select\" | \"start\" | \"end\" | \"preserve\"",
+              "docs": ""
+            }
+          ],
           "docs": "Replaces a range of text with a new string.",
           "docsTags": []
         },
@@ -7308,16 +7460,19 @@
             "signature": "(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "selectionStart",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "selectionEnd",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "selectionDirection",
+                "type": "\"none\" | \"forward\" | \"backward\"",
+                "docs": ""
               }
             ],
             "references": {
@@ -7329,7 +7484,23 @@
             "return": "Promise<void | undefined>"
           },
           "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "selectionStart",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "selectionEnd",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "selectionDirection",
+              "type": "\"none\" | \"forward\" | \"backward\"",
+              "docs": ""
+            }
+          ],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
         }
@@ -8291,6 +8462,28 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "disableKeyboardHandling",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "disable-keyboard-handling",
+          "reflectToAttr": false,
+          "docs": "Internal: Disables handling of key presses.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "itemSize",
           "type": "number",
@@ -8445,8 +8638,9 @@
             "signature": "(key: string) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "key",
+                "type": "string",
+                "docs": ""
               }
             ],
             "references": {
@@ -8462,7 +8656,13 @@
             "return": "Promise<void>"
           },
           "signature": "typeToSelect(key: string) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "key",
+              "type": "string",
+              "docs": ""
+            }
+          ],
           "docs": "Initiates type-to-select logic, which automatically selects an option based on what the user is currently typing.\nThe key passed will be appended to the internal query and the selection will be updated. After a brief period, the\ninternal query is cleared automatically. This method is intended to be used with the keydown event. Useful for\nenabling type-to-select when the menu doesn't have focus.",
           "docsTags": []
         }
@@ -8519,8 +8719,12 @@
           "six-menu-item"
         ],
         "six-menu-item": [
+          "six-checkbox",
           "six-icon"
         ],
+        "six-checkbox": [
+          "six-error"
+        ],
         "six-dropdown": [
           "six-menu"
         ],
@@ -8616,6 +8820,33 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "checkType",
+          "type": "\"check\" | \"checkbox\"",
+          "complexType": {
+            "original": "'checkbox' | 'check'",
+            "resolved": "\"check\" | \"checkbox\"",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "check-type",
+          "reflectToAttr": false,
+          "docs": "Defines if the checked state is displayed as a checkbox or a check-icon",
+          "docsTags": [],
+          "default": "'check'",
+          "values": [
+            {
+              "value": "check",
+              "type": "string"
+            },
+            {
+              "value": "checkbox",
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "checked",
           "type": "boolean",
@@ -8627,7 +8858,7 @@
           "mutable": false,
           "attr": "checked",
           "reflectToAttr": true,
-          "docs": "Set to true to draw the item in a checked state.",
+          "docs": "Internal: Draws the item in a checked state. CheckType needs to be set to 'checkbox' or 'check' to show the\nchecked state",
           "docsTags": [],
           "default": "false",
           "values": [
@@ -8738,8 +8969,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -8755,7 +8987,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the button.",
           "docsTags": []
         }
@@ -8805,12 +9043,17 @@
         "six-select"
       ],
       "dependencies": [
+        "six-checkbox",
         "six-icon"
       ],
       "dependencyGraph": {
         "six-menu-item": [
+          "six-checkbox",
           "six-icon"
         ],
+        "six-checkbox": [
+          "six-error"
+        ],
         "six-dropdown": [
           "six-menu-item"
         ],
@@ -9405,8 +9648,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -9422,7 +9666,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the radio.",
           "docsTags": []
         }
@@ -9916,8 +10166,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -9933,7 +10184,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the input.",
           "docsTags": []
         }
@@ -10078,28 +10335,6 @@
       ],
       "usage": {},
       "props": [
-        {
-          "name": "breakpoint",
-          "type": "number",
-          "complexType": {
-            "original": "number",
-            "resolved": "number",
-            "references": {}
-          },
-          "mutable": false,
-          "attr": "breakpoint",
-          "reflectToAttr": false,
-          "docs": "Breakpoint for smaller screens when the right sidebar is collapsed by default.",
-          "docsTags": [],
-          "default": "1024",
-          "values": [
-            {
-              "type": "number"
-            }
-          ],
-          "optional": false,
-          "required": false
-        },
         {
           "name": "padded",
           "type": "boolean",
@@ -10194,28 +10429,7 @@
         }
       ],
       "methods": [],
-      "events": [
-        {
-          "event": "six-root-collapsed",
-          "detail": "SixRootCollapsedPayload",
-          "bubbles": true,
-          "complexType": {
-            "original": "SixRootCollapsedPayload",
-            "resolved": "SixRootCollapsedPayload",
-            "references": {
-              "SixRootCollapsedPayload": {
-                "location": "local",
-                "path": "/home/runner/work/six-webcomponents/six-webcomponents/libraries/ui-library/src/components/six-root/six-root.tsx",
-                "id": "src/components/six-root/six-root.tsx::SixRootCollapsedPayload"
-              }
-            }
-          },
-          "cancelable": true,
-          "composed": true,
-          "docs": "Emitted when display size is updated.",
-          "docsTags": []
-        }
-      ],
+      "events": [],
       "listeners": [],
       "styles": [],
       "slots": [
@@ -10264,13 +10478,11 @@
       ],
       "dependents": [],
       "dependencies": [
-        "six-stage-indicator",
-        "set-attributes"
+        "six-stage-indicator"
       ],
       "dependencyGraph": {
         "six-root": [
-          "six-stage-indicator",
-          "set-attributes"
+          "six-stage-indicator"
         ],
         "six-stage-indicator": [
           "six-icon"
@@ -10691,10 +10903,10 @@
         },
         {
           "name": "filterDebounce",
-          "type": "number",
+          "type": "number | undefined",
           "complexType": {
             "original": "number",
-            "resolved": "number",
+            "resolved": "number | undefined",
             "references": {}
           },
           "mutable": false,
@@ -10702,13 +10914,15 @@
           "reflectToAttr": false,
           "docs": "The debounce for the filter callbacks.",
           "docsTags": [],
-          "default": "DEFAULT_DEBOUNCE_FAST",
           "values": [
             {
               "type": "number"
+            },
+            {
+              "type": "undefined"
             }
           ],
-          "optional": false,
+          "optional": true,
           "required": false
         },
         {
@@ -10879,8 +11093,14 @@
           "attr": "max-tags-visible",
           "reflectToAttr": false,
           "docs": "The maximum number of tags to show when `multiple` is true. After the maximum, \"+n\" will be shown to indicate the\nnumber of additional items that are selected. Set to -1 to remove the limit.",
-          "docsTags": [],
+          "docsTags": [
+            {
+              "name": "deprecated",
+              "text": ": This property is ignored. The component now displays as many items as possible and computes the \"+n\" dynamically."
+            }
+          ],
           "default": "3",
+          "deprecation": ": This property is ignored. The component now displays as many items as possible and computes the \"+n\" dynamically.",
           "values": [
             {
               "type": "number"
@@ -11029,6 +11249,52 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "selectAllButton",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "select-all-button",
+          "reflectToAttr": false,
+          "docs": "Enables the select all button.",
+          "docsTags": [],
+          "default": "false",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
+        {
+          "name": "selectAllText",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "select-all-text",
+          "reflectToAttr": false,
+          "docs": "Custom text for the \"select all\" button. Defaults to \"Select all\" and equivalents in supported languages.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false
+        },
         {
           "name": "size",
           "type": "\"large\" | \"medium\" | \"small\"",
@@ -11119,8 +11385,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -11136,7 +11403,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the select.",
           "docsTags": []
         }
@@ -11264,38 +11537,36 @@
       "dependents": [],
       "dependencies": [
         "six-menu-item",
-        "six-tag",
         "six-dropdown",
         "six-icon-button",
         "six-icon",
         "six-input",
         "six-menu",
+        "six-button",
         "six-error"
       ],
       "dependencyGraph": {
         "six-select": [
           "six-menu-item",
-          "six-tag",
           "six-dropdown",
           "six-icon-button",
           "six-icon",
           "six-input",
           "six-menu",
+          "six-button",
           "six-error"
         ],
         "six-menu-item": [
+          "six-checkbox",
           "six-icon"
         ],
-        "six-tag": [
-          "six-tooltip",
-          "six-icon-button"
-        ],
-        "six-icon-button": [
-          "six-icon"
+        "six-checkbox": [
+          "six-error"
         ],
         "six-dropdown": [
           "six-menu-item",
           "six-input",
+          "six-icon",
           "six-menu"
         ],
         "six-input": [
@@ -11304,6 +11575,12 @@
         ],
         "six-menu": [
           "six-menu-item"
+        ],
+        "six-icon-button": [
+          "six-icon"
+        ],
+        "six-button": [
+          "six-spinner"
         ]
       }
     },
@@ -11456,8 +11733,9 @@
             "signature": "(index: number) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "index",
+                "type": "number",
+                "docs": ""
               }
             ],
             "references": {
@@ -11473,7 +11751,13 @@
             "return": "Promise<void>"
           },
           "signature": "selectItemByIndex(index: number) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "index",
+              "type": "number",
+              "docs": ""
+            }
+          ],
           "docs": "Allows to select a menu item programmatically by index",
           "docsTags": []
         },
@@ -11487,8 +11771,9 @@
             "signature": "(value: string) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "value",
+                "type": "string",
+                "docs": ""
               }
             ],
             "references": {
@@ -11504,7 +11789,13 @@
             "return": "Promise<void>"
           },
           "signature": "selectItemByName(value: string) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "value",
+              "type": "string",
+              "docs": ""
+            }
+          ],
           "docs": "Allows to select a menu item programmatically by name",
           "docsTags": []
         },
@@ -11712,6 +12003,30 @@
           "optional": false,
           "required": false
         },
+        {
+          "name": "href",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "href",
+          "reflectToAttr": true,
+          "docs": "Provide if the item should be rendered as anchor tag.\nNote, that the href is added automatically when using routerLink in Angular.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "selected",
           "type": "boolean",
@@ -11794,6 +12109,30 @@
       ],
       "usage": {},
       "props": [
+        {
+          "name": "href",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string | undefined",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "href",
+          "reflectToAttr": true,
+          "docs": "Provide if the item should be rendered as anchor tag.\nNote, that the href is added automatically when using routerLink in Angular.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": false,
+          "required": false
+        },
         {
           "name": "icon",
           "type": "string",
@@ -11951,6 +12290,10 @@
         {
           "name": "part",
           "text": "base - The component's base wrapper."
+        },
+        {
+          "name": "part",
+          "text": "svg - The spinner icon"
         }
       ],
       "usage": {},
@@ -12003,6 +12346,10 @@
         {
           "name": "base",
           "docs": "The component's base wrapper."
+        },
+        {
+          "name": "svg",
+          "docs": "The spinner icon"
         }
       ],
       "dependents": [
@@ -12373,8 +12720,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -12390,7 +12738,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the switch.",
           "docsTags": []
         }
@@ -12653,8 +13007,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -12670,7 +13025,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus to the tab.",
           "docsTags": []
         }
@@ -12847,8 +13208,9 @@
             "signature": "(panel: string) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "panel",
+                "type": "string",
+                "docs": ""
               }
             ],
             "references": {
@@ -12860,7 +13222,13 @@
             "return": "Promise<void>"
           },
           "signature": "show(panel: string) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "panel",
+              "type": "string",
+              "docs": ""
+            }
+          ],
           "docs": "Shows the specified tab panel.",
           "docsTags": []
         }
@@ -13251,9 +13619,7 @@
           "docs": "The tag content."
         }
       ],
-      "dependents": [
-        "six-select"
-      ],
+      "dependents": [],
       "dependencies": [
         "six-tooltip",
         "six-icon-button"
@@ -13265,9 +13631,6 @@
         ],
         "six-icon-button": [
           "six-icon"
-        ],
-        "six-select": [
-          "six-tag"
         ]
       }
     },
@@ -13926,8 +14289,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -13943,7 +14307,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the textarea.",
           "docsTags": []
         },
@@ -13957,20 +14327,24 @@
             "signature": "(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "replacement",
+                "type": "string",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "start",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "end",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "selectMode",
+                "type": "\"select\" | \"start\" | \"end\" | \"preserve\"",
+                "docs": ""
               }
             ],
             "references": {
@@ -13982,7 +14356,28 @@
             "return": "Promise<void>"
           },
           "signature": "setRangeText(replacement: string, start: number, end: number, selectMode?: 'select' | 'start' | 'end' | 'preserve') => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "replacement",
+              "type": "string",
+              "docs": ""
+            },
+            {
+              "name": "start",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "end",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "selectMode",
+              "type": "\"select\" | \"start\" | \"end\" | \"preserve\"",
+              "docs": ""
+            }
+          ],
           "docs": "Replaces a range of text with a new string.",
           "docsTags": []
         },
@@ -13996,16 +14391,19 @@
             "signature": "(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "selectionStart",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "selectionEnd",
+                "type": "number",
+                "docs": ""
               },
               {
-                "tags": [],
-                "text": ""
+                "name": "selectionDirection",
+                "type": "\"none\" | \"forward\" | \"backward\"",
+                "docs": ""
               }
             ],
             "references": {
@@ -14017,7 +14415,23 @@
             "return": "Promise<void | undefined>"
           },
           "signature": "setSelectionRange(selectionStart: number, selectionEnd: number, selectionDirection?: 'forward' | 'backward' | 'none') => Promise<void | undefined>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "selectionStart",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "selectionEnd",
+              "type": "number",
+              "docs": ""
+            },
+            {
+              "name": "selectionDirection",
+              "type": "\"none\" | \"forward\" | \"backward\"",
+              "docs": ""
+            }
+          ],
           "docs": "Sets the start and end positions of the text selection (0-based).",
           "docsTags": []
         }
@@ -15091,8 +15505,9 @@
             "signature": "(options?: FocusOptions) => Promise<void>",
             "parameters": [
               {
-                "tags": [],
-                "text": ""
+                "name": "options",
+                "type": "FocusOptions | undefined",
+                "docs": ""
               }
             ],
             "references": {
@@ -15108,7 +15523,13 @@
             "return": "Promise<void>"
           },
           "signature": "setFocus(options?: FocusOptions) => Promise<void>",
-          "parameters": [],
+          "parameters": [
+            {
+              "name": "options",
+              "type": "FocusOptions | undefined",
+              "docs": ""
+            }
+          ],
           "docs": "Sets focus on the datepickers input.",
           "docsTags": []
         }
@@ -15668,6 +16089,16 @@
     }
   ],
   "typeLibrary": {
+    "src/components/six-alert/six-alert.tsx::AlertType": {
+      "declaration": "export type AlertType = 'primary' | 'success' | 'info' | 'warning' | 'danger';",
+      "docstring": "",
+      "path": "src/components/six-alert/six-alert.tsx"
+    },
+    "src/utils/types.ts::EmptyPayload": {
+      "declaration": "undefined",
+      "docstring": "",
+      "path": "src/utils/types.ts"
+    },
     "src/components/six-item-picker/types.ts::ItemPickerType": {
       "declaration": "export enum ItemPickerType {\n  NUMBER = 'number',\n  LETTER = 'letter',\n  CAPITAL_LETTER = 'capital-letter',\n  LOWER_LETTER = 'lower-letter',\n  CUSTOM = 'custom',\n}",
       "docstring": "",
@@ -15693,11 +16124,6 @@
       "docstring": "",
       "path": "src/components/six-timepicker/six-timepicker.tsx"
     },
-    "src/utils/types.ts::EmptyPayload": {
-      "declaration": "undefined",
-      "docstring": "",
-      "path": "src/utils/types.ts"
-    },
     "src/components/six-datepicker/six-date-formats.tsx::SixDateFormats": {
       "declaration": "export enum SixDateFormats {\n  DDMMYYY_DOT = 'dd.mm.yyyy',\n  YYYYMMDD_DASH = 'yyyy-mm-dd',\n  DDMMYYYY_DASH = 'dd-mm-yyyy',\n  DDMMYYYY_SLASH = 'dd/mm/yyyy',\n  YYYYMMDD_SLASH = 'yyyy/mm/dd',\n  DDMMYY_DOT = 'dd.mm.yy',\n  YYMMDD_DASH = 'yy-mm-dd',\n  DDMMYY_DASH = 'dd-mm-yy',\n  DDMMYY_SLASH = 'dd/mm/yy',\n  YYMMDD_SLASH = 'yy/mm/dd',\n\n  DDMMYYY_DOT_TIME = 'dd.mm.yyyy hh:MM:ss',\n  YYYYMMDD_DASH_TIME = 'yyyy-mm-dd hh:MM:ss',\n  DDMMYYYY_DASH_TIME = 'dd-mm-yyyy hh:MM:ss',\n  DDMMYYYY_SLASH_TIME = 'dd/mm/yyyy hh:MM:ss',\n  YYYYMMDD_SLASH_TIME = 'yyyy/mm/dd hh:MM:ss',\n  DDMMYY_DOT_TIME = 'dd.mm.yy hh:MM:ss',\n  YYMMDD_DASH_TIME = 'yy-mm-dd hh:MM:ss',\n  DDMMYY_DASH_TIME = 'dd-mm-yy hh:MM:ss',\n  DDMMYY_SLASH_TIME = 'dd/mm/yy hh:MM:ss',\n  YYMMDD_SLASH_TIME = 'yy/mm/dd hh:MM:ss',\n}",
       "docstring": "",
@@ -15783,11 +16209,6 @@
       "docstring": "",
       "path": "src/components/six-stage-indicator/six-stage-indicator.tsx"
     },
-    "src/components/six-root/six-root.tsx::SixRootCollapsedPayload": {
-      "declaration": "export interface SixRootCollapsedPayload {\n  collapsed: boolean;\n}",
-      "docstring": "",
-      "path": "src/components/six-root/six-root.tsx"
-    },
     "src/components/six-search-field/six-search-field.tsx::SixSearchFieldChangePayload": {
       "declaration": "export interface SixSearchFieldChangePayload {\n  value: string;\n}",
       "docstring": "",