@public-ui/components 1.5.0-rc.2 → 1.5.0-rc.21

package/dist/types/components.d.ts

@@ -5,20 +5,18 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { Alignment } from "./types/props/alignment";
+import { Alignment, AriaCurrent } from "./types/props";
 import { HeadingLevel } from "./types/heading-level";
-import { KoliBriAccordionCallbacks } from "./components/accordion/component";
-import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
-import { KoliBriColor } from "./components/badge/component";
+import { KoliBriAccordionCallbacks } from "./components/accordion/types";
+import { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
 import { Stringified } from "./types/common";
+import { PropColor } from "./types/props/color";
 import { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-import { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-import { NavLinkProps } from "./components/link/component";
+import { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 import { KoliBriFormCallbacks } from "./components/form/component";
 import { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 import { Icofont } from "./types/icofont";
 import { Loading } from "./utils/validators/loading";
-import { KoliBriHorizontalIcon as KoliBriHorizontalIcon1, Stringified as Stringified1 } from "./components";
 import { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
 import { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 import { Iso8601 } from "./types/input/iso8601";
@@ -26,31 +24,33 @@ import { InputDateType, InputNumberType } from "./types/input/control/number";
 import { W3CInputValue } from "./types/w3c";
 import { Orientation } from "./types/orientation";
 import { InputTextType } from "./types/input/control/text";
+import { Alignment as Alignment1, AlternativButtonLinkRole as AlternativButtonLinkRole1, AriaCurrent as AriaCurrent1, KoliBriButtonType as KoliBriButtonType1, KoliBriButtonVariant as KoliBriButtonVariant1, Stringified as Stringified1 } from "./components";
 import { ListStyleType } from "./components/link-group/component";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 import { KoliBriModalEventCallbacks } from "./types/modal";
-import { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
+import { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
+import { KoliBriNavVariant } from "./components/nav/component";
 import { PaginationHasButton } from "./components/pagination/component";
 import { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
 import { KoliBriProgressType } from "./types/progress";
+import { KoliBriQuoteVariant } from "./components/quote/types";
+import { KoliBriSplitButtonCallback } from "./components/split-button/types";
 import { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./types/table";
 import { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
 import { CSSResize } from "./components/textarea/types";
 import { KoliBriToastEventCallbacks } from "./types/toast";
-export { Alignment } from "./types/props/alignment";
+export { Alignment, AriaCurrent } from "./types/props";
 export { HeadingLevel } from "./types/heading-level";
-export { KoliBriAccordionCallbacks } from "./components/accordion/component";
-export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./types/alert";
-export { KoliBriColor } from "./components/badge/component";
+export { KoliBriAccordionCallbacks } from "./components/accordion/types";
+export { AlertType, AlertVariant, KoliBriAlertEventCallbacks } from "./components/alert/types";
 export { Stringified } from "./types/common";
+export { PropColor } from "./types/props/color";
 export { KoliBriHorizontalIcon, KoliBriIconProp } from "./types/icon";
-export { AlternativButtonLinkRole, AriaCurrent, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, LinkUseCase } from "./types/button-link";
-export { NavLinkProps } from "./components/link/component";
+export { AlternativButtonLinkRole, ButtonProps, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, LinkOnCallbacks, LinkProps, LinkTarget, LinkUseCase } from "./types/button-link";
 export { KoliBriFormCallbacks } from "./components/form/component";
 export { FontAwesome, FontAwesomeOssPrefix } from "./enums/font-awesome";
 export { Icofont } from "./types/icofont";
 export { Loading } from "./utils/validators/loading";
-export { KoliBriHorizontalIcon as KoliBriHorizontalIcon1, Stringified as Stringified1 } from "./components";
 export { InputCheckboxIcon, InputCheckboxVariant } from "./components/input-checkbox/types";
 export { InputTypeOnDefault, InputTypeOnOff, Option, SelectOption } from "./types/input/types";
 export { Iso8601 } from "./types/input/iso8601";
@@ -58,13 +58,17 @@ export { InputDateType, InputNumberType } from "./types/input/control/number";
 export { W3CInputValue } from "./types/w3c";
 export { Orientation } from "./types/orientation";
 export { InputTextType } from "./types/input/control/text";
+export { Alignment as Alignment1, AlternativButtonLinkRole as AlternativButtonLinkRole1, AriaCurrent as AriaCurrent1, KoliBriButtonType as KoliBriButtonType1, KoliBriButtonVariant as KoliBriButtonVariant1, Stringified as Stringified1 } from "./components";
 export { ListStyleType } from "./components/link-group/component";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export { KoliBriModalEventCallbacks } from "./types/modal";
-export { KoliBriNavVariant, NavLinkWithChildrenProps } from "./components/nav/component";
+export { ButtonOrLinkOrTextWithChildrenProps } from "./types/button-link-text";
+export { KoliBriNavVariant } from "./components/nav/component";
 export { PaginationHasButton } from "./components/pagination/component";
 export { KoliBriPaginationButtonCallbacks } from "./components/pagination/types";
 export { KoliBriProgressType } from "./types/progress";
+export { KoliBriQuoteVariant } from "./components/quote/types";
+export { KoliBriSplitButtonCallback } from "./components/split-button/types";
 export { KoliBriDataType, KoliBriTableHeaders, KoliBriTablePaginationProps } from "./types/table";
 export { KoliBriTabsCallbacks, TabButtonProps } from "./components/tabs/component";
 export { CSSResize } from "./components/textarea/types";
@@ -86,7 +90,7 @@ export namespace Components {
          */
         "_heading": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -112,7 +116,37 @@ export namespace Components {
          */
         "_heading"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
+         */
+        "_level"?: HeadingLevel;
+        /**
+          * Gibt die EventCallback-Function für das Schließen des Alerts an.
+         */
+        "_on"?: KoliBriAlertEventCallbacks;
+        /**
+          * Gibt an, ob es sich um eine Erfolgs-, Info-, Warnung- oder Fehlermeldung handelt.
+         */
+        "_type"?: AlertType;
+        /**
+          * Gibt an, welche Benachrichtigungsvariante dargestellt wird.
+         */
+        "_variant"?: AlertVariant;
+    }
+    interface KolAlertWc {
+        /**
+          * Gibt an, ob der Screenreader die Meldung vorlesen soll.
+         */
+        "_alert"?: boolean;
+        /**
+          * Gibt an, ob der Alert ein Schließen-Icon hat.
+         */
+        "_hasCloser"?: boolean;
+        /**
+          * Gibt den Titel der Meldung an.
+         */
+        "_heading"?: string;
+        /**
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -130,11 +164,11 @@ export namespace Components {
     }
     interface KolBadge {
         /**
-          * Gibt die Farbe des Hintergrundes bzw. der Schrift an.
+          * Setzt die Hintergrundfarbe.
          */
-        "_color"?: string | KoliBriColor;
+        "_color"?: Stringified<PropColor>;
         /**
-          * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -142,7 +176,7 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label-Text des Badges an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -156,9 +190,9 @@ export namespace Components {
          */
         "_ariaLabel": string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolButton {
         /**
@@ -166,7 +200,7 @@ export namespace Components {
          */
         "_accessKey"?: string;
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -194,7 +228,7 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -207,11 +241,11 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+          * Gibt die ID der Schaltfläche an.
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -253,7 +287,7 @@ export namespace Components {
          */
         "_accessKey"?: string;
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -277,7 +311,7 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -289,7 +323,7 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -323,7 +357,7 @@ export namespace Components {
          */
         "_accessKey"?: string;
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -351,7 +385,7 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -360,7 +394,7 @@ export namespace Components {
          */
         "_iconAlign"?: Alignment;
         /**
-          * Gibt an, ob nur das Icon angezeigt wird.
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
          */
         "_iconOnly"?: boolean;
         /**
@@ -368,7 +402,7 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -376,7 +410,7 @@ export namespace Components {
          */
         "_on"?: KoliBriButtonCallbacks<unknown>;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -384,11 +418,11 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`).
          */
         "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Typ der Button hat.
+          * Setzt den Typ der Schaltfläche.
          */
         "_type"?: KoliBriButtonType;
         /**
@@ -402,7 +436,7 @@ export namespace Components {
     }
     interface KolCard {
         /**
-          * Gibt an, ob die Card einen Footer-Bereich hat.
+          * Macht den Footerbereich der Card sichtbar.
          */
         "_hasFooter"?: boolean;
         /**
@@ -415,7 +449,7 @@ export namespace Components {
          */
         "_headline"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
     }
@@ -435,7 +469,7 @@ export namespace Components {
          */
         "_on"?: KoliBriFormCallbacks;
         /**
-          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.
+          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext.
          */
         "_requiredText"?: Stringified<boolean>;
     }
@@ -443,7 +477,7 @@ export namespace Components {
         /**
           * Gibt den Text der Überschrift an.
          */
-        "_headline": string;
+        "_label": string;
         /**
           * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.
          */
@@ -457,13 +491,13 @@ export namespace Components {
         /**
           * Gibt den Text der Überschrift an.
          */
-        "_headline": string;
+        "_label": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt den Text der zusätzlichen Überschrift an.
+          * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.
          */
         "_secondaryHeadline"?: string;
     }
@@ -473,11 +507,11 @@ export namespace Components {
          */
         "_ariaLabel": string;
         /**
-          * Gibt einen Identifier eines Icons aus den Icon's an.
+          * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon": string;
         /**
-          * 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/) /**
+          * 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/)
           * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
@@ -524,23 +558,23 @@ export namespace Components {
     }
     interface KolImage {
         /**
-          * Gibt den alternativen Text an.
+          * Setzt den alternativen Text.
          */
         "_alt": string;
         /**
-          * Gibt den Lademodus an.
+          * Setzt den Lademodus.
          */
         "_loading"?: Loading;
         /**
-          * ...
+          * Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset.
          */
         "_sizes"?: string;
         /**
-          * Gibt die Quell-URL an.
+          * Setzt die Quell-URL des Bildes.
          */
         "_src": string;
         /**
-          * Gibt eine Liste von Quell-URLs mit Breiten der Bilder an.
+          * Setzt eine Liste von Quell-URLs mit Breiten der Bilder.
          */
         "_srcset"?: string;
     }
@@ -552,7 +586,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -560,11 +594,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -588,11 +622,11 @@ export namespace Components {
          */
         "_renderNoLabel"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -615,11 +649,11 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ausgewählt ist oder nicht.
+          * Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)
          */
         "_checked"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -627,21 +661,21 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Ermöglicht das Überschreiben der Icons für die Checkbox.
          */
-        "_icon"?: Stringified1<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.
          */
@@ -655,7 +689,7 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -672,7 +706,7 @@ export namespace Components {
          */
         "_type"?: InputCheckboxVariant;
         /**
-          * Gibt den Wert der Checkbox an.
+          * Gibt den Schlüssel/Namen der Checkbox an. ({ [value]: [checked] })
          */
         "_value"?: string;
         /**
@@ -694,7 +728,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -702,11 +736,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -716,7 +750,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -730,7 +764,7 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -760,7 +794,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -768,11 +802,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -782,7 +816,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -804,15 +838,15 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -850,7 +884,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -858,11 +892,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -872,7 +906,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -902,19 +936,19 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Radio ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -944,7 +978,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -952,11 +986,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -966,7 +1000,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob mehrere Werte eingegeben werden können.
          */
@@ -980,11 +1014,11 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1014,7 +1048,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1022,11 +1056,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1036,7 +1070,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -1062,15 +1096,15 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1109,7 +1143,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1117,11 +1151,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1131,7 +1165,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, wie viele Zeichen man maximal eingeben kann.
          */
@@ -1153,19 +1187,19 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1191,7 +1225,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1199,17 +1233,17 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -1227,7 +1261,7 @@ export namespace Components {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -1256,7 +1290,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1264,17 +1298,17 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -1292,7 +1326,7 @@ export namespace Components {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -1322,7 +1356,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1330,11 +1364,11 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1344,7 +1378,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -1396,7 +1430,7 @@ export namespace Components {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1404,21 +1438,21 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
          */
-        "_icon"?: Stringified1<KoliBriHorizontalIcon1>;
+        "_icon"?: Stringified<KoliBriHorizontalIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -1436,7 +1470,7 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt ein Prüfpattern für das Eingabefeld an.
+          * Gibt ein Prüfmuster für das Eingabefeld an.
          */
         "_pattern"?: string;
         /**
@@ -1444,19 +1478,19 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -1484,7 +1518,7 @@ export namespace Components {
         /**
           * Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.
          */
-        "_color"?: string;
+        "_color"?: Stringified1<PropColor>;
         /**
           * Gibt an, ob die Logo-Beschriftung angezeigt werden soll.
          */
@@ -1492,7 +1526,7 @@ export namespace Components {
     }
     interface KolLink {
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -1515,12 +1549,16 @@ export namespace Components {
           * Gibt an, ob der Link deaktiviert ist.
          */
         "_disabled"?: boolean;
+        /**
+          * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
+         */
+        "_download"?: boolean | string;
         /**
           * Gibt die Ziel-Url des Links an.
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -1533,15 +1571,16 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle das Element hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -1559,7 +1598,7 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -1578,7 +1617,7 @@ export namespace Components {
     }
     interface KolLinkButton {
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -1605,12 +1644,16 @@ export namespace Components {
           * Gibt an, ob der Link deaktiviert ist.
          */
         "_disabled"?: boolean;
+        /**
+          * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
+         */
+        "_download"?: boolean | string;
         /**
           * Gibt die Ziel-Url des Links an.
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -1618,15 +1661,16 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Setzt die Role der Schaltfläche.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -1634,7 +1678,7 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -1646,7 +1690,7 @@ export namespace Components {
          */
         "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Gibt an, welche Ausprägung der Link-Button hat.
          */
         "_variant"?: KoliBriButtonVariant;
     }
@@ -1660,19 +1704,20 @@ export namespace Components {
          */
         "_heading"?: string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
         /**
           * Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet
          */
         "_listStyleType"?: ListStyleType;
         /**
-          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert. Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert.
          */
         "_ordered"?: boolean;
         /**
@@ -1682,7 +1727,7 @@ export namespace Components {
     }
     interface KolLinkWc {
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -1703,14 +1748,19 @@ export namespace Components {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
+          * @deprecated Ein Link kann nicht deaktiviert werden, nutzen Sie den Button-Link stattdessen.
          */
         "_disabled"?: boolean;
+        /**
+          * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
+         */
+        "_download"?: boolean | string;
         /**
           * Gibt die Ziel-Url des Links an.
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -1723,16 +1773,16 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -1750,7 +1800,7 @@ export namespace Components {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -1792,11 +1842,7 @@ export namespace Components {
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
-          * Gibt an, ob das Modal angezeigt wird.
-         */
-        "_show"?: boolean;
-        /**
-          * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
+          * Setzt die Breite des Modals. (max-width: 100%).
          */
         "_width"?: string;
     }
@@ -1819,18 +1865,20 @@ export namespace Components {
         "_compact"?: boolean;
         /**
           * Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.
+          * @deprecated Version 2
          */
         "_hasCompactButton"?: boolean;
         /**
           * Gibt die geordnete Liste der Seitenhierarchie an.
          */
-        "_links": Stringified<NavLinkWithChildrenProps[]>;
+        "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
         /**
           * Gibt die Ausrichtung der Navigation an.
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Stellt verschiedene Varianten der Navigation zur Verfügung.
+          * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
     }
@@ -1844,7 +1892,7 @@ export namespace Components {
          */
         "_customClass"?: string;
         /**
-          * Gibt an, welche Sprung-Schalter sichtbar sein sollen.
+          * Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen.
          */
         "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
         /**
@@ -1860,11 +1908,11 @@ export namespace Components {
          */
         "_pageSize": number;
         /**
-          * Gibt an, welche Optionen für die Seitenlänge angeboten werden.
+          * Setzt die Optionen für das Seitenlängenselect.
          */
         "_pageSizeOptions": Stringified<number[]>;
         /**
-          * Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.
+          * Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden.
          */
         "_siblingCount"?: number;
         /**
@@ -1872,7 +1920,7 @@ export namespace Components {
          */
         "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
+          * Setzt die Gesamtanzahl der Seiten.
          */
         "_total": number;
         /**
@@ -1880,7 +1928,21 @@ export namespace Components {
          */
         "_variant"?: KoliBriButtonVariant;
     }
+    interface KolPopover {
+        /**
+          * Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.
+         */
+        "_alignment"?: Alignment;
+        /**
+          * Öffnet/schließt das Popover.
+         */
+        "_show"?: boolean;
+    }
     interface KolProgress {
+        /**
+          * Setzt die Bezeichnung der Fortschrittsanzeige.
+         */
+        "_label"?: string;
         /**
           * Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.
          */
@@ -1890,7 +1952,7 @@ export namespace Components {
          */
         "_type"?: KoliBriProgressType;
         /**
-          * Gibt die Einheit der Fortschrittswerte an.
+          * Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)
          */
         "_unit"?: string;
         /**
@@ -1898,6 +1960,24 @@ export namespace Components {
          */
         "_value": number;
     }
+    interface KolQuote {
+        /**
+          * Setzt die Überschrift.
+         */
+        "_caption"?: string;
+        /**
+          * Link auf die Quelle des Zitates.
+         */
+        "_href": string;
+        /**
+          * Setzt den Text, also das Zitat selbst.
+         */
+        "_quote": string;
+        /**
+          * Setzt die Variante des Zitats.
+         */
+        "_variant"?: KoliBriQuoteVariant;
+    }
     interface KolSelect {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -1908,7 +1988,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -1921,11 +2001,11 @@ export namespace Components {
          */
         "_height"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -1935,7 +2015,7 @@ export namespace Components {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -1953,11 +2033,11 @@ export namespace Components {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Selectbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.
+          * Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes.
          */
         "_size"?: number;
         /**
@@ -1979,13 +2059,13 @@ export namespace Components {
          */
         "_ariaLabel": string;
         /**
-          * Ist die Liste der unsichtbaren Links.
+          * Setzt die Liste der darzustellenden Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -1993,13 +2073,13 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
     interface KolSpanWc {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2007,7 +2087,7 @@ export namespace Components {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
@@ -2017,6 +2097,89 @@ export namespace Components {
          */
         "_show"?: boolean;
     }
+    interface KolSplitButton {
+        /**
+          * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent1;
+        /**
+          * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text für den Screenreader an. Damit die Sprachsteuerung von interaktiven Elementen funktioniert, muss der Aria-Label-Text mit dem Label-Text des Buttons beginnen.  - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
+         */
+        "_customClass"?: string;
+        /**
+          * Gibt an, ob der Button deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Iconklasse (z.B.: "codicon codicon-home")
+         */
+        "_icon"?: string;
+        /**
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
+          * @deprecated use _hide-label
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Setzt den sichtbaren Text des Elements.
+         */
+        "_label": string;
+        /**
+          * Gibt die EventCallback-Funktionen für die Button-Events an.
+         */
+        "_onClick"?: KoliBriSplitButtonCallback;
+        /**
+          * Gibt an, welche Rolle der Schalter hat.
+         */
+        "_role"?: AlternativButtonLinkRole1;
+        /**
+          * Gibt an, welche Rolle der Schalter hat.
+         */
+        "_showDropdown"?: boolean;
+        /**
+          * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+         */
+        "_tabIndex"?: number;
+        /**
+          * Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`).
+         */
+        "_tooltipAlign"?: Alignment1;
+        /**
+          * Setzt den Typ der Schaltfläche.
+         */
+        "_type"?: KoliBriButtonType1;
+        /**
+          * Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt.
+         */
+        "_value"?: Stringified1<unknown>;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant1;
+    }
     interface KolSymbol {
         /**
           * Gibt an, was der Screenreader ausgeben soll
@@ -2063,11 +2226,11 @@ export namespace Components {
          */
         "_selected"?: number;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Daten für die Registrierkarten.
          */
         "_tabs": Stringified<TabButtonProps[]>;
         /**
-          * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
+          * Setzt die Position der Registrierkarten.
          */
         "_tabsAlign"?: Alignment;
     }
@@ -2085,7 +2248,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -2093,23 +2256,23 @@ export namespace Components {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob am unteren Rand des Eingabefeldes die Anzahl der Zeichen angezeigt werden soll.
+          * Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes.
          */
         "_hasCounter"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
-          * Gibt an, wie viele Zeichen man maximal eingeben kann.
+          * Setzt die maximale Zeichenanzahl.
          */
         "_maxLength"?: number;
         /**
@@ -2125,15 +2288,15 @@ export namespace Components {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, ob die Größe des Eingabefeldes geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
+          * Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
          */
         "_resize"?: CSSResize;
         /**
@@ -2159,7 +2322,7 @@ export namespace Components {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob der Toast ein Schließen-Icon hat.
+          * Aktiviert das Schließen-Icon.
          */
         "_hasCloser"?: boolean;
         /**
@@ -2189,7 +2352,7 @@ export namespace Components {
     }
     interface KolTooltip {
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.
          */
         "_align"?: Alignment;
         /**
@@ -2197,7 +2360,7 @@ export namespace Components {
          */
         "_id": string;
         /**
-          * Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
+          * Setzt den Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
          */
         "_label": string;
     }
@@ -2227,6 +2390,12 @@ declare global {
         prototype: HTMLKolAlertElement;
         new (): HTMLKolAlertElement;
     };
+    interface HTMLKolAlertWcElement extends Components.KolAlertWc, HTMLStencilElement {
+    }
+    var HTMLKolAlertWcElement: {
+        prototype: HTMLKolAlertWcElement;
+        new (): HTMLKolAlertWcElement;
+    };
     interface HTMLKolBadgeElement extends Components.KolBadge, HTMLStencilElement {
     }
     var HTMLKolBadgeElement: {
@@ -2473,12 +2642,24 @@ declare global {
         prototype: HTMLKolPaginationElement;
         new (): HTMLKolPaginationElement;
     };
+    interface HTMLKolPopoverElement extends Components.KolPopover, HTMLStencilElement {
+    }
+    var HTMLKolPopoverElement: {
+        prototype: HTMLKolPopoverElement;
+        new (): HTMLKolPopoverElement;
+    };
     interface HTMLKolProgressElement extends Components.KolProgress, HTMLStencilElement {
     }
     var HTMLKolProgressElement: {
         prototype: HTMLKolProgressElement;
         new (): HTMLKolProgressElement;
     };
+    interface HTMLKolQuoteElement extends Components.KolQuote, HTMLStencilElement {
+    }
+    var HTMLKolQuoteElement: {
+        prototype: HTMLKolQuoteElement;
+        new (): HTMLKolQuoteElement;
+    };
     interface HTMLKolSelectElement extends Components.KolSelect, HTMLStencilElement {
     }
     var HTMLKolSelectElement: {
@@ -2509,6 +2690,12 @@ declare global {
         prototype: HTMLKolSpinElement;
         new (): HTMLKolSpinElement;
     };
+    interface HTMLKolSplitButtonElement extends Components.KolSplitButton, HTMLStencilElement {
+    }
+    var HTMLKolSplitButtonElement: {
+        prototype: HTMLKolSplitButtonElement;
+        new (): HTMLKolSplitButtonElement;
+    };
     interface HTMLKolSymbolElement extends Components.KolSymbol, HTMLStencilElement {
     }
     var HTMLKolSymbolElement: {
@@ -2555,6 +2742,7 @@ declare global {
         "kol-abbr": HTMLKolAbbrElement;
         "kol-accordion": HTMLKolAccordionElement;
         "kol-alert": HTMLKolAlertElement;
+        "kol-alert-wc": HTMLKolAlertWcElement;
         "kol-badge": HTMLKolBadgeElement;
         "kol-breadcrumb": HTMLKolBreadcrumbElement;
         "kol-button": HTMLKolButtonElement;
@@ -2594,12 +2782,15 @@ declare global {
         "kol-modal": HTMLKolModalElement;
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
+        "kol-popover": HTMLKolPopoverElement;
         "kol-progress": HTMLKolProgressElement;
+        "kol-quote": HTMLKolQuoteElement;
         "kol-select": HTMLKolSelectElement;
         "kol-skip-nav": HTMLKolSkipNavElement;
         "kol-span": HTMLKolSpanElement;
         "kol-span-wc": HTMLKolSpanWcElement;
         "kol-spin": HTMLKolSpinElement;
+        "kol-split-button": HTMLKolSplitButtonElement;
         "kol-symbol": HTMLKolSymbolElement;
         "kol-table": HTMLKolTableElement;
         "kol-tabs": HTMLKolTabsElement;
@@ -2626,7 +2817,7 @@ declare namespace LocalJSX {
          */
         "_heading": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -2652,7 +2843,37 @@ declare namespace LocalJSX {
          */
         "_heading"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
+         */
+        "_level"?: HeadingLevel;
+        /**
+          * Gibt die EventCallback-Function für das Schließen des Alerts an.
+         */
+        "_on"?: KoliBriAlertEventCallbacks;
+        /**
+          * Gibt an, ob es sich um eine Erfolgs-, Info-, Warnung- oder Fehlermeldung handelt.
+         */
+        "_type"?: AlertType;
+        /**
+          * Gibt an, welche Benachrichtigungsvariante dargestellt wird.
+         */
+        "_variant"?: AlertVariant;
+    }
+    interface KolAlertWc {
+        /**
+          * Gibt an, ob der Screenreader die Meldung vorlesen soll.
+         */
+        "_alert"?: boolean;
+        /**
+          * Gibt an, ob der Alert ein Schließen-Icon hat.
+         */
+        "_hasCloser"?: boolean;
+        /**
+          * Gibt den Titel der Meldung an.
+         */
+        "_heading"?: string;
+        /**
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
@@ -2670,11 +2891,11 @@ declare namespace LocalJSX {
     }
     interface KolBadge {
         /**
-          * Gibt die Farbe des Hintergrundes bzw. der Schrift an.
+          * Setzt die Hintergrundfarbe.
          */
-        "_color"?: string | KoliBriColor;
+        "_color"?: Stringified<PropColor>;
         /**
-          * Gibt einen Identifier eines Icons aus den Icofont's an. (https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2682,7 +2903,7 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label-Text des Badges an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2696,9 +2917,9 @@ declare namespace LocalJSX {
          */
         "_ariaLabel": string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolButton {
         /**
@@ -2706,7 +2927,7 @@ declare namespace LocalJSX {
          */
         "_accessKey"?: string;
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -2734,7 +2955,7 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2747,11 +2968,11 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt die ID der Schaltfläche an. (Selection, Testing)
+          * Gibt die ID der Schaltfläche an.
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2793,7 +3014,7 @@ declare namespace LocalJSX {
          */
         "_accessKey"?: string;
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -2817,7 +3038,7 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2829,7 +3050,7 @@ declare namespace LocalJSX {
          */
         "_id"?: string;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2863,7 +3084,7 @@ declare namespace LocalJSX {
          */
         "_accessKey"?: string;
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -2891,7 +3112,7 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -2900,7 +3121,7 @@ declare namespace LocalJSX {
          */
         "_iconAlign"?: Alignment;
         /**
-          * Gibt an, ob nur das Icon angezeigt wird.
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
          */
         "_iconOnly"?: boolean;
         /**
@@ -2908,7 +3129,7 @@ declare namespace LocalJSX {
          */
         "_id"?: string;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
@@ -2916,7 +3137,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriButtonCallbacks<unknown>;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -2924,11 +3145,11 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`).
          */
         "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Typ der Button hat.
+          * Setzt den Typ der Schaltfläche.
          */
         "_type"?: KoliBriButtonType;
         /**
@@ -2942,7 +3163,7 @@ declare namespace LocalJSX {
     }
     interface KolCard {
         /**
-          * Gibt an, ob die Card einen Footer-Bereich hat.
+          * Macht den Footerbereich der Card sichtbar.
          */
         "_hasFooter"?: boolean;
         /**
@@ -2955,7 +3176,7 @@ declare namespace LocalJSX {
          */
         "_headline"?: string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
     }
@@ -2975,7 +3196,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriFormCallbacks;
         /**
-          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll.
+          * Gibt an, ob der Pflichtfeld-Hinweis eingeblendet werden soll. Ein String überschreibt den Standardtext.
          */
         "_requiredText"?: Stringified<boolean>;
     }
@@ -2983,7 +3204,7 @@ declare namespace LocalJSX {
         /**
           * Gibt den Text der Überschrift an.
          */
-        "_headline": string;
+        "_label": string;
         /**
           * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.
          */
@@ -2997,13 +3218,13 @@ declare namespace LocalJSX {
         /**
           * Gibt den Text der Überschrift an.
          */
-        "_headline": string;
+        "_label": string;
         /**
-          * Gibt an, welchen H-Level von 1 bis 6 die Überschrift hat. Oder ob es keine Überschrift ist, sondern nur fett gedruckt.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt den Text der zusätzlichen Überschrift an.
+          * Setzt den Text einer weiteren Überschrift, einen Level kleiner, unter der Ersten.
          */
         "_secondaryHeadline"?: string;
     }
@@ -3013,11 +3234,11 @@ declare namespace LocalJSX {
          */
         "_ariaLabel": string;
         /**
-          * Gibt einen Identifier eines Icons aus den Icon's an.
+          * Setzt die Iconklasse (z.B.: `_icon="codicon codicon-home`).
          */
         "_icon": string;
         /**
-          * 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/) /**
+          * 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/)
           * @deprecated Das Styling sollte stets über CSS erfolgen.
          */
         "_part"?: string;
@@ -3064,23 +3285,23 @@ declare namespace LocalJSX {
     }
     interface KolImage {
         /**
-          * Gibt den alternativen Text an.
+          * Setzt den alternativen Text.
          */
         "_alt": string;
         /**
-          * Gibt den Lademodus an.
+          * Setzt den Lademodus.
          */
         "_loading"?: Loading;
         /**
-          * ...
+          * Setzt Größen für unterschiedliche Auflösungen, unterstützend für _srcset.
          */
         "_sizes"?: string;
         /**
-          * Gibt die Quell-URL an.
+          * Setzt die Quell-URL des Bildes.
          */
         "_src": string;
         /**
-          * Gibt eine Liste von Quell-URLs mit Breiten der Bilder an.
+          * Setzt eine Liste von Quell-URLs mit Breiten der Bilder.
          */
         "_srcset"?: string;
     }
@@ -3092,7 +3313,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3100,11 +3321,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3128,11 +3349,11 @@ declare namespace LocalJSX {
          */
         "_renderNoLabel"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3155,11 +3376,11 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob die Checkbox ausgewählt ist oder nicht.
+          * Gibt an, ob die Checkbox ausgewählt ist oder nicht. (kann gelesen und gesetzt werden)
          */
         "_checked"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3167,21 +3388,21 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Ermöglicht das Überschreiben der Icons für die Checkbox.
          */
-        "_icon"?: Stringified1<InputCheckboxIcon>;
+        "_icon"?: Stringified<InputCheckboxIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob die Checkbox weder ausgewählt noch nicht ausgewählt ist.
          */
@@ -3195,7 +3416,7 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Checkbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -3212,7 +3433,7 @@ declare namespace LocalJSX {
          */
         "_type"?: InputCheckboxVariant;
         /**
-          * Gibt den Wert der Checkbox an.
+          * Gibt den Schlüssel/Namen der Checkbox an. ({ [value]: [checked] })
          */
         "_value"?: string;
         /**
@@ -3234,7 +3455,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3242,11 +3463,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3256,7 +3477,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3270,7 +3491,7 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3300,7 +3521,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3308,11 +3529,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3322,7 +3543,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -3344,15 +3565,15 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3390,7 +3611,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3398,11 +3619,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3412,7 +3633,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3442,19 +3663,19 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Radio ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3484,7 +3705,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3492,11 +3713,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3506,7 +3727,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, ob mehrere Werte eingegeben werden können.
          */
@@ -3520,11 +3741,11 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3554,7 +3775,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3562,11 +3783,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3576,7 +3797,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagszahlen an.
          */
@@ -3602,15 +3823,15 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3649,7 +3870,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3657,11 +3878,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3671,7 +3892,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt an, wie viele Zeichen man maximal eingeben kann.
          */
@@ -3693,19 +3914,19 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -3731,7 +3952,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3739,17 +3960,17 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -3767,7 +3988,7 @@ declare namespace LocalJSX {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -3796,7 +4017,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3804,17 +4025,17 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Optionen für das Eingabefeld an.
          */
@@ -3832,7 +4053,7 @@ declare namespace LocalJSX {
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
@@ -3862,7 +4083,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3870,11 +4091,11 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -3884,7 +4105,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3936,7 +4157,7 @@ declare namespace LocalJSX {
          */
         "_autoComplete"?: InputTypeOnOff;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -3944,21 +4165,21 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Ermöglicht das Anzeigen von Icons links und/oder rechts am Rand des Eingabefeldes.
          */
-        "_icon"?: Stringified1<KoliBriHorizontalIcon1>;
+        "_icon"?: Stringified<KoliBriHorizontalIcon>;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt die Liste der Vorschlagswörter an.
          */
@@ -3976,7 +4197,7 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt ein Prüfpattern für das Eingabefeld an.
+          * Gibt ein Prüfmuster für das Eingabefeld an.
          */
         "_pattern"?: string;
         /**
@@ -3984,19 +4205,19 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob die Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Zeichen man eingeben kann.
+          * Setzt die Breite des Eingabefeldes in Buchstabenbreiten.
          */
         "_size"?: number;
         /**
-          * Ermöglicht einen Schalter ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (nur Icon-Only).
+          * Ermöglicht eine Schaltfläche ins das Eingabefeld mit einer beliebigen Aktion zu einzufügen (ohne label).
          */
         "_smartButton"?: ButtonProps;
         /**
@@ -4024,7 +4245,7 @@ declare namespace LocalJSX {
         /**
           * Gibt an, in welcher Farbe das Bild-Logo initial dargestellt werden soll.
          */
-        "_color"?: string;
+        "_color"?: Stringified1<PropColor>;
         /**
           * Gibt an, ob die Logo-Beschriftung angezeigt werden soll.
          */
@@ -4032,7 +4253,7 @@ declare namespace LocalJSX {
     }
     interface KolLink {
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -4055,12 +4276,16 @@ declare namespace LocalJSX {
           * Gibt an, ob der Link deaktiviert ist.
          */
         "_disabled"?: boolean;
+        /**
+          * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
+         */
+        "_download"?: boolean | string;
         /**
           * Gibt die Ziel-Url des Links an.
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4073,15 +4298,16 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle das Element hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -4099,7 +4325,7 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -4118,7 +4344,7 @@ declare namespace LocalJSX {
     }
     interface KolLinkButton {
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -4145,12 +4371,16 @@ declare namespace LocalJSX {
           * Gibt an, ob der Link deaktiviert ist.
          */
         "_disabled"?: boolean;
+        /**
+          * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
+         */
+        "_download"?: boolean | string;
         /**
           * Gibt die Ziel-Url des Links an.
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4158,15 +4388,16 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Setzt die Role der Schaltfläche.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -4174,7 +4405,7 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -4186,7 +4417,7 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Gibt an, welche Ausprägung der Link-Button hat.
          */
         "_variant"?: KoliBriButtonVariant;
     }
@@ -4200,19 +4431,20 @@ declare namespace LocalJSX {
          */
         "_heading"?: string;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt den H-Level, von 1 bis 6, der Überschrift.
          */
         "_level"?: HeadingLevel;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Liste der darzustellenden Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
         /**
           * Gibt den List-Style-Typen für ungeordnete Listen aus. Wird bei horizontalen LinkGroups als Trenner verwendet
          */
         "_listStyleType"?: ListStyleType;
         /**
-          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert. Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * Gibt an, ob eine Ordered- oder eine Unordered-List verwendet werden soll.
+          * @deprecated Wird mittels der Property _list-style-type automatisch gesteuert.
          */
         "_ordered"?: boolean;
         /**
@@ -4222,7 +4454,7 @@ declare namespace LocalJSX {
     }
     interface KolLinkWc {
         /**
-          * Gibt an, welche Elemente kontrolliert werden.  (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
          */
         "_ariaControls"?: string;
         /**
@@ -4243,14 +4475,19 @@ declare namespace LocalJSX {
         "_ariaSelected"?: boolean;
         /**
           * Gibt an, ob der Link deaktiviert ist.
+          * @deprecated Ein Link kann nicht deaktiviert werden, nutzen Sie den Button-Link stattdessen.
          */
         "_disabled"?: boolean;
+        /**
+          * Teilt dem Browser mit, dass sich hinter dem Link eine Datei befindet. Setzt optional den Dateinamen.
+         */
+        "_download"?: boolean | string;
         /**
           * Gibt die Ziel-Url des Links an.
          */
         "_href": string;
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4263,16 +4500,16 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt den Label für die Beschriftung der Schaltfläche an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
         /**
           * Gibt die EventCallback-Funktionen für den Link an.
-          * @deprecated Hierzu sollte statt Link- die ButtonLink-Komponente verwendet werden.
+          * @deprecated
          */
         "_on"?: LinkOnCallbacks;
         /**
-          * Gibt an, welche Role der Schalter hat.
+          * Gibt an, welche Rolle der Schalter hat.
          */
         "_role"?: AlternativButtonLinkRole;
         /**
@@ -4290,7 +4527,7 @@ declare namespace LocalJSX {
          */
         "_tabIndex"?: number;
         /**
-          * Definiert das Verhalten, bei dem der Link geöffnet werden soll.
+          * Gibt an wo der Link geöffnet werden soll.
          */
         "_target"?: LinkTarget;
         /**
@@ -4332,11 +4569,7 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriModalEventCallbacks;
         /**
-          * Gibt an, ob das Modal angezeigt wird.
-         */
-        "_show"?: boolean;
-        /**
-          * Gibt an, wie breit der Anzeigebereich sein soll (<= max-width: 100%).
+          * Setzt die Breite des Modals. (max-width: 100%).
          */
         "_width"?: string;
     }
@@ -4359,18 +4592,20 @@ declare namespace LocalJSX {
         "_compact"?: boolean;
         /**
           * Gibt an, ob die Navigation eine zusätzliche Schaltfläche zum Aus- und Einklappen der Navigation anzeigen soll.
+          * @deprecated Version 2
          */
         "_hasCompactButton"?: boolean;
         /**
           * Gibt die geordnete Liste der Seitenhierarchie an.
          */
-        "_links": Stringified<NavLinkWithChildrenProps[]>;
+        "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
         /**
           * Gibt die Ausrichtung der Navigation an.
          */
         "_orientation"?: Orientation;
         /**
-          * Gibt an, welche Ausprägung der Button hat.
+          * Stellt verschiedene Varianten der Navigation zur Verfügung.
+          * @deprecated This property is deprecated and will be removed in the next major version.
          */
         "_variant"?: KoliBriNavVariant;
     }
@@ -4384,7 +4619,7 @@ declare namespace LocalJSX {
          */
         "_customClass"?: string;
         /**
-          * Gibt an, welche Sprung-Schalter sichtbar sein sollen.
+          * Setzt die Sichtbarkeit der Anfang/zurück/weiter/Ende-Schaltflächen.
          */
         "_hasButtons"?: boolean | Stringified<PaginationHasButton>;
         /**
@@ -4400,11 +4635,11 @@ declare namespace LocalJSX {
          */
         "_pageSize"?: number;
         /**
-          * Gibt an, welche Optionen für die Seitenlänge angeboten werden.
+          * Setzt die Optionen für das Seitenlängenselect.
          */
         "_pageSizeOptions"?: Stringified<number[]>;
         /**
-          * Gibt an, wie viele Seiten neben dem aktuell ausgewählten Seite angezeigt werden.
+          * Gibt an, wie viele Seiten neben der aktuell Ausgewählten angezeigt werden.
          */
         "_siblingCount"?: number;
         /**
@@ -4412,7 +4647,7 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: Alignment;
         /**
-          * Gibt an, wie viele Einträge mit der Pagination gehandelt werden.
+          * Setzt die Gesamtanzahl der Seiten.
          */
         "_total": number;
         /**
@@ -4420,7 +4655,21 @@ declare namespace LocalJSX {
          */
         "_variant"?: KoliBriButtonVariant;
     }
+    interface KolPopover {
+        /**
+          * Setzt die Ausrichtung des Popovers in Relation zum Triggerelement.
+         */
+        "_alignment"?: Alignment;
+        /**
+          * Öffnet/schließt das Popover.
+         */
+        "_show"?: boolean;
+    }
     interface KolProgress {
+        /**
+          * Setzt die Bezeichnung der Fortschrittsanzeige.
+         */
+        "_label"?: string;
         /**
           * Gibt an, bei welchem Wert die Fortschrittsanzeige abgeschlossen ist.
          */
@@ -4430,7 +4679,7 @@ declare namespace LocalJSX {
          */
         "_type"?: KoliBriProgressType;
         /**
-          * Gibt die Einheit der Fortschrittswerte an.
+          * Setzt die Einheit der Fortschrittswerte. (wird nicht angezeigt)
          */
         "_unit"?: string;
         /**
@@ -4438,6 +4687,24 @@ declare namespace LocalJSX {
          */
         "_value": number;
     }
+    interface KolQuote {
+        /**
+          * Setzt die Überschrift.
+         */
+        "_caption"?: string;
+        /**
+          * Link auf die Quelle des Zitates.
+         */
+        "_href": string;
+        /**
+          * Setzt den Text, also das Zitat selbst.
+         */
+        "_quote": string;
+        /**
+          * Setzt die Variante des Zitats.
+         */
+        "_variant"?: KoliBriQuoteVariant;
+    }
     interface KolSelect {
         /**
           * Gibt an, mit welcher Tastenkombination man das Input auslösen oder fokussieren kann.
@@ -4448,7 +4715,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -4461,11 +4728,11 @@ declare namespace LocalJSX {
          */
         "_height"?: string;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
@@ -4475,7 +4742,7 @@ declare namespace LocalJSX {
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
           * Gibt den technischen Namen des Eingabefeldes an.
          */
@@ -4493,11 +4760,11 @@ declare namespace LocalJSX {
          */
         "_on"?: InputTypeOnDefault;
         /**
-          * Gibt an, ob die Selectbox ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, wie viele Optionen im Drop-Down-Menü sichtbar sein sollen.
+          * Wechselt das Eingabeelement in den Auswahlfeld modus und setzt die Höhe des Feldes.
          */
         "_size"?: number;
         /**
@@ -4519,13 +4786,13 @@ declare namespace LocalJSX {
          */
         "_ariaLabel": string;
         /**
-          * Ist die Liste der unsichtbaren Links.
+          * Setzt die Liste der darzustellenden Links.
          */
-        "_links": Stringified<NavLinkProps[]>;
+        "_links": Stringified<LinkProps[]>;
     }
     interface KolSpan {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4533,13 +4800,13 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
     interface KolSpanWc {
         /**
-          * Gibt den Class-Identifier eines Icons eine eingebunden Icofont an. (z.B. https://icofont.com/)
+          * Iconklasse (z.B.: "codicon codicon-home")
          */
         "_icon"?: Stringified<KoliBriIconProp>;
         /**
@@ -4547,7 +4814,7 @@ declare namespace LocalJSX {
          */
         "_iconOnly"?: boolean;
         /**
-          * Gibt einen beschreibenden Text für das Text-Element an.
+          * Setzt den sichtbaren Text des Elements.
          */
         "_label": string;
     }
@@ -4557,6 +4824,89 @@ declare namespace LocalJSX {
          */
         "_show"?: boolean;
     }
+    interface KolSplitButton {
+        /**
+          * Gibt an, mit welcher Tastenkombination man den Button auslösen oder fokussieren kann.
+         */
+        "_accessKey"?: string;
+        /**
+          * Gibt an, welche Elemente kontrolliert werden. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Gibt an, welchen aktuellen Auswahlstatus der Button hat. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-current)
+         */
+        "_ariaCurrent"?: AriaCurrent1;
+        /**
+          * Gibt an, ob durch den Button etwas aufgeklappt wurde. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Gibt einen beschreibenden Text für den Screenreader an. Damit die Sprachsteuerung von interaktiven Elementen funktioniert, muss der Aria-Label-Text mit dem Label-Text des Buttons beginnen.  - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label
+         */
+        "_ariaLabel"?: string;
+        /**
+          * Gibt an, ob Element ausgewählt ist (role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Gibt an, welche Custom-Class übergeben werden soll, wenn _variant="custom" gesetzt ist.
+         */
+        "_customClass"?: string;
+        /**
+          * Gibt an, ob der Button deaktiviert ist.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Iconklasse (z.B.: "codicon codicon-home")
+         */
+        "_icon"?: string;
+        /**
+          * Blendet den Text aus und zeigt nur das gewählte Icon an, der Text wird in den Tooltip verschoben.
+          * @deprecated use _hide-label
+         */
+        "_iconOnly"?: boolean;
+        /**
+          * Setzt den sichtbaren Text des Elements.
+         */
+        "_label": string;
+        /**
+          * Gibt die EventCallback-Funktionen für die Button-Events an.
+         */
+        "_onClick"?: KoliBriSplitButtonCallback;
+        /**
+          * Gibt an, welche Rolle der Schalter hat.
+         */
+        "_role"?: AlternativButtonLinkRole1;
+        /**
+          * Gibt an, welche Rolle der Schalter hat.
+         */
+        "_showDropdown"?: boolean;
+        /**
+          * Gibt an, welchen Tab-Index der Button hat. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+         */
+        "_tabIndex"?: number;
+        /**
+          * Setzt die gewünschte Ausrichtung des Tooltips (`_icon-only`).
+         */
+        "_tooltipAlign"?: Alignment1;
+        /**
+          * Setzt den Typ der Schaltfläche.
+         */
+        "_type"?: KoliBriButtonType1;
+        /**
+          * Gibt einen Wert an, den der Schalter bei einem Klick zurückgibt.
+         */
+        "_value"?: Stringified1<unknown>;
+        /**
+          * Gibt an, welche Ausprägung der Button hat.
+         */
+        "_variant"?: KoliBriButtonVariant1;
+    }
     interface KolSymbol {
         /**
           * Gibt an, was der Screenreader ausgeben soll
@@ -4603,11 +4953,11 @@ declare namespace LocalJSX {
          */
         "_selected"?: number;
         /**
-          * Gibt die geordnete Liste der Seitenhierarchie in Links an.
+          * Setzt die Daten für die Registrierkarten.
          */
         "_tabs": Stringified<TabButtonProps[]>;
         /**
-          * Gibt an, ob die Tab-Schalter entweder oben, rechts, unten oder links angeordnet sind.
+          * Setzt die Position der Registrierkarten.
          */
         "_tabsAlign"?: Alignment;
     }
@@ -4625,7 +4975,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld aktiviert oder deaktiviert ist.
+          * Setzt das Feld in einen inaktiven Zustand, in dem es keine Interaktion erlaubt.
          */
         "_disabled"?: boolean;
         /**
@@ -4633,23 +4983,23 @@ declare namespace LocalJSX {
          */
         "_error"?: string;
         /**
-          * Gibt an, ob am unteren Rand des Eingabefeldes die Anzahl der Zeichen angezeigt werden soll.
+          * Aktiviert den Zeichenanzahlzähler am unteren Rand des Eingabefeldes.
          */
         "_hasCounter"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld kein sichtbares Label haben soll.
+          * Versteckt das sichtbare Label des Elements.
          */
         "_hideLabel"?: boolean;
         /**
-          * Gibt den Text für eine Hinweistext an.
+          * Gibt den Hinweistext an.
          */
         "_hint"?: string;
         /**
           * Gibt die technische ID des Eingabefeldes an.
          */
-        "_id": string;
+        "_id"?: string;
         /**
-          * Gibt an, wie viele Zeichen man maximal eingeben kann.
+          * Setzt die maximale Zeichenanzahl.
          */
         "_maxLength"?: number;
         /**
@@ -4665,15 +5015,15 @@ declare namespace LocalJSX {
          */
         "_placeholder"?: string;
         /**
-          * Gibt an, ob das Eingabefeld nur lesend ist.
+          * Setzt das Eingabefeld in den schreibgeschützten Modus.
          */
         "_readOnly"?: boolean;
         /**
-          * Gibt an, ob das Eingabefeld ein Pflichtfeld ist.
+          * Macht das Eingabeelement zu einem Pflichtfeld.
          */
         "_required"?: boolean;
         /**
-          * Gibt an, ob die Größe des Eingabefeldes geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
+          * Gibt an, ob die Größe des Eingabefeldes von Nutzer:innen geändert werden kann. (https://developer.mozilla.org/de/docs/Web/CSS/resize)
          */
         "_resize"?: CSSResize;
         /**
@@ -4699,7 +5049,7 @@ declare namespace LocalJSX {
          */
         "_alert"?: boolean;
         /**
-          * Gibt an, ob der Toast ein Schließen-Icon hat.
+          * Aktiviert das Schließen-Icon.
          */
         "_hasCloser"?: boolean;
         /**
@@ -4729,7 +5079,7 @@ declare namespace LocalJSX {
     }
     interface KolTooltip {
         /**
-          * Gibt an, ob der Tooltip oben, rechts, unten oder links angezeigt werden soll.
+          * Setzt die Ausrichtung des Tooltips in Relation zum Elternelement.
          */
         "_align"?: Alignment;
         /**
@@ -4737,7 +5087,7 @@ declare namespace LocalJSX {
          */
         "_id": string;
         /**
-          * Das Label gibt an, welcher Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
+          * Setzt den Text in dem Tooltip beim Fokussieren oder Maus-drüberfahren angezeigt wird.
          */
         "_label": string;
     }
@@ -4751,6 +5101,7 @@ declare namespace LocalJSX {
         "kol-abbr": KolAbbr;
         "kol-accordion": KolAccordion;
         "kol-alert": KolAlert;
+        "kol-alert-wc": KolAlertWc;
         "kol-badge": KolBadge;
         "kol-breadcrumb": KolBreadcrumb;
         "kol-button": KolButton;
@@ -4790,12 +5141,15 @@ declare namespace LocalJSX {
         "kol-modal": KolModal;
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
+        "kol-popover": KolPopover;
         "kol-progress": KolProgress;
+        "kol-quote": KolQuote;
         "kol-select": KolSelect;
         "kol-skip-nav": KolSkipNav;
         "kol-span": KolSpan;
         "kol-span-wc": KolSpanWc;
         "kol-spin": KolSpin;
+        "kol-split-button": KolSplitButton;
         "kol-symbol": KolSymbol;
         "kol-table": KolTable;
         "kol-tabs": KolTabs;
@@ -4812,6 +5166,7 @@ declare module "@stencil/core" {
             "kol-abbr": LocalJSX.KolAbbr & JSXBase.HTMLAttributes<HTMLKolAbbrElement>;
             "kol-accordion": LocalJSX.KolAccordion & JSXBase.HTMLAttributes<HTMLKolAccordionElement>;
             "kol-alert": LocalJSX.KolAlert & JSXBase.HTMLAttributes<HTMLKolAlertElement>;
+            "kol-alert-wc": LocalJSX.KolAlertWc & JSXBase.HTMLAttributes<HTMLKolAlertWcElement>;
             "kol-badge": LocalJSX.KolBadge & JSXBase.HTMLAttributes<HTMLKolBadgeElement>;
             "kol-breadcrumb": LocalJSX.KolBreadcrumb & JSXBase.HTMLAttributes<HTMLKolBreadcrumbElement>;
             "kol-button": LocalJSX.KolButton & JSXBase.HTMLAttributes<HTMLKolButtonElement>;
@@ -4863,12 +5218,15 @@ declare module "@stencil/core" {
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
             "kol-pagination": LocalJSX.KolPagination & JSXBase.HTMLAttributes<HTMLKolPaginationElement>;
+            "kol-popover": LocalJSX.KolPopover & JSXBase.HTMLAttributes<HTMLKolPopoverElement>;
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
+            "kol-quote": LocalJSX.KolQuote & JSXBase.HTMLAttributes<HTMLKolQuoteElement>;
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
             "kol-span": LocalJSX.KolSpan & JSXBase.HTMLAttributes<HTMLKolSpanElement>;
             "kol-span-wc": LocalJSX.KolSpanWc & JSXBase.HTMLAttributes<HTMLKolSpanWcElement>;
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
+            "kol-split-button": LocalJSX.KolSplitButton & JSXBase.HTMLAttributes<HTMLKolSplitButtonElement>;
             "kol-symbol": LocalJSX.KolSymbol & JSXBase.HTMLAttributes<HTMLKolSymbolElement>;
             "kol-table": LocalJSX.KolTable & JSXBase.HTMLAttributes<HTMLKolTableElement>;
             "kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;