@public-ui/components 4.0.0-alpha.0 → 4.0.0-alpha.10

package/vscode-custom-data.json

@@ -35,7 +35,7 @@
         },
         {
           "name": "_open",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
         }
       ]
     },
@@ -104,6 +104,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_color",
+          "description": "Defines the backgroundColor and foregroundColor."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
@@ -137,12 +141,6 @@
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -200,7 +198,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the elements access key."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -238,6 +236,10 @@
           "name": "_id",
           "description": "Defines the internal ID of the primary component element."
         },
+        {
+          "name": "_inline",
+          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -250,12 +252,6 @@
           "name": "_role",
           "description": "Defines the role of the components primary element.",
           "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "link"
-            },
             {
               "name": "tab"
             },
@@ -266,11 +262,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Defines the elements short key."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -338,14 +330,6 @@
         }
       ]
     },
-    {
-      "name": "kol-button-group",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": []
-    },
     {
       "name": "kol-button-link",
       "description": {
@@ -355,7 +339,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the elements access key."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_aria-controls",
@@ -389,6 +373,10 @@
           "name": "_id",
           "description": "Defines the internal ID of the primary component element."
         },
+        {
+          "name": "_inline",
+          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -401,12 +389,6 @@
           "name": "_role",
           "description": "Defines the role of the components primary element.",
           "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "link"
-            },
             {
               "name": "tab"
             },
@@ -417,11 +399,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -484,32 +462,53 @@
       ]
     },
     {
-      "name": "kol-combobox",
+      "name": "kol-card-wc",
       "description": {
         "kind": "markdown",
         "value": ""
       },
       "attributes": [
         {
-          "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "name": "_has-closer",
+          "description": "Defines whether the element can be closed."
         },
         {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_level",
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
+        }
+      ]
+    },
+    {
+      "name": "kol-combobox",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+          "name": "_hide-clear-button",
+          "description": "Hides the clear button."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -531,19 +530,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -561,15 +554,11 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_suggestions",
-          "description": "Suggestions the user can choose from."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "description": "Suggestions to provide for the input."
         },
         {
           "name": "_tooltip-align",
@@ -620,7 +609,7 @@
         },
         {
           "name": "_open",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
         }
       ]
     },
@@ -633,7 +622,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Specifies the orientation of the drawer.",
+          "description": "Defines the visual orientation of the component.",
           "values": [
             {
               "name": "bottom"
@@ -650,16 +639,16 @@
           ]
         },
         {
-          "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+          "name": "_has-closer",
+          "description": "Defines whether the element can be closed."
         },
         {
-          "name": "_modal",
-          "description": "Indicates whether the drawer is a modal."
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_open",
-          "description": "Specifies the default open state of the drawer."
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
         }
       ]
     },
@@ -694,33 +683,6 @@
         {
           "name": "_secondary-headline",
           "description": "Defines the text of the secondary headline."
-        },
-        {
-          "name": "_variant",
-          "description": "Defines which variant should be used for presentation.",
-          "values": [
-            {
-              "name": "h1"
-            },
-            {
-              "name": "h2"
-            },
-            {
-              "name": "h3"
-            },
-            {
-              "name": "h4"
-            },
-            {
-              "name": "h5"
-            },
-            {
-              "name": "h6"
-            },
-            {
-              "name": "strong"
-            }
-          ]
         }
       ]
     },
@@ -778,14 +740,6 @@
         }
       ]
     },
-    {
-      "name": "kol-indented-text",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": []
-    },
     {
       "name": "kol-input-checkbox",
       "description": {
@@ -795,11 +749,7 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_checked",
@@ -810,17 +760,13 @@
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -858,19 +804,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -884,11 +824,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -942,40 +878,24 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -997,19 +917,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
+              "name": "_hasCloser"
             },
             {
-              "name": "warning"
-            },
-            {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -1019,18 +933,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -1064,10 +972,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1105,40 +1009,24 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1168,19 +1056,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -1198,18 +1080,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -1247,10 +1123,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1309,44 +1181,28 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
-        },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1368,23 +1224,29 @@
           "description": "Defines the maximum number of input characters."
         },
         {
-          "name": "_msg",
-          "description": "Defines the properties for a message rendered as Alert component.",
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
           "values": [
             {
-              "name": "info"
+              "name": "hard"
             },
             {
-              "name": "success"
-            },
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "_msg",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "values": [
             {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -1414,18 +1276,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -1459,10 +1315,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1504,28 +1356,20 @@
         },
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1547,19 +1391,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
+              "name": "_hasCloser"
             },
             {
-              "name": "warning"
-            },
-            {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -1577,18 +1415,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -1618,10 +1450,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1643,10 +1471,6 @@
         {
           "name": "_touched",
           "description": "Shows if the input was touched by a user."
-        },
-        {
-          "name": "_value",
-          "description": "Defines the value of the input."
         }
       ]
     },
@@ -1659,40 +1483,24 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1722,19 +1530,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -1756,18 +1558,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -1805,10 +1601,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -1846,44 +1638,28 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
-        },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -1905,23 +1681,29 @@
           "description": "Defines the maximum number of input characters."
         },
         {
-          "name": "_msg",
-          "description": "Defines the properties for a message rendered as Alert component.",
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
           "values": [
             {
-              "name": "info"
+              "name": "hard"
             },
             {
-              "name": "success"
-            },
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "_msg",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "values": [
             {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -1947,18 +1729,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -1988,10 +1764,6 @@
             }
           ]
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2039,30 +1811,18 @@
         "value": ""
       },
       "attributes": [
-        {
-          "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -2080,19 +1840,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -2120,14 +1874,6 @@
           "name": "_required",
           "description": "Makes the input element required."
         },
-        {
-          "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2165,40 +1911,24 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -2228,19 +1958,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -2250,7 +1974,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_step",
@@ -2260,10 +1984,6 @@
           "name": "_suggestions",
           "description": "Suggestions to provide for the input."
         },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
-        },
         {
           "name": "_tooltip-align",
           "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
@@ -2301,44 +2021,28 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_auto-complete",
-          "description": "Defines whether the input can be auto-completed.",
-          "values": [
-            {
-              "name": "off"
-            },
-            {
-              "name": "on"
-            }
-          ]
+          "description": "Defines whether the input can be auto-completed."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
-        },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -2360,23 +2064,29 @@
           "description": "Defines the maximum number of input characters."
         },
         {
-          "name": "_msg",
-          "description": "Defines the properties for a message rendered as Alert component.",
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
           "values": [
             {
-              "name": "info"
+              "name": "hard"
             },
             {
-              "name": "success"
-            },
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "_msg",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "values": [
             {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -2402,18 +2112,12 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_smart-button",
           "description": "Allows to add a button with an arbitrary action within the element (_hide-label only).",
           "values": [
-            {
-              "name": "link"
-            },
-            {
-              "name": "tab"
-            },
             {
               "name": "treeitem"
             },
@@ -2444,12 +2148,12 @@
           ]
         },
         {
-          "name": "_suggestions",
-          "description": "Suggestions to provide for the input."
+          "name": "_spell-check",
+          "description": "Defines whether the browser should check the spelling and grammar."
         },
         {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
         },
         {
           "name": "_tooltip-align",
@@ -2523,7 +2227,11 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the elements access key."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
         {
           "name": "_aria-current-value",
@@ -2556,6 +2264,10 @@
           "name": "_aria-description",
           "description": "Defines the value for the aria-description attribute."
         },
+        {
+          "name": "_aria-expanded",
+          "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
@@ -2576,6 +2288,10 @@
           "name": "_icons",
           "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
         },
+        {
+          "name": "_inline",
+          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
@@ -2584,12 +2300,6 @@
           "name": "_role",
           "description": "Defines the role of the components primary element.",
           "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "link"
-            },
             {
               "name": "tab"
             },
@@ -2600,11 +2310,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Defines the elements access key."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_target",
@@ -2639,7 +2345,11 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines the elements access key."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
         {
           "name": "_aria-current-value",
@@ -2704,12 +2414,6 @@
           "name": "_role",
           "description": "Defines the role of the components primary element.",
           "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "link"
-            },
             {
               "name": "tab"
             },
@@ -2720,11 +2424,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
-        },
-        {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_target",
@@ -2778,10 +2478,10 @@
       ]
     },
     {
-      "name": "kol-link-group",
+      "name": "kol-modal",
       "description": {
         "kind": "markdown",
-        "value": ""
+        "value": "https://en.wikipedia.org/wiki/Modal_window"
       },
       "attributes": [
         {
@@ -2789,185 +2489,429 @@
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
-          "name": "_links",
-          "description": "Defines the list of links to render."
-        },
-        {
-          "name": "_list-style-type",
-          "description": "Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet",
+          "name": "_variant",
+          "description": "Defines the variant of the modal.",
           "values": [
             {
-              "name": "circle"
-            },
-            {
-              "name": "decimal"
-            },
-            {
-              "name": "decimal-leading-zero"
-            },
-            {
-              "name": "disc"
-            },
-            {
-              "name": "lower-alpha"
-            },
-            {
-              "name": "lower-greek"
-            },
-            {
-              "name": "lower-latin"
-            },
-            {
-              "name": "lower-roman"
-            },
-            {
-              "name": "none"
+              "name": "blank"
             },
             {
-              "name": "square"
-            },
-            {
-              "name": "upper-alpha"
-            },
-            {
-              "name": "upper-latin"
-            },
-            {
-              "name": "upper-roman"
+              "name": "card"
             }
           ]
         },
         {
-          "name": "_orientation",
-          "description": "Defines whether the orientation of the component is horizontal or vertical.",
-          "values": [
-            {
-              "name": "horizontal"
-            },
-            {
-              "name": "vertical"
-            }
-          ]
+          "name": "_width",
+          "description": "Defines the width of the modal. (max-width: 100%)"
         }
       ]
     },
     {
-      "name": "kol-logo",
+      "name": "kol-nav",
       "description": {
         "kind": "markdown",
-        "value": "> **[DEPRECATED]**: Das Logo wird eine interne Komponente.\n\nMit Hilfe der **Logo**-Komponente können an beliebigen Positionen die Logos verschiedener Bundesinstitutionen ausgegeben werden. Das Logo wird dabei aus einer Sammlung von SVG-Grafiken zusammengesetzt, die fertig konstruiert vorliegen."
+        "value": ""
       },
       "attributes": [
         {
-          "name": "_org",
-          "description": "Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an."
+          "name": "_collapsible",
+          "description": "Defines if navigation nodes can be collapsed or not. Enabled by default."
+        },
+        {
+          "name": "_has-compact-button",
+          "description": "Creates a button below the navigation, that toggles _collapsible."
+        },
+        {
+          "name": "_has-icons-when-expanded",
+          "description": "Shows icons next to the navigation item labels, even when the navigation is not collapsed."
+        },
+        {
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_links",
+          "description": "Defines the list of links, buttons or texts to render."
         }
       ]
     },
     {
-      "name": "kol-modal",
+      "name": "kol-pagination",
       "description": {
         "kind": "markdown",
-        "value": "https://en.wikipedia.org/wiki/Modal_window"
+        "value": ""
       },
       "attributes": [
+        {
+          "name": "_boundary-count",
+          "description": "Defines the amount of pages to show next to the outer arrow buttons."
+        },
+        {
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
+        },
+        {
+          "name": "_has-buttons",
+          "description": "Defines which navigation buttons to render (first, last, next, previous buttons)."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
-          "name": "_width",
-          "description": "Defines the width of the modal. (max-width: 100%)"
+          "name": "_max",
+          "description": "Defines the maximum number of pages."
+        },
+        {
+          "name": "_page",
+          "description": "Defines the current page."
+        },
+        {
+          "name": "_page-size",
+          "description": "Defines the amount of entries to show per page."
+        },
+        {
+          "name": "_page-size-options",
+          "description": "Defines the options for the page-size-select."
+        },
+        {
+          "name": "_sibling-count",
+          "description": "Defines the amount of pages to show next to the current page."
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
         }
       ]
     },
     {
-      "name": "kol-nav",
+      "name": "kol-pagination-wc",
       "description": {
         "kind": "markdown",
         "value": ""
       },
       "attributes": [
         {
-          "name": "_collapsible",
-          "description": "Defines if navigation nodes can be collapsed or not. Enabled by default."
+          "name": "_boundary-count",
+          "description": "Defines the amount of pages to show next to the outer arrow buttons."
         },
         {
-          "name": "_has-compact-button",
-          "description": "Creates a button below the navigation, that toggles _collapsible. Only available for _orientation=\"vertical\"."
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
         },
         {
-          "name": "_has-icons-when-expanded",
-          "description": "Shows icons next to the navigation item labels, even when the navigation is not collapsed."
+          "name": "_has-buttons",
+          "description": "Defines which navigation buttons to render (first, last, next, previous buttons)."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_max",
+          "description": "Defines the maximum number of pages."
+        },
+        {
+          "name": "_page",
+          "description": "Defines the current page."
+        },
+        {
+          "name": "_page-size",
+          "description": "Defines the amount of entries to show per page."
+        },
+        {
+          "name": "_page-size-options",
+          "description": "Defines the options for the page-size-select."
+        },
+        {
+          "name": "_sibling-count",
+          "description": "Defines the amount of pages to show next to the current page."
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "name": "kol-popover-button",
+      "description": {
+        "kind": "markdown",
+        "value": ""
+      },
+      "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+        },
+        {
+          "name": "_aria-description",
+          "description": "Defines the value for the aria-description attribute."
+        },
+        {
+          "name": "_aria-selected",
+          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
+        },
+        {
+          "name": "_custom-class",
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
+        },
+        {
+          "name": "_disabled",
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
+        {
+          "name": "_id",
+          "description": "Defines the internal ID of the primary component element."
+        },
+        {
+          "name": "_inline",
+          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
+        },
         {
           "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
         },
         {
-          "name": "_links",
-          "description": "Defines the list of links, buttons or texts to render."
+          "name": "_name",
+          "description": "Defines the technical name of an input field."
         },
         {
-          "name": "_orientation",
-          "description": "Defines whether the orientation of the component is horizontal or vertical.",
+          "name": "_popover-align",
+          "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
           "values": [
             {
-              "name": "horizontal"
+              "name": "bottom"
             },
             {
-              "name": "vertical"
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_role",
+          "description": "Defines the role of the components primary element.",
+          "values": [
+            {
+              "name": "tab"
+            },
+            {
+              "name": "treeitem"
+            }
+          ]
+        },
+        {
+          "name": "_short-key",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
+        },
+        {
+          "name": "_tab-index",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+        },
+        {
+          "name": "_tooltip-align",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
+        {
+          "name": "_type",
+          "description": "Defines either the type of the component or of the components interactive element.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation.",
+          "values": [
+            {
+              "name": "custom"
+            },
+            {
+              "name": "danger"
+            },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "normal"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "tertiary"
             }
           ]
         }
       ]
     },
     {
-      "name": "kol-pagination",
+      "name": "kol-popover-button-wc",
       "description": {
         "kind": "markdown",
         "value": ""
       },
       "attributes": [
         {
-          "name": "_boundary-count",
-          "description": "Defines the amount of pages to show next to the outer arrow buttons."
+          "name": "_access-key",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+        },
+        {
+          "name": "_aria-controls",
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+        },
+        {
+          "name": "_aria-description",
+          "description": "Defines the value for the aria-description attribute."
+        },
+        {
+          "name": "_aria-selected",
+          "description": "Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
         },
         {
           "name": "_custom-class",
           "description": "Defines the custom class attribute if _variant=\"custom\" is set."
         },
         {
-          "name": "_has-buttons",
-          "description": "Defines which navigation buttons to render (first, last, next, previous buttons)."
+          "name": "_disabled",
+          "description": "Makes the element not focusable and ignore all events."
+        },
+        {
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
+        },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
+        {
+          "name": "_inline",
+          "description": "Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px."
         },
         {
           "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot."
         },
         {
-          "name": "_max",
-          "description": "Defines the maximum number of pages."
+          "name": "_name",
+          "description": "Defines the technical name of an input field."
         },
         {
-          "name": "_page",
-          "description": "Defines the current page."
+          "name": "_popover-align",
+          "description": "Defines where to show the Popover preferably: top, right, bottom or left.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
         },
         {
-          "name": "_page-size",
-          "description": "Defines the amount of entries to show per page."
+          "name": "_role",
+          "description": "Defines the role of the components primary element.",
+          "values": [
+            {
+              "name": "tab"
+            },
+            {
+              "name": "treeitem"
+            }
+          ]
         },
         {
-          "name": "_page-size-options",
-          "description": "Defines the options for the page-size-select."
+          "name": "_short-key",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
-          "name": "_sibling-count",
-          "description": "Defines the amount of pages to show next to the current page."
+          "name": "_tab-index",
+          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
         },
         {
           "name": "_tooltip-align",
@@ -2986,6 +2930,52 @@
               "name": "top"
             }
           ]
+        },
+        {
+          "name": "_type",
+          "description": "Defines either the type of the component or of the components interactive element.",
+          "values": [
+            {
+              "name": "button"
+            },
+            {
+              "name": "reset"
+            },
+            {
+              "name": "submit"
+            }
+          ]
+        },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
+        },
+        {
+          "name": "_variant",
+          "description": "Defines which variant should be used for presentation.",
+          "values": [
+            {
+              "name": "custom"
+            },
+            {
+              "name": "danger"
+            },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "normal"
+            },
+            {
+              "name": "primary"
+            },
+            {
+              "name": "secondary"
+            },
+            {
+              "name": "tertiary"
+            }
+          ]
         }
       ]
     },
@@ -3068,28 +3058,20 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_error",
-          "description": "Defines the error message text."
+          "name": "_hide-label",
+          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
         {
-          "name": "_hide-error",
+          "name": "_hide-msg",
           "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
         },
-        {
-          "name": "_hide-label",
-          "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
-        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -3111,19 +3093,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
-            },
-            {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -3149,7 +3125,7 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tab-index",
@@ -3192,24 +3168,24 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
-        },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
+          "description": "Defines the key combination that can be used to trigger or focus the component's interactive element."
         },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
         {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+          "name": "_hide-clear-button",
+          "description": "Defines the whether the clear button should be hidden."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
@@ -3231,19 +3207,13 @@
           "description": "Defines the properties for a message rendered as Alert component.",
           "values": [
             {
-              "name": "info"
-            },
-            {
-              "name": "success"
+              "name": "_hasCloser"
             },
             {
-              "name": "warning"
-            },
-            {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -3264,12 +3234,12 @@
           "description": "Makes the input element required."
         },
         {
-          "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "name": "_rows",
+          "description": "Maximum number of visible rows in the options dropdown before scrolling."
         },
         {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "name": "_short-key",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -3323,6 +3293,10 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
         {
           "name": "_show",
           "description": "Makes the element show up."
@@ -3351,10 +3325,18 @@
         "value": ""
       },
       "attributes": [
+        {
+          "name": "_access-key",
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
+        },
         {
           "name": "_aria-controls",
           "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
+        {
+          "name": "_aria-description",
+          "description": "Defines the value for the aria-description attribute."
+        },
         {
           "name": "_aria-expanded",
           "description": "Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
@@ -3395,12 +3377,6 @@
           "name": "_role",
           "description": "Defines the role of the components primary element.",
           "values": [
-            {
-              "name": "button"
-            },
-            {
-              "name": "link"
-            },
             {
               "name": "tab"
             },
@@ -3410,8 +3386,8 @@
           ]
         },
         {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "name": "_short-key",
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
           "name": "_tooltip-align",
@@ -3480,24 +3456,7 @@
       ]
     },
     {
-      "name": "kol-symbol",
-      "description": {
-        "kind": "markdown",
-        "value": "Die **Symbol**-Komponente ermöglicht das Rendern beliebiger Symbole mit steuerbarer Ausgabe durch den Screenreader."
-      },
-      "attributes": [
-        {
-          "name": "_label",
-          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
-        },
-        {
-          "name": "_symbol",
-          "description": "Dieses Property gibt den String an der angezeigt werden soll."
-        }
-      ]
-    },
-    {
-      "name": "kol-table",
+      "name": "kol-table-stateful",
       "description": {
         "kind": "markdown",
         "value": ""
@@ -3516,60 +3475,8 @@
           "description": "Defines the data for the table footer."
         },
         {
-          "name": "_headers",
-          "description": "Defines the horizontal and vertical table headers."
-        },
-        {
-          "name": "_label",
-          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
-        },
-        {
-          "name": "_min-width",
-          "description": "Defines the table min-width."
-        },
-        {
-          "name": "_pagination",
-          "description": "Defines whether to show the data distributed over multiple pages."
-        },
-        {
-          "name": "_pagination-position",
-          "description": "Controls the position of the pagination.",
-          "values": [
-            {
-              "name": "both"
-            },
-            {
-              "name": "bottom"
-            },
-            {
-              "name": "top"
-            }
-          ]
-        },
-        {
-          "name": "_selection",
-          "description": "Defines how rows can be selected and the current selection."
-        }
-      ]
-    },
-    {
-      "name": "kol-table-stateful",
-      "description": {
-        "kind": "markdown",
-        "value": ""
-      },
-      "attributes": [
-        {
-          "name": "_allow-multi-sort",
-          "description": "Defines whether to allow multi sort."
-        },
-        {
-          "name": "_data",
-          "description": "Defines the primary table data."
-        },
-        {
-          "name": "_data-foot",
-          "description": "Defines the data for the table footer."
+          "name": "_has-settings-menu",
+          "description": "Enables the settings menu if true (default: false)."
         },
         {
           "name": "_headers",
@@ -3581,7 +3488,7 @@
         },
         {
           "name": "_min-width",
-          "description": "Defines the table min-width."
+          "description": "Defines the table min-width (CSS width values)."
         },
         {
           "name": "_pagination",
@@ -3623,6 +3530,10 @@
           "name": "_data-foot",
           "description": "Defines the data for the table footer."
         },
+        {
+          "name": "_has-settings-menu",
+          "description": "Enables the settings menu if true (default: false)."
+        },
         {
           "name": "_header-cells",
           "description": "Defines the horizontal and vertical table headers."
@@ -3633,7 +3544,7 @@
         },
         {
           "name": "_min-width",
-          "description": "Defines the table min-width."
+          "description": "Defines the table min-width (CSS width values)."
         },
         {
           "name": "_selection",
@@ -3650,7 +3561,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Defines the position of the tab captions.",
+          "description": "Defines the visual orientation of the component.",
           "values": [
             {
               "name": "bottom"
@@ -3678,6 +3589,10 @@
             }
           ]
         },
+        {
+          "name": "_has-create-button",
+          "description": "Defines whether the element has a create button."
+        },
         {
           "name": "_label",
           "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
@@ -3701,40 +3616,36 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
+          "description": "Defines the key combination that can be used to trigger or focus the component’s interactive element."
         },
         {
           "name": "_adjust-height",
           "description": "Adjusts the height of the element to its content."
         },
-        {
-          "name": "_alert",
-          "description": "Defines whether the screen-readers should read out the notification."
-        },
         {
           "name": "_disabled",
           "description": "Makes the element not focusable and ignore all events."
         },
-        {
-          "name": "_error",
-          "description": "Defines the error message text."
-        },
         {
           "name": "_has-counter",
-          "description": "Shows the character count on the lower border of the input."
-        },
-        {
-          "name": "_hide-error",
-          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+          "description": "Shows a character counter for the input element."
         },
         {
           "name": "_hide-label",
           "description": "Hides the caption by default and displays the caption text with a tooltip when the\ninteractive element is focused or the mouse is over it."
         },
+        {
+          "name": "_hide-msg",
+          "description": "Hides the error message but leaves it in the DOM for the input's aria-describedby."
+        },
         {
           "name": "_hint",
           "description": "Defines the hint text."
         },
+        {
+          "name": "_icons",
+          "description": "Defines the icon classnames (e.g. `_icons=\"fa-solid fa-user\"`)."
+        },
         {
           "name": "_id",
           "description": "Defines the internal ID of the primary component element."
@@ -3748,23 +3659,29 @@
           "description": "Defines the maximum number of input characters."
         },
         {
-          "name": "_msg",
-          "description": "Defines the properties for a message rendered as Alert component.",
+          "name": "_max-length-behavior",
+          "description": "Defines the behavior when maxLength is set. 'hard' sets the maxlength attribute, 'soft' shows a character counter without preventing input.",
           "values": [
             {
-              "name": "info"
+              "name": "hard"
             },
             {
-              "name": "success"
-            },
+              "name": "soft"
+            }
+          ]
+        },
+        {
+          "name": "_msg",
+          "description": "Defines the properties for a message rendered as Alert component.",
+          "values": [
             {
-              "name": "warning"
+              "name": "_hasCloser"
             },
             {
-              "name": "error"
+              "name": "_label"
             },
             {
-              "name": "msg"
+              "name": "_level"
             }
           ]
         },
@@ -3788,12 +3705,6 @@
           "name": "_resize",
           "description": "Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize)\nIn version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`.",
           "values": [
-            {
-              "name": "both"
-            },
-            {
-              "name": "horizontal"
-            },
             {
               "name": "none"
             },
@@ -3808,11 +3719,11 @@
         },
         {
           "name": "_short-key",
-          "description": "Adds a visual short key hint to the component."
+          "description": "Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud."
         },
         {
-          "name": "_tab-index",
-          "description": "Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "name": "_spell-check",
+          "description": "Defines whether the browser should check the spelling and grammar."
         },
         {
           "name": "_tooltip-align",
@@ -3859,7 +3770,19 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Defines the semantic aria-label of the component."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_orientation",
+          "description": "Defines whether the orientation of the component is horizontal or vertical.",
+          "values": [
+            {
+              "name": "horizontal"
+            },
+            {
+              "name": "vertical"
+            }
+          ]
         }
       ]
     },
@@ -3872,7 +3795,7 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Defines the label of the tree."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         }
       ]
     },
@@ -3889,15 +3812,15 @@
         },
         {
           "name": "_href",
-          "description": "This property is used for a link from a reference to the target URL."
+          "description": "Defines the target URI of the link."
         },
         {
           "name": "_label",
-          "description": "Defines the label of the link."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_open",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
         }
       ]
     },
@@ -3914,15 +3837,15 @@
         },
         {
           "name": "_href",
-          "description": "This property is used for a link from a reference to the target URL."
+          "description": "Defines the target URI of the link."
         },
         {
           "name": "_label",
-          "description": "Defines the label of the link."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_open",
-          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
+          "description": "Opens/expands the element when truthy, closes/collapses when falsy."
         }
       ]
     },