@public-ui/components 1.6.0-rc.9 → 1.6.0

package/vscode-custom-data.json

@@ -8,13 +8,17 @@
         "value": "Die **Abbr**-Komponente implementiert den HTML-Tag `abbr`, wobei hier jedoch der Tooltip barrierefrei ist.\nDer Tooltip für die Beschreibung wird bei Focus oder Hover der **Abbr**-Komponente angezeigt und vorgelesen."
       },
       "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
         {
           "name": "_title",
-          "description": "Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an."
+          "description": "Deprecated: Dieses Property gibt die Beschreibung oder Erläuterung der Abkürzung an."
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -41,15 +45,19 @@
       "attributes": [
         {
           "name": "_heading",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "description": "Deprecated: Gibt die Beschriftung der Komponente an."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_open",
-          "description": "Gibt an, ob die Komponente entweder geöffnet oder geschlossen ist."
+          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
         }
       ]
     },
@@ -62,23 +70,27 @@
       "attributes": [
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_has-closer",
-          "description": "Gibt an, ob die Komponente einen Schließen-Schalter hat."
+          "description": "Defines whether the card has a close button."
         },
         {
           "name": "_heading",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "description": "Deprecated: Gibt die Beschriftung der Komponente an."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "default"
@@ -99,7 +111,7 @@
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "card"
@@ -120,23 +132,23 @@
       "attributes": [
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_has-closer",
-          "description": "Gibt an, ob die Komponente einen Schließen-Schalter hat."
+          "description": "Defines whether the card has a close button."
         },
         {
-          "name": "_heading",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "default"
@@ -157,7 +169,7 @@
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "card"
@@ -169,6 +181,40 @@
         }
       ]
     },
+    {
+      "name": "kol-avatar",
+      "description": {
+        "kind": "markdown",
+        "value": "Die **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist."
+      },
+      "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_src",
+          "description": "Sets the image `src` attribute to the given string."
+        }
+      ]
+    },
+    {
+      "name": "kol-avatar-wc",
+      "description": {
+        "kind": "markdown",
+        "value": "Die **Avatar**-Komponente zeigt entweder ein kleines Bild des Users oder dessen Initialen an, falls kein Bild vorhanden ist."
+      },
+      "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_src",
+          "description": "Sets the image `src` attribute to the given string."
+        }
+      ]
+    },
     {
       "name": "kol-badge",
       "description": {
@@ -178,27 +224,27 @@
       "attributes": [
         {
           "name": "_color",
-          "description": "Setzt die Hintergrundfarbe."
+          "description": "Defines the backgroundColor and foregroundColor."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated:\n⚠️ We do not support the `_hide-label` property for the `kol-badge` element,\n  since it would not be accessible without visible labeling. A separate tooltip\n  is not planed, because a badge is not an interactive element."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated: Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_smart-button",
-          "description": "Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur _hide-label)."
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
         }
       ]
     },
@@ -211,15 +257,15 @@
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_links",
-          "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
+          "description": "Defines the list of links combined with their labels to render."
         }
       ]
     },
@@ -232,15 +278,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_aria-controls",
-          "description": "Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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",
-          "description": "Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "description": "Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
           "values": [
             {
               "name": "date"
@@ -261,35 +307,35 @@
         },
         {
           "name": "_aria-expanded",
-          "description": "Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_aria-selected",
-          "description": "Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist."
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_icon-align",
-          "description": "Deprecated: Gibt an, ob das Icon links oder rechts von der Beschriftung angezeigt werden soll.",
+          "description": "Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -307,19 +353,23 @@
         },
         {
           "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated: Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_name",
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_role",
-          "description": "Gibt die Rolle des primären Elements in der Komponente an.",
+          "description": "Defines the role of the components primary element.",
           "values": [
             {
               "name": "button"
@@ -334,11 +384,11 @@
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -356,7 +406,7 @@
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "button"
@@ -369,9 +419,13 @@
             }
           ]
         },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
+        },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "custom"
@@ -423,15 +477,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_aria-controls",
-          "description": "Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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",
-          "description": "Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "description": "Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
           "values": [
             {
               "name": "date"
@@ -452,43 +506,47 @@
         },
         {
           "name": "_aria-expanded",
-          "description": "Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_aria-selected",
-          "description": "Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated: Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_name",
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_role",
-          "description": "Gibt die Rolle des primären Elements in der Komponente an.",
+          "description": "Defines the role of the components primary element.",
           "values": [
             {
               "name": "button"
@@ -503,11 +561,11 @@
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -525,7 +583,7 @@
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "button"
@@ -537,6 +595,10 @@
               "name": "submit"
             }
           ]
+        },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
         }
       ]
     },
@@ -547,21 +609,29 @@
         "value": "Um einzelne Bereiche Ihrer Webseite optisch hervorzuheben, bietet sich die **Card**-Komponente an. Mit ihrer Hilfe können Sie Ihre Inhalte sehr einfach strukturieren.\n\nDie **Card**-Komponente besteht aus einem **_Titel-Bereich_**, einem **_Inhalts-Bereich_** und einem **_Fuß-Bereich_**.\n\nDer **Titel-Bereich** wird in einer größeren Schrift dargestellt. Der **Inhalts-Bereich** ist optisch durch eine horizontale Trennlinie unterhalb des Titel-Bereichs abgetrennt und wird in der Standardschrift ausgegeben.\nDer **Fuß-Bereich** wird optional durch das Attribut **`_has-footer`** aktiviert und stellt dann Platz für weitere Inhalte, z.B. eine **Button**-Komponente bereit. Der Fuß-Bereich ist optisch durch eine horizontale Trennlinie vom Inhalts-Bereich abgetrennt."
       },
       "attributes": [
+        {
+          "name": "_has-closer",
+          "description": "Defines whether the element can be closed."
+        },
         {
           "name": "_has-footer",
-          "description": "Macht den Footerbereich der Card sichtbar."
+          "description": "Shows the slot=\"footer\"."
         },
         {
           "name": "_heading",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "description": "Deprecated: Gibt die Beschriftung der Komponente an."
         },
         {
           "name": "_headline",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "description": "Deprecated: Gibt die Beschriftung der Komponente an."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the description of the component."
         },
         {
           "name": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         }
       ]
     },
@@ -572,13 +642,17 @@
         "value": "Mit Hilfe der **Detail**-Komponente können weiterführende Informationen zunächst mit einem kurzen Einleitungstext angezeigt werden, die erst nach Klick\ndurch die Nutzer:innen auf ein Pfeil-Icon in voller Größe aufgeklappt werden.\n\nDie **Detail**-Komponente stellt sich standardmäßig als einzeiliges Layout-Element dar, das aus einem Pfeil-Icon und einem nachfolgenden,\nkurzen Einleitungstext gebildet wird. Der eigentliche Inhalt der Komponente wird erst nach Klick auf den Kopfbereich nach unten hin geöffnet. Das Pfeil-Icon ändert dabei\nseine Ausrichtung von **_rechts_** nach **_unten_**.\nAnalog lässt sich die Komponente auch wieder schließen und der Inhalt damit verbergen."
       },
       "attributes": [
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
         {
           "name": "_open",
-          "description": "Gibt an, ob die Komponente entweder geöffnet oder geschlossen ist."
+          "description": "If set (to true) opens/expands the element, closes if not set (or set to false)."
         },
         {
           "name": "_summary",
-          "description": "Gibt die Zusammenfassung der Detailbeschreibung an."
+          "description": "Deprecated: Gibt die Zusammenfassung der Detailbeschreibung an."
         }
       ]
     },
@@ -591,7 +665,7 @@
       "attributes": [
         {
           "name": "_required-text",
-          "description": "Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext."
+          "description": "Defines whether the mandatory-fields-hint should be shown. A string overrides the default text."
         }
       ]
     },
@@ -604,15 +678,15 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_secondary-headline",
-          "description": "Gibt den Text der zusätzlichen Überschrift an."
+          "description": "Defines the text of the secondary headline."
         }
       ]
     },
@@ -625,11 +699,11 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_secondary-headline",
@@ -641,24 +715,24 @@
       "name": "kol-icon",
       "description": {
         "kind": "markdown",
-        "value": "Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut **`_icon`** gesteuert werden und erfolgt durch das Attribut **`_label`** barrierefrei. Die Ausgabe erfolgt standardmäßig als _`inline`_-Element.\n\nAktuell werden die Icons von <kol-link _href=\"https://microsoft.github.io/vscode-codicons/dist/codicon.html\" _label=\"Codicons\"></kol-link> unterstützt.\n\n<kol-alert _heading=\"Hinweis\" _type=\"info\">Es ist wichtig, dass in der Rahmenseite (`index.html`) die CSS-Dateie(n) der Icon-Font(s) eingebunden ist/sind.</kol-alert>"
+        "value": "Mit Hilfe der **Icon**-Komponente können Icons aus eingebundenen Icon-Fonts an beliebigen Positionen dargestellt werden. Die Ausgabe des Icon kann über das Attribut **`_icon`** gesteuert werden und erfolgt durch das Attribut **`_label`** barrierefrei. Die Ausgabe erfolgt standardmäßig als _`inline`_-Element.\n\nAktuell werden die Icons von <kol-link _href=\"https://microsoft.github.io/vscode-codicons/dist/codicon.html\" _label=\"https://microsoft.github.io/vscode-codicons/dist/codicon.html\" _target=\"_blank\" _label=\"Codicons\"></kol-link> unterstützt.\n\n<kol-alert _heading=\"Hinweis\" _type=\"info\">Es ist wichtig, dass in der Rahmenseite (`index.html`) die CSS-Dateie(n) der Icon-Font(s) eingebunden ist/sind.</kol-alert>"
       },
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_part",
-          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)"
+          "description": "Deprecated: Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)"
         }
       ]
     },
@@ -671,7 +745,7 @@
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_icon",
@@ -692,9 +766,6 @@
             {
               "name": "at"
             },
-            {
-              "name": "info"
-            },
             {
               "name": "code"
             },
@@ -731,6 +802,12 @@
             {
               "name": "font"
             },
+            {
+              "name": "info"
+            },
+            {
+              "name": "heading"
+            },
             {
               "name": "search"
             },
@@ -743,6 +820,9 @@
             {
               "name": "ghost"
             },
+            {
+              "name": "download"
+            },
             {
               "name": "500px"
             },
@@ -1889,9 +1969,6 @@
             {
               "name": "dove"
             },
-            {
-              "name": "download"
-            },
             {
               "name": "draft2digital"
             },
@@ -2663,9 +2740,6 @@
             {
               "name": "head-side-virus"
             },
-            {
-              "name": "heading"
-            },
             {
               "name": "headphones"
             },
@@ -5055,7 +5129,7 @@
         },
         {
           "name": "_part",
-          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)\n/**"
+          "description": "Deprecated: Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)"
         },
         {
           "name": "_prefix",
@@ -5080,7 +5154,7 @@
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_icon",
@@ -5101,18 +5175,6 @@
             {
               "name": "focus"
             },
-            {
-              "name": "info"
-            },
-            {
-              "name": "warning"
-            },
-            {
-              "name": "error"
-            },
-            {
-              "name": "card"
-            },
             {
               "name": "audio"
             },
@@ -5158,6 +5220,21 @@
             {
               "name": "page"
             },
+            {
+              "name": "info"
+            },
+            {
+              "name": "warning"
+            },
+            {
+              "name": "error"
+            },
+            {
+              "name": "card"
+            },
+            {
+              "name": "heading"
+            },
             {
               "name": "contrast"
             },
@@ -5170,15 +5247,18 @@
             {
               "name": "bold"
             },
-            {
-              "name": "ghost"
-            },
             {
               "name": "disabled"
             },
             {
               "name": "id"
             },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "download"
+            },
             {
               "name": "500px"
             },
@@ -5443,9 +5523,6 @@
             {
               "name": "dog"
             },
-            {
-              "name": "download"
-            },
             {
               "name": "dribbble"
             },
@@ -5596,9 +5673,6 @@
             {
               "name": "hammer"
             },
-            {
-              "name": "heading"
-            },
             {
               "name": "heart"
             },
@@ -11375,7 +11449,7 @@
         },
         {
           "name": "_part",
-          "description": "Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)\n/**"
+          "description": "Deprecated: Gibt den Identifier für den CSS-Part an, um das Icon von Außen ändern zu können. (https://meowni.ca/posts/part-theme-explainer/)"
         }
       ]
     },
@@ -11392,7 +11466,7 @@
         },
         {
           "name": "_loading",
-          "description": "Setzt den Lademodus.",
+          "description": "Defines the loading mode for the image.",
           "values": [
             {
               "name": "eager"
@@ -11404,11 +11478,11 @@
         },
         {
           "name": "_sizes",
-          "description": "Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset."
+          "description": "Defines the image sizes for different screen resolutions, supporting _srcset."
         },
         {
           "name": "_src",
-          "description": "Setzt die Quell-URL des Bildes."
+          "description": "Sets the image `src` attribute to the given string."
         },
         {
           "name": "_srcset",
@@ -11420,7 +11494,7 @@
       "name": "kol-indented-text",
       "description": {
         "kind": "markdown",
-        "value": "Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href=\"/docs/components/quote/\" _label=\"kol-quote-Komponente\"></kol-link> verwendet werden.)."
+        "value": "Heben Sie einzelne Informationen auf Ihrer Webseite optisch mit der **IndentedText**-Komponente hervor. Die Komponente eignet sich nicht nur für besondere Abschnitte auf der Webseite, sondern auch beispielsweise für Zitate (für verlinkte Zitate kann auch die <kol-link _href=\"/docs/components/quote/\" _label=\"/docs/components/quote/\" _label=\"kol-quote-Komponente\"></kol-link> verwendet werden.)."
       },
       "attributes": []
     },
@@ -11441,67 +11515,85 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_checked",
-          "description": "Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)"
+          "description": "Defines whether the checkbox is checked or not. Can be read and written."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_indeterminate",
-          "description": "Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist."
+          "description": "Puts the checkbox in the indeterminate state, does not change the value of _checked."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_type",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Deprecated: Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "button"
@@ -11519,11 +11611,11 @@
         },
         {
           "name": "_value",
-          "description": "Gibt den Schlüssel/Namen der Checkbox an. ({ [value]: [checked] })"
+          "description": "Defines the value of the input."
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "button"
@@ -11550,15 +11642,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -11570,51 +11662,77 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Vorschlagswörter an."
+          "description": "Deprecated: Gibt die Liste der Vorschlagswörter an."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
+        },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -11627,15 +11745,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -11647,71 +11765,97 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Vorschlagszahlen an."
+          "description": "Deprecated: Gibt die Liste der Vorschlagszahlen an."
         },
         {
           "name": "_max",
-          "description": "Gibt den größtmöglichen Eingabewert an."
+          "description": "Defines the largest possible input value."
         },
         {
           "name": "_min",
-          "description": "Gibt den kleinstmöglichen Eingabewert an."
+          "description": "Defines the smallest possible input value."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
+        },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
         },
         {
           "name": "_step",
-          "description": "Gibt die Schrittweite der Wertveränderung an."
+          "description": "Defines the step size for value changes."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "date"
@@ -11732,7 +11876,7 @@
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -11745,15 +11889,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -11765,83 +11909,109 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_has-counter",
-          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+          "description": "Shows the character count on the lower border of the input."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Vorschlagswörter an."
+          "description": "Deprecated: Gibt die Liste der Vorschlagswörter an."
         },
         {
           "name": "_max-length",
-          "description": "Gibt an, wie viele Zeichen maximal eingegeben werden können."
+          "description": "Defines the maximum number of input characters."
         },
         {
           "name": "_multiple",
-          "description": "Gibt an, ob mehrere Werte eingegeben werden können."
+          "description": "Makes the input accept multiple inputs."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_pattern",
-          "description": "Gibt ein Prüfmuster (Pattern) für das Eingabefeld an."
+          "description": "Defines a validation pattern for the input field."
         },
         {
           "name": "_placeholder",
-          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist."
+          "description": "Defines the placeholder for input field. To be shown when there's no value."
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
         },
         {
           "name": "_size",
           "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten."
         },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -11854,67 +12024,89 @@
       "attributes": [
         {
           "name": "_accept",
-          "description": "Gibt an, welche Dateiformate erlaubt sind."
+          "description": "Defines which file formats are accepted."
         },
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_multiple",
-          "description": "Gibt an, ob mehrere Werte eingegeben werden können."
+          "description": "Makes the input accept multiple inputs."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
+        },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -11927,15 +12119,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -11947,75 +12139,101 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Vorschlagszahlen an."
+          "description": "Deprecated: Gibt die Liste der Vorschlagszahlen an."
         },
         {
           "name": "_max",
-          "description": "Gibt den größtmöglichen Eingabewert an."
+          "description": "Defines the largest possible input value."
         },
         {
           "name": "_min",
-          "description": "Gibt den kleinstmöglichen Eingabewert an."
+          "description": "Defines the smallest possible input value."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_placeholder",
-          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist."
+          "description": "Defines the placeholder for input field. To be shown when there's no value."
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
+        },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
         },
         {
           "name": "_step",
-          "description": "Gibt die Schrittweite der Wertveränderung an."
+          "description": "Defines the step size for value changes."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Deprecated: Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "date"
@@ -12039,7 +12257,7 @@
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -12052,15 +12270,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -12072,75 +12290,97 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_has-counter",
-          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+          "description": "Shows the character count on the lower border of the input."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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-length",
-          "description": "Gibt an, wie viele Zeichen maximal eingegeben werden können."
+          "description": "Defines the maximum number of input characters."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_pattern",
-          "description": "Gibt ein Prüfmuster (Pattern) für das Eingabefeld an."
+          "description": "Defines a validation pattern for the input field."
         },
         {
           "name": "_placeholder",
-          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist."
+          "description": "Defines the placeholder for input field. To be shown when there's no value."
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
         },
         {
           "name": "_size",
           "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten."
         },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
+        },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -12153,47 +12393,51 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Optionen für das Eingabefeld an."
+          "description": "Deprecated: Gibt die Liste der Optionen für das Eingabefeld an."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
+        },
+        {
+          "name": "_options",
+          "description": "Options the user can choose from."
         },
         {
           "name": "_orientation",
-          "description": "Gibt die horizontale oder vertikale Ausrichtung der Komponente an.",
+          "description": "Defines whether the orientation of the component is horizontal or vertical.",
           "values": [
             {
               "name": "horizontal"
@@ -12205,19 +12449,37 @@
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert der Radio an. (Known Bug: https://github.com/ionic-team/stencil/issues/3902)"
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -12230,35 +12492,35 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
@@ -12266,11 +12528,11 @@
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_orientation",
-          "description": "Gibt die horizontale oder vertikale Ausrichtung der Komponente an.",
+          "description": "Defines whether the orientation of the component is horizontal or vertical.",
           "values": [
             {
               "name": "horizontal"
@@ -12286,7 +12548,7 @@
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
@@ -12294,7 +12556,7 @@
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert der Radio an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -12307,15 +12569,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -12327,63 +12589,85 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Vorschlagswörter an."
+          "description": "Deprecated: Gibt die Liste der Vorschlagswörter an."
         },
         {
           "name": "_max",
-          "description": "Gibt den größtmöglichen Eingabewert an."
+          "description": "Defines the largest possible input value."
         },
         {
           "name": "_min",
-          "description": "Gibt den kleinstmöglichen Eingabewert an."
+          "description": "Defines the smallest possible input value."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_step",
-          "description": "Gibt die Schrittweite der Wertveränderung an."
+          "description": "Defines the step size for value changes."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -12396,15 +12680,15 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_auto-complete",
-          "description": "Gibt an, ob das Eingabefeld autovervollständigt werden kann.",
+          "description": "Defines whether the input can be auto-completed.",
           "values": [
             {
               "name": "off"
@@ -12416,79 +12700,105 @@
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_has-counter",
-          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+          "description": "Shows the character count on the lower border of the input."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt die Liste der Vorschlagswörter an."
+          "description": "Deprecated: Gibt die Liste der Vorschlagswörter an."
         },
         {
           "name": "_max-length",
-          "description": "Gibt an, wie viele Zeichen maximal eingegeben werden können."
+          "description": "Defines the maximum number of input characters."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_pattern",
-          "description": "Gibt ein Prüfmuster (Pattern) für das Eingabefeld an."
+          "description": "Defines a validation pattern for the input field."
         },
         {
           "name": "_placeholder",
-          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist."
+          "description": "Defines the placeholder for input field. To be shown when there's no value."
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
         },
         {
           "name": "_size",
           "description": "Setzt die Breite des Eingabefeldes in Buchstabenbreiten."
         },
+        {
+          "name": "_smart-button",
+          "description": "Allows to add a button with an arbitrary action within the element (_hide-label only)."
+        },
+        {
+          "name": "_suggestions",
+          "description": "Suggestions to provide for the input."
+        },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "search"
@@ -12506,7 +12816,7 @@
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -12527,7 +12837,7 @@
         },
         {
           "name": "_labeled",
-          "description": "Gibt an, ob die Logo-Beschriftung angezeigt werden soll."
+          "description": "Defines whether the component has a label."
         }
       ]
     },
@@ -12540,11 +12850,11 @@
       "attributes": [
         {
           "name": "_aria-controls",
-          "description": "Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+          "description": "Deprecated: Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
         {
           "name": "_aria-current",
-          "description": "Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "description": "Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
           "values": [
             {
               "name": "date"
@@ -12565,39 +12875,39 @@
         },
         {
           "name": "_aria-expanded",
-          "description": "Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+          "description": "Deprecated: Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
         },
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_aria-selected",
-          "description": "Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
+          "description": "Deprecated: 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": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Deprecated: Makes the element not focusable and ignore all events."
         },
         {
           "name": "_download",
-          "description": "Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen."
+          "description": "Tells the browser that the link contains a file. Optionally sets the filename."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_href",
-          "description": "Gibt die Ziel-Url des Links an."
+          "description": "Defines the target URI of the link."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_icon-align",
-          "description": "Deprecated: Gibt an, ob das Icon links oder rechts von der Beschriftung angezeigt werden soll.",
+          "description": "Deprecated: Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12615,15 +12925,36 @@
         },
         {
           "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated: Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_listen-aria-current",
+          "description": "Listen on a aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
         },
         {
           "name": "_role",
-          "description": "Gibt die Rolle des primären Elements in der Komponente an.",
+          "description": "Defines the role of the components primary element.",
           "values": [
             {
               "name": "button"
@@ -12638,27 +12969,27 @@
         },
         {
           "name": "_selector",
-          "description": "Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus."
+          "description": "Deprecated: Gibt die ID eines DOM-Elements, zu dem gesprungen werden soll, aus."
         },
         {
           "name": "_stealth",
-          "description": "Gibt an, ob der Link nur beim Fokus sichtbar ist."
+          "description": "Deprecated: Gibt an, ob der Link nur beim Fokus sichtbar ist."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_target",
-          "description": "Gibt an wo der Link geöffnet werden soll."
+          "description": "Defines where to open the link."
         },
         {
           "name": "_target-description",
-          "description": "Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird."
+          "description": "Defines the description to use when the link is going to be opened in another application."
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12676,7 +13007,7 @@
         },
         {
           "name": "_use-case",
-          "description": "Gibt den Verwendungsfall des Links an.",
+          "description": "Deprecated: Gibt den Verwendungsfall des Links an.",
           "values": [
             {
               "name": "image"
@@ -12695,16 +13026,16 @@
       "name": "kol-link-button",
       "description": {
         "kind": "markdown",
-        "value": "Der LinkButton ist semantisch ein Link und hat das Design eines Buttons. Hierzu werden alle relevanten Properties der Link-Komponente übernommen und um die Design-bestimmenden Properties des Buttons erweitert.\nWeitere Informationen zum Aussehen finden Sie auf der <kol-link _href=\"/docs/components/button\" _label=\"Seite des Buttons\"></kol-link>."
+        "value": "Der LinkButton ist semantisch ein Link und hat das Design eines Buttons. Hierzu werden alle relevanten Properties der Link-Komponente übernommen und um die Design-bestimmenden Properties des Buttons erweitert.\nWeitere Informationen zum Aussehen finden Sie auf der <kol-link _href=\"/docs/components/button\" _label=\"/docs/components/button\" _label=\"Seite des Buttons\"></kol-link>."
       },
       "attributes": [
         {
           "name": "_aria-controls",
-          "description": "Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
+          "description": "Deprecated: Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
         {
           "name": "_aria-current",
-          "description": "Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
+          "description": "Deprecated: Marks the element as the selected in a group of related elements. Can be one of the following: `date` | `location` | `page` | `step` | `time` | `true`. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
           "values": [
             {
               "name": "date"
@@ -12725,51 +13056,72 @@
         },
         {
           "name": "_aria-expanded",
-          "description": "Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
+          "description": "Deprecated: Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)"
         },
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_aria-selected",
-          "description": "Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)"
+          "description": "Deprecated: 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": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist."
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Deprecated: Makes the element not focusable and ignore all events."
         },
         {
           "name": "_download",
-          "description": "Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen."
+          "description": "Tells the browser that the link contains a file. Optionally sets the filename."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_href",
-          "description": "Gibt die Ziel-Url des Links an."
+          "description": "Defines the target URI of the link."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated: Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_listen-aria-current",
+          "description": "Listen on a aria-current event with this value. If the value matches the current value and the href is the same as the current url, the aria-current attribute will be set to current value.",
+          "values": [
+            {
+              "name": "date"
+            },
+            {
+              "name": "location"
+            },
+            {
+              "name": "page"
+            },
+            {
+              "name": "step"
+            },
+            {
+              "name": "time"
+            }
+          ]
         },
         {
           "name": "_role",
-          "description": "Gibt die Rolle des primären Elements in der Komponente an.",
+          "description": "Defines the role of the components primary element.",
           "values": [
             {
               "name": "button"
@@ -12784,19 +13136,19 @@
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_target",
-          "description": "Gibt an wo der Link geöffnet werden soll."
+          "description": "Defines where to open the link."
         },
         {
           "name": "_target-description",
-          "description": "Gibt die Beschreibung an, wenn der Link in einem anderen Programm geöffnet wird."
+          "description": "Defines the description to use when the link is going to be opened in another application."
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -12814,7 +13166,7 @@
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "custom"
@@ -12850,7 +13202,7 @@
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_heading",
@@ -12858,15 +13210,15 @@
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_links",
-          "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
+          "description": "Defines the list of links to render."
         },
         {
           "name": "_list-style-type",
@@ -12915,11 +13267,11 @@
         },
         {
           "name": "_ordered",
-          "description": "Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll."
+          "description": "Deprecated: Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll."
         },
         {
           "name": "_orientation",
-          "description": "Gibt die horizontale oder vertikale Ausrichtung der Komponente an.",
+          "description": "Defines whether the orientation of the component is horizontal or vertical.",
           "values": [
             {
               "name": "horizontal"
@@ -12940,7 +13292,7 @@
       "attributes": [
         {
           "name": "_abbr",
-          "description": "Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an."
+          "description": "Deprecated: Gibt die Abkürzung eines Ministeriums, eines Amts oder einer Bundesanstalt an."
         },
         {
           "name": "_org",
@@ -12952,20 +13304,20 @@
       "name": "kol-modal",
       "description": {
         "kind": "markdown",
-        "value": "Vielen Dank, dass Sie diese Komponente zur Umsetzung eines Modals verwenden wollen. Inzwischen ist das native `<dialog>` Element sehr gut unterstützt ([caniuse](https://caniuse.com/?search=dialog)), barrierefrei, einfach zu benutzen und performanter (da nativ), daher empfehlen wir dieses zu verwenden. Wenn Sie aufgrund von Abwärtskompatibilität, oder weil Sie die **Modal**-Komponente bereits eingebaut haben, die Dokumentation zu unserem KolModal suchen, finden Sie diese etwas weiter unten. Die **Modal**-Komponente wird in Version 2 noch zur Verfügung stehen."
+        "value": "Vielen Dank, dass Sie diese Komponente zur Umsetzung eines Modals verwenden wollen. Inzwischen ist das native `<dialog>` Element sehr gut unterstützt (<kol-link _href=\"https://caniuse.com/?search=dialog\" _label=\"https://caniuse.com/?search=dialog\" _target=\"_blank\" _label=\"caniuse\"></kol-link>), barrierefrei, einfach zu benutzen und performanter (da nativ), daher empfehlen wir dieses zu verwenden. Wenn Sie aufgrund von Abwärtskompatibilität, oder weil Sie die **Modal**-Komponente bereits eingebaut haben, die Dokumentation zu unserem KolModal suchen, finden Sie diese etwas weiter unten. Die **Modal**-Komponente wird in Version 2 noch zur Verfügung stehen."
       },
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_width",
-          "description": "Setzt die Breite des Modals. (max-width: 100%)."
+          "description": "Defines the width of the modal. (max-width: 100%)"
         }
       ]
     },
@@ -12978,7 +13330,7 @@
       "attributes": [
         {
           "name": "_aria-current-value",
-          "description": "Gibt den Wert von aria-current an, der bei dem aktuellen Kontext innerhalb der Navigation verwendet werden soll.",
+          "description": "Defines the value of aria-current to be used with the current context within the navigation.",
           "values": [
             {
               "name": "date"
@@ -12999,31 +13351,35 @@
         },
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_collapsible",
-          "description": "Gibt an, ob Knoten in der Navigation zusammengeklappt werden können. Ist standardmäßig aktiv."
+          "description": "Defines if navigation nodes can be collapsed or not. Enabled by default."
         },
         {
           "name": "_compact",
-          "description": "Gibt an, ob die Navigation kompakt angezeigt wird."
+          "description": "Deprecated: Gibt an, ob die Navigation kompakt angezeigt wird."
         },
         {
           "name": "_has-compact-button",
-          "description": "Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll."
+          "description": "Deprecated: Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll."
+        },
+        {
+          "name": "_hide-label",
+          "description": "Hides the label."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_links",
-          "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
+          "description": "Defines the list of links, buttons or texts to render."
         },
         {
           "name": "_orientation",
-          "description": "Gibt die horizontale oder vertikale Ausrichtung der Komponente an.",
+          "description": "Defines whether the orientation of the component is horizontal or vertical.",
           "values": [
             {
               "name": "horizontal"
@@ -13035,7 +13391,7 @@
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Deprecated: Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "primary"
@@ -13056,35 +13412,39 @@
       "attributes": [
         {
           "name": "_boundary-count",
-          "description": "Gibt an, wie viele Seiten neben den am Rand liegenden Pfeil-Schaltern angezeigt werden sollen."
+          "description": "Defines the amount of pages to show next to the outer arrow buttons."
         },
         {
           "name": "_custom-class",
-          "description": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist."
+          "description": "Defines the custom class attribute for the buttons."
         },
         {
           "name": "_has-buttons",
-          "description": "Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen."
+          "description": "Defines which navigation buttons to render (first, last, next, previous buttons)."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the description of the component."
         },
         {
           "name": "_page",
-          "description": "Gibt an, welche Seite aktuell ausgewählt ist."
+          "description": "Defines the current page."
         },
         {
           "name": "_page-size",
-          "description": "Gibt an, wie viele Einträge pro Seite angezeigt werden."
+          "description": "Defines the amount of entries to show per page."
         },
         {
           "name": "_page-size-options",
-          "description": "Setzt die Optionen für das Seitenlängenselect."
+          "description": "Defines the options for the page-size-select."
         },
         {
           "name": "_sibling-count",
-          "description": "Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden."
+          "description": "Defines the amount of pages to show next to the current page."
         },
         {
           "name": "_tooltip-align",
-          "description": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13106,7 +13466,7 @@
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "custom"
@@ -13142,7 +13502,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left. In relation to trigger element.",
           "values": [
             {
               "name": "bottom"
@@ -13160,7 +13520,7 @@
         },
         {
           "name": "_show",
-          "description": "Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist."
+          "description": "Makes the element show up."
         }
       ]
     },
@@ -13173,15 +13533,15 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_max",
-          "description": "Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist."
+          "description": "Defines at which value the progress display is completed."
         },
         {
           "name": "_type",
-          "description": "Deprecated: Gibt an, ob der Prozess als Balken oder Kreis dargestellt wird.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "bar"
@@ -13199,15 +13559,15 @@
         },
         {
           "name": "_unit",
-          "description": "Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)"
+          "description": "Defines the unit of the step values (not shown)."
         },
         {
           "name": "_value",
-          "description": "Gibt an, wie weit die Anzeige fortgeschritten ist."
+          "description": "Defines the progress."
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "bar"
@@ -13234,19 +13594,23 @@
       "attributes": [
         {
           "name": "_caption",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Defines the visible caption of the component."
         },
         {
           "name": "_href",
-          "description": "Gibt den Link zur Quelle des Zitates an."
+          "description": "Defines the link to the source of the quote."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_quote",
-          "description": "Setzt den Text, also das Zitat selbst."
+          "description": "Defines the text of the quote."
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "block"
@@ -13267,59 +13631,67 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_height",
-          "description": "Gibt an, ob eine individuelle Höhe übergeben werden soll."
+          "description": "Deprecated: Defines an individual height."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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": "_list",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Deprecated: Options the user can choose from, also supporting Optgroup."
         },
         {
           "name": "_multiple",
-          "description": "Gibt an, ob mehrere Werte eingegeben werden können."
+          "description": "Makes the input accept multiple inputs."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
+        },
+        {
+          "name": "_options",
+          "description": "Options the user can choose from, also supporting Optgroup."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelementzu einem Pflichtfeld."
+          "description": "Makes the input element required."
+        },
+        {
+          "name": "_rows",
+          "description": "Defines how many rows of options should be visible at the same time."
         },
         {
           "name": "_size",
@@ -13327,15 +13699,33 @@
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -13348,15 +13738,15 @@
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_links",
-          "description": "Gibt die Liste der darzustellenden Button, Links oder Texte an."
+          "description": "Defines the list of links combined with their labels to render."
         }
       ]
     },
@@ -13369,19 +13759,19 @@
       "attributes": [
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
           "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Deprecated: Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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."
         }
       ]
     },
@@ -13394,11 +13784,11 @@
       "attributes": [
         {
           "name": "_show",
-          "description": "Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist."
+          "description": "Makes the element show up."
         },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "cycle"
@@ -13422,72 +13812,55 @@
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_aria-controls",
-          "description": "Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
-        },
-        {
-          "name": "_aria-current",
-          "description": "Gibt an, welchen aktuellen Auswahlstatus das interaktive Element der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)",
-          "values": [
-            {
-              "name": "date"
-            },
-            {
-              "name": "location"
-            },
-            {
-              "name": "page"
-            },
-            {
-              "name": "step"
-            },
-            {
-              "name": "time"
-            }
-          ]
+          "description": "Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)"
         },
         {
           "name": "_aria-expanded",
-          "description": "Gibt an, ob durch das interaktive Element in der Komponente etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_aria-selected",
-          "description": "Gibt an, ob interaktive Element in der Komponente ausgewählt ist (z.B. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/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": "Gibt an, welche Custom-Class übergeben werden soll, wenn _variant=\"custom\" gesetzt ist."
+          "description": "Defines the custom class attribute if _variant=\"custom\" is set."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label and shows the description in a Tooltip instead."
         },
         {
           "name": "_icon",
-          "description": "Setzt die Iconklasse (z.B.: `_icon=\"codicon codicon-home`)."
+          "description": "Defines the icon classnames (e.g. `_icon=\"fa-solid fa-user\"`)."
         },
         {
-          "name": "_icon-only",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "name": "_id",
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
+        },
+        {
+          "name": "_name",
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_role",
-          "description": "Gibt die Rolle des primären Elements in der Komponente an.",
+          "description": "Defines the role of the components primary element.",
           "values": [
             {
               "name": "button"
@@ -13502,15 +13875,15 @@
         },
         {
           "name": "_show-dropdown",
-          "description": "Gibt die Rolle des primären Elements in der Komponente an."
+          "description": "Defines whether to show the dropdown menu."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "Gibt an, ob der Tooltip bevorzugt entweder oben, rechts, unten oder links angezeigt werden soll.",
+          "description": "Defines where to show the Tooltip preferably: top, right, bottom or left.",
           "values": [
             {
               "name": "bottom"
@@ -13528,7 +13901,7 @@
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "button"
@@ -13541,9 +13914,13 @@
             }
           ]
         },
+        {
+          "name": "_value",
+          "description": "Defines the value that the button emits on click."
+        },
         {
           "name": "_variant",
-          "description": "Gibt an, welche Variante der Darstellung genutzt werden soll.",
+          "description": "Defines which variant should be used for presentation.",
           "values": [
             {
               "name": "custom"
@@ -13579,11 +13956,11 @@
       "attributes": [
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Sets the visible or semantic label of the component (e.g. Aria label, Label, Headline, Caption, Summary, etc.)."
         },
         {
           "name": "_symbol",
@@ -13595,32 +13972,36 @@
       "name": "kol-table",
       "description": {
         "kind": "markdown",
-        "value": "k# Table\n\nDie **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.\n\n<kol-indented-text _summary=\"Backend-seitige Pagination\">\n\tBei sehr großen Datenmengen ist auch eine manuelle Nutzung der Table-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise \"manuell\" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine \"eigene\" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden.\n</kol-indented-text>"
+        "value": "Die **Table**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.\n\n<kol-indented-text _summary=\"Backend-seitige Pagination\">\n\tBei sehr großen Datenmengen ist auch eine manuelle Nutzung der Table-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise \"manuell\" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine \"eigene\" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden.\n</kol-indented-text>"
       },
       "attributes": [
         {
           "name": "_caption",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Defines the visible caption of the component."
         },
         {
           "name": "_data",
-          "description": "Gibt die Daten an, die für die Erstellung der Tabelle verwendet werden."
+          "description": "Defines the primary table data."
         },
         {
           "name": "_data-foot",
-          "description": "Hier können die Daten für die Fußzeile der Tabelle übergeben werden."
+          "description": "Defines the data for the table footer."
         },
         {
           "name": "_headers",
-          "description": "Gibt die horizontalen und vertikalen Header für die Tabelle an."
+          "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": "Gibt an, die minimale Breite der Tabelle an."
+          "description": "Defines the table min-width."
         },
         {
           "name": "_pagination",
-          "description": "Gibt an, ob die Daten geteilt in Seiten angezeigt wird."
+          "description": "Defines whether to show the data distributed over multiple pages."
         }
       ]
     },
@@ -13631,25 +14012,43 @@
         "value": "Die **Tabs**-Komponente wird verwendet, um verwandte Inhalte auf derselben Seite zu organisieren und zwischen ihnen zu navigieren. Tabs sorgen dafür, dass große Inhaltsmengen für Nutzer:innen leichter organisiert werden können. Tabs sind in Registerkartenleisten angeordnet, die als Registerkartengruppen bezeichnet werden, wobei die Registerkartenbeschriftung den Nutzer:innen einen Hinweis darauf gibt, welcher Inhalt angezeigt wird, wenn die Registerkarte ausgewählt wird."
       },
       "attributes": [
+        {
+          "name": "_align",
+          "description": "Defines the position of the tab captions.",
+          "values": [
+            {
+              "name": "bottom"
+            },
+            {
+              "name": "left"
+            },
+            {
+              "name": "right"
+            },
+            {
+              "name": "top"
+            }
+          ]
+        },
         {
           "name": "_aria-label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Deprecated: Setzt die semantische Beschriftung der Komponente."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_selected",
-          "description": "Gibt an, welches Tab selektiert sein soll."
+          "description": "Defines which tab is active."
         },
         {
           "name": "_tabs",
-          "description": "Setzt die Daten für die Registrierkarten."
+          "description": "Defines the tab captions."
         },
         {
           "name": "_tabs-align",
-          "description": "Setzt die Position der Registrierkarten.",
+          "description": "Deprecated: Setzt die Position der Registrierkarten.",
           "values": [
             {
               "name": "bottom"
@@ -13671,72 +14070,72 @@
       "name": "kol-textarea",
       "description": {
         "kind": "markdown",
-        "value": "Die Komponente **Textarea** stellt ein größeres Eingabefeld für Inhalte zur Verfügung. Im Gegensatz zum <kol-link _href=\"/docs/components/input-text\" _label=\"InputText\"></kol-link> können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können."
+        "value": "Die Komponente **Textarea** stellt ein größeres Eingabefeld für Inhalte zur Verfügung. Im Gegensatz zum <kol-link _href=\"/docs/components/input-text\" _label=\"/docs/components/input-text\" _label=\"InputText\"></kol-link> können hier auch umfangreiche Inhalte eingegeben werden, die auch mit Zeilenumbrüchen versehen sein können."
       },
       "attributes": [
         {
           "name": "_access-key",
-          "description": "Gibt an, mit welcher Tastenkombination man das interaktive Element der Komponente auslösen oder fokussieren kann."
+          "description": "Defines which key combination can be used to trigger or focus the interactive element of the component."
         },
         {
           "name": "_adjust-height",
-          "description": "Passt die Höhe des Eingabefeldes automatisch an den Füllstand an."
+          "description": "Adjusts the height of the element to its content.\nTODO: change back to AdjustHeightPropType after stencil #4663 has been resolved"
         },
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_disabled",
-          "description": "Deaktiviert das interaktive Element in der Komponente und erlaubt keine Interaktion mehr damit."
+          "description": "Makes the element not focusable and ignore all events."
         },
         {
           "name": "_error",
-          "description": "Gibt den Text für eine Fehlermeldung an."
+          "description": "Defines the error message text."
         },
         {
           "name": "_has-counter",
-          "description": "Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes."
+          "description": "Shows the character count on the lower border of the input."
         },
         {
           "name": "_hide-label",
-          "description": "Blendet die Beschriftung (Label) aus und zeigt sie stattdessen mittels eines Tooltips an."
+          "description": "Hides the label."
         },
         {
           "name": "_hint",
-          "description": "Gibt den Hinweistext an."
+          "description": "Defines the hint text."
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "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-length",
-          "description": "Gibt an, wie viele Zeichen maximal eingegeben werden können."
+          "description": "Defines the maximum number of input characters."
         },
         {
           "name": "_name",
-          "description": "Gibt den technischen Namen des Eingabefeldes an."
+          "description": "Defines the technical name of an input field."
         },
         {
           "name": "_placeholder",
-          "description": "Gibt den Platzhalter des Eingabefeldes an, wenn es leer ist."
+          "description": "Defines the placeholder for input field. To be shown when there's no value."
         },
         {
           "name": "_read-only",
-          "description": "Setzt das Eingabefeld in den schreibgeschützten Modus."
+          "description": "Makes the input element read only."
         },
         {
           "name": "_required",
-          "description": "Macht das Eingabeelement zu einem Pflichtfeld."
+          "description": "Makes the input element required."
         },
         {
           "name": "_resize",
-          "description": "Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/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)",
           "values": [
             {
               "name": "both"
@@ -13754,19 +14153,37 @@
         },
         {
           "name": "_rows",
-          "description": "Gibt die Anzahl der anzuzeigenden Zeilen des Eingabefeldes an."
+          "description": "Defines how many rows of text should be visible at the same time."
         },
         {
           "name": "_tab-index",
-          "description": "Gibt an, welchen Tab-Index das primäre Element in der Komponente hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)"
+          "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": "_touched",
-          "description": "Gibt an, ob dieses Eingabefeld von Nutzer:innen einmal besucht/berührt wurde."
+          "description": "Shows if the input was touched by a user."
         },
         {
           "name": "_value",
-          "description": "Gibt den Wert des Eingabefeldes an."
+          "description": "Defines the value of the input."
         }
       ]
     },
@@ -13779,23 +14196,27 @@
       "attributes": [
         {
           "name": "_alert",
-          "description": "Gibt an, ob der Screenreader die Meldung aktiv vorlesen soll."
+          "description": "Defines whether the screen-readers should read out the notification."
         },
         {
           "name": "_has-closer",
-          "description": "Gibt an, ob die Komponente einen Schließen-Schalter hat."
+          "description": "Defines whether the card has a close button."
         },
         {
           "name": "_heading",
-          "description": "Gibt die Beschriftung der Komponente an."
+          "description": "Deprecated: Gibt die Beschriftung der Komponente an."
+        },
+        {
+          "name": "_label",
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_level",
-          "description": "Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder bei 0, ob es keine Überschrift ist und als fett gedruckter Text angezeigt werden soll."
+          "description": "Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text."
         },
         {
           "name": "_show",
-          "description": "Gibt an, ob die Komponente entweder ein- oder ausgeblendet ist."
+          "description": "Makes the element show up."
         },
         {
           "name": "_show-duration",
@@ -13803,7 +14224,7 @@
         },
         {
           "name": "_type",
-          "description": "Setzt den Typ der Komponente oder des interaktiven Elements in der Komponente an.",
+          "description": "Defines either the type of the component or of the components interactive element.",
           "values": [
             {
               "name": "default"
@@ -13825,7 +14246,7 @@
       ]
     },
     {
-      "name": "kol-tooltip",
+      "name": "kol-tooltip-wc",
       "description": {
         "kind": "markdown",
         "value": "<kol-alert _type=\"warning\">Die **Tooltip**-Komponente wird innerhalb von KoliBri verwendet und ist nicht dafür vorgesehen in der Anwendungsentwicklung verwendet zu werden. Denn der Tooltip ist nur dann wirklich barrierefrei, wenn von einem Referenzelement auf das Tooltip verwiesen wird.</kol-alert>\n\nDie **Tooltip**-Komponente implementiert das Gegenstück zum `Aria-Label`. Es ist also explizit nur dafür vorgesehen, dem/der Nutzer:in ohne Screenreader die Beschriftung eines Elementes anzuzeigen.\n\nEin geöffneter Tooltip lässt sich mit der `Escape`-Taste schließen, um ggf. überlagerte Seiteninformationen wieder sichtbar zu machen.\n\n**Hinweis:** Damit der Tooltip korrekt ausgerichtet wird, darf das Referenz-Element nicht `display: inline` haben."
@@ -13833,7 +14254,7 @@
       "attributes": [
         {
           "name": "_align",
-          "description": "Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.",
+          "description": "Defines the alignment of the tooltip in relation to the parent element.",
           "values": [
             {
               "name": "bottom"
@@ -13851,11 +14272,11 @@
         },
         {
           "name": "_id",
-          "description": "Gibt die interne ID des primären Elements in der Komponente an."
+          "description": "Defines the internal ID of the primary component element."
         },
         {
           "name": "_label",
-          "description": "Setzt die sichtbare oder semantische Beschriftung der Komponente (z.B. Aria-Label, Label, Headline, Caption, Summary usw.)."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         }
       ]
     },
@@ -13868,11 +14289,11 @@
       "attributes": [
         {
           "name": "_label",
-          "description": "Gibt die Versionsnummer als Text an."
+          "description": "Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.)."
         },
         {
           "name": "_version",
-          "description": "Gibt die Versionsnummer als Text an."
+          "description": "Deprecated: Gibt die Versionsnummer als Text an."
         }
       ]
     }