@public-ui/components 3.0.0-rc.5 → 3.0.0-rc.7

package/dist/types/components.d.ts

@@ -5,11 +5,11 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { MinWidthPropType } from "./schema/props/min-width";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { MinWidthPropType } from "./schema/props/min-width";
@@ -220,10 +220,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -308,10 +304,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -502,10 +494,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -631,101 +619,6 @@ export namespace Components {
          */
         "_srcset"?: string;
     }
-    interface KolInput {
-        /**
-          * Defines which key combination can be used to trigger or focus the interactive element of the component.
-         */
-        "_accessKey"?: AccessKeyPropType;
-        /**
-          * Defines whether the screen-readers should read out the notification.
-          * @TODO : Change type back to `AlertPropType` after Stencil#4663 has been resolved.
-         */
-        "_alert"?: boolean;
-        "_currentLength"?: number;
-        /**
-          * Makes the element not focusable and ignore all events.
-          * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
-         */
-        "_disabled"?: boolean;
-        /**
-          * Shows the character count on the lower border of the input.
-          * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
-         */
-        "_hasCounter"?: boolean;
-        /**
-          * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
-          * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
-         */
-        "_hideLabel"?: boolean;
-        /**
-          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
-          * @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
-         */
-        "_hideMsg"?: boolean;
-        /**
-          * Defines the hint text.
-         */
-        "_hint"?: string;
-        /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
-         */
-        "_icons"?: KoliBriHorizontalIcons;
-        /**
-          * Defines the internal ID of the primary component element.
-         */
-        "_id": IdPropType;
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
-         */
-        "_label": LabelWithExpertSlotPropType;
-        /**
-          * Defines the maximum number of input characters.
-         */
-        "_maxLength"?: number;
-        /**
-          * Defines the properties for a message rendered as Alert component.
-         */
-        "_msg"?: MsgPropType;
-        /**
-          * Makes the input element read only.
-          * @TODO : Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.
-         */
-        "_readOnly"?: boolean;
-        /**
-          * Gibt an, ob die Komponente kein Label rendern soll.
-         */
-        "_renderNoLabel"?: boolean;
-        /**
-          * Makes the input element required.
-          * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
-         */
-        "_required"?: boolean;
-        /**
-          * Adds a visual short key hint to the component.
-         */
-        "_shortKey"?: ShortKeyPropType;
-        /**
-          * Ermöglicht den Slotnamen zu bestimmen. Wird nur verwendet, wenn sonst mehrere Slots mit dem gleichen Namen innerhalb eines Shadow DOMs existieren würden.
-         */
-        "_slotName"?: string;
-        /**
-          * Allows to add a button with an arbitrary action within the element (_hide-label only).
-         */
-        "_smartButton"?: Stringified<ButtonProps>;
-        /**
-          * Suggestions to provide for the input.
-         */
-        "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines where to show the Tooltip preferably: top, right, bottom or left.
-         */
-        "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Shows if the input was touched by a user.
-          * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
-         */
-        "_touched"?: boolean;
-    }
     interface KolInputCheckbox {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -801,10 +694,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -893,10 +782,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1003,10 +888,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1128,10 +1009,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1222,10 +1099,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1332,10 +1205,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1443,10 +1312,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1532,10 +1397,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1629,10 +1490,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1748,10 +1605,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -1832,10 +1685,6 @@ export namespace Components {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to open the link.
          */
@@ -1900,10 +1749,6 @@ export namespace Components {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to open the link.
          */
@@ -2100,6 +1945,97 @@ export namespace Components {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolPopoverButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
+        /**
+          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
+        /**
+          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
+          * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: IconsPropType;
+        /**
+          * Defines the internal ID of the primary component element.
+         */
+        "_id"?: string;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
+         */
+        "_label": LabelWithExpertSlotPropType;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: string;
+        /**
+          * Defines the callback functions for button events.
+         */
+        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
+        /**
+          * Defines where to show the Popover preferably: top, right, bottom or left.
+         */
+        "_popoverAlign"?: PopoverAlignPropType;
+        /**
+          * Defines the role of the components primary element.
+         */
+        "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
+        /**
+          * Selector for synchronizing the value with another input element.
+         */
+        "_syncValueBySelector"?: SyncValueBySelectorPropType;
+        /**
+          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+         */
+        "_tabIndex"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * Defines either the type of the component or of the components interactive element.
+         */
+        "_type"?: ButtonTypePropType;
+        /**
+          * Defines the value that the button emits on click.
+         */
+        "_value"?: Stringified<StencilUnknown>;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: ButtonVariantPropType;
+    }
     interface KolPopoverWc {
         /**
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
@@ -2258,6 +2194,10 @@ export namespace Components {
           * Makes the element not focusable and ignore all events.
          */
         "_disabled"?: boolean;
+        /**
+          * Defines the whether the clear button should be hidden.
+         */
+        "_hideClearButton"?: boolean;
         /**
           * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -2317,10 +2257,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -2333,8 +2269,8 @@ export namespace Components {
         /**
           * Defines the value of the input.
          */
-        "_value"?: string;
-        "getValue": () => Promise<string | undefined>;
+        "_value"?: StencilUnknown;
+        "getValue": () => Promise<StencilUnknown | undefined>;
         "kolFocus": () => Promise<void>;
     }
     interface KolSkipNav {
@@ -2412,10 +2348,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -2659,10 +2591,6 @@ export namespace Components {
           * Selector for synchronizing the value with another input element.
          */
         "_syncValueBySelector"?: SyncValueBySelectorPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -2891,12 +2819,6 @@ declare global {
         prototype: HTMLKolImageElement;
         new (): HTMLKolImageElement;
     };
-    interface HTMLKolInputElement extends Components.KolInput, HTMLStencilElement {
-    }
-    var HTMLKolInputElement: {
-        prototype: HTMLKolInputElement;
-        new (): HTMLKolInputElement;
-    };
     interface HTMLKolInputCheckboxElement extends Components.KolInputCheckbox, HTMLStencilElement {
     }
     var HTMLKolInputCheckboxElement: {
@@ -3002,6 +2924,12 @@ declare global {
         prototype: HTMLKolPaginationElement;
         new (): HTMLKolPaginationElement;
     };
+    interface HTMLKolPopoverButtonElement extends Components.KolPopoverButton, HTMLStencilElement {
+    }
+    var HTMLKolPopoverButtonElement: {
+        prototype: HTMLKolPopoverButtonElement;
+        new (): HTMLKolPopoverButtonElement;
+    };
     interface HTMLKolPopoverWcElement extends Components.KolPopoverWc, HTMLStencilElement {
     }
     var HTMLKolPopoverWcElement: {
@@ -3154,7 +3082,6 @@ declare global {
         "kol-heading": HTMLKolHeadingElement;
         "kol-icon": HTMLKolIconElement;
         "kol-image": HTMLKolImageElement;
-        "kol-input": HTMLKolInputElement;
         "kol-input-checkbox": HTMLKolInputCheckboxElement;
         "kol-input-color": HTMLKolInputColorElement;
         "kol-input-date": HTMLKolInputDateElement;
@@ -3172,6 +3099,7 @@ declare global {
         "kol-modal": HTMLKolModalElement;
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
+        "kol-popover-button": HTMLKolPopoverButtonElement;
         "kol-popover-wc": HTMLKolPopoverWcElement;
         "kol-progress": HTMLKolProgressElement;
         "kol-quote": HTMLKolQuoteElement;
@@ -3398,10 +3326,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -3480,10 +3404,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -3663,10 +3583,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions": SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -3786,96 +3702,6 @@ declare namespace LocalJSX {
          */
         "_srcset"?: string;
     }
-    interface KolInput {
-        /**
-          * Defines which key combination can be used to trigger or focus the interactive element of the component.
-         */
-        "_accessKey"?: AccessKeyPropType;
-        /**
-          * Defines whether the screen-readers should read out the notification.
-          * @TODO : Change type back to `AlertPropType` after Stencil#4663 has been resolved.
-         */
-        "_alert"?: boolean;
-        /**
-          * Makes the element not focusable and ignore all events.
-          * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
-         */
-        "_disabled"?: boolean;
-        /**
-          * Shows the character count on the lower border of the input.
-          * @TODO : Change type back to `HasCounterPropType` after Stencil#4663 has been resolved.
-         */
-        "_hasCounter"?: boolean;
-        /**
-          * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
-          * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
-         */
-        "_hideLabel"?: boolean;
-        /**
-          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
-          * @TODO : Change type back to `HideMsgPropType` after Stencil#4663 has been resolved.
-         */
-        "_hideMsg"?: boolean;
-        /**
-          * Defines the hint text.
-         */
-        "_hint"?: string;
-        /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
-         */
-        "_icons"?: KoliBriHorizontalIcons;
-        /**
-          * Defines the internal ID of the primary component element.
-         */
-        "_id": IdPropType;
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
-         */
-        "_label": LabelWithExpertSlotPropType;
-        /**
-          * Defines the maximum number of input characters.
-         */
-        "_maxLength"?: number;
-        /**
-          * Defines the properties for a message rendered as Alert component.
-         */
-        "_msg"?: MsgPropType;
-        /**
-          * Makes the input element read only.
-          * @TODO : Change type back to `ReadOnlyPropType` after Stencil#4663 has been resolved.
-         */
-        "_readOnly"?: boolean;
-        /**
-          * Gibt an, ob die Komponente kein Label rendern soll.
-         */
-        "_renderNoLabel"?: boolean;
-        /**
-          * Makes the input element required.
-          * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
-         */
-        "_required"?: boolean;
-        /**
-          * Adds a visual short key hint to the component.
-         */
-        "_shortKey"?: ShortKeyPropType;
-        /**
-          * Allows to add a button with an arbitrary action within the element (_hide-label only).
-         */
-        "_smartButton"?: Stringified<ButtonProps>;
-        /**
-          * Suggestions to provide for the input.
-         */
-        "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines where to show the Tooltip preferably: top, right, bottom or left.
-         */
-        "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Shows if the input was touched by a user.
-          * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
-         */
-        "_touched"?: boolean;
-    }
     interface KolInputCheckbox {
         /**
           * Defines which key combination can be used to trigger or focus the interactive element of the component.
@@ -3947,10 +3773,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4033,10 +3855,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4137,10 +3955,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4255,10 +4069,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4343,10 +4153,6 @@ declare namespace LocalJSX {
           * Allows to add a button with an arbitrary action within the element (_hide-label only).
          */
         "_smartButton"?: Stringified<ButtonProps>;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4447,10 +4253,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4552,10 +4354,6 @@ declare namespace LocalJSX {
           * Allows to add a button with an arbitrary action within the element (_hide-label only).
          */
         "_smartButton"?: Stringified<ButtonProps>;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4635,10 +4433,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4726,10 +4520,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4839,10 +4629,6 @@ declare namespace LocalJSX {
           * Suggestions to provide for the input.
          */
         "_suggestions"?: SuggestionsPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -4921,10 +4707,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to open the link.
          */
@@ -4988,10 +4770,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to open the link.
          */
@@ -5184,6 +4962,93 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolPopoverButton {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: AccessKeyPropType;
+        /**
+          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
+         */
+        "_ariaControls"?: string;
+        /**
+          * Defines the value for the aria-description attribute.
+         */
+        "_ariaDescription"?: AriaDescriptionPropType;
+        /**
+          * Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)
+         */
+        "_ariaExpanded"?: boolean;
+        /**
+          * Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected)
+         */
+        "_ariaSelected"?: boolean;
+        /**
+          * Defines the custom class attribute if _variant="custom" is set.
+         */
+        "_customClass"?: CustomClassPropType;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
+          * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideLabel"?: boolean;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: IconsPropType;
+        /**
+          * Defines the internal ID of the primary component element.
+         */
+        "_id"?: string;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
+         */
+        "_label": LabelWithExpertSlotPropType;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: string;
+        /**
+          * Defines the callback functions for button events.
+         */
+        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
+        /**
+          * Defines where to show the Popover preferably: top, right, bottom or left.
+         */
+        "_popoverAlign"?: PopoverAlignPropType;
+        /**
+          * Defines the role of the components primary element.
+         */
+        "_role"?: AlternativeButtonLinkRolePropType;
+        /**
+          * Adds a visual short key hint to the component.
+         */
+        "_shortKey"?: ShortKeyPropType;
+        /**
+          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
+         */
+        "_tabIndex"?: number;
+        /**
+          * Defines where to show the Tooltip preferably: top, right, bottom or left.
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * Defines either the type of the component or of the components interactive element.
+         */
+        "_type"?: ButtonTypePropType;
+        /**
+          * Defines the value that the button emits on click.
+         */
+        "_value"?: Stringified<StencilUnknown>;
+        /**
+          * Defines which variant should be used for presentation.
+         */
+        "_variant"?: ButtonVariantPropType;
+    }
     interface KolPopoverWc {
         /**
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
@@ -5336,6 +5201,10 @@ declare namespace LocalJSX {
           * Makes the element not focusable and ignore all events.
          */
         "_disabled"?: boolean;
+        /**
+          * Defines the whether the clear button should be hidden.
+         */
+        "_hideClearButton"?: boolean;
         /**
           * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5391,10 +5260,6 @@ declare namespace LocalJSX {
           * Adds a visual short key hint to the component.
          */
         "_shortKey"?: ShortKeyPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5407,7 +5272,7 @@ declare namespace LocalJSX {
         /**
           * Defines the value of the input.
          */
-        "_value"?: string;
+        "_value"?: StencilUnknown;
     }
     interface KolSkipNav {
         /**
@@ -5480,10 +5345,6 @@ declare namespace LocalJSX {
           * Defines the role of the components primary element.
          */
         "_role"?: AlternativeButtonLinkRolePropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5721,10 +5582,6 @@ declare namespace LocalJSX {
           * Defines whether the browser should check the spelling and grammar.
          */
         "_spellCheck"?: SpellCheckPropType;
-        /**
-          * Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)
-         */
-        "_tabIndex"?: number;
         /**
           * Defines where to show the Tooltip preferably: top, right, bottom or left.
          */
@@ -5845,7 +5702,6 @@ declare namespace LocalJSX {
         "kol-heading": KolHeading;
         "kol-icon": KolIcon;
         "kol-image": KolImage;
-        "kol-input": KolInput;
         "kol-input-checkbox": KolInputCheckbox;
         "kol-input-color": KolInputColor;
         "kol-input-date": KolInputDate;
@@ -5863,6 +5719,7 @@ declare namespace LocalJSX {
         "kol-modal": KolModal;
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
+        "kol-popover-button": KolPopoverButton;
         "kol-popover-wc": KolPopoverWc;
         "kol-progress": KolProgress;
         "kol-quote": KolQuote;
@@ -5910,7 +5767,6 @@ declare module "@stencil/core" {
             "kol-heading": LocalJSX.KolHeading & JSXBase.HTMLAttributes<HTMLKolHeadingElement>;
             "kol-icon": LocalJSX.KolIcon & JSXBase.HTMLAttributes<HTMLKolIconElement>;
             "kol-image": LocalJSX.KolImage & JSXBase.HTMLAttributes<HTMLKolImageElement>;
-            "kol-input": LocalJSX.KolInput & JSXBase.HTMLAttributes<HTMLKolInputElement>;
             "kol-input-checkbox": LocalJSX.KolInputCheckbox & JSXBase.HTMLAttributes<HTMLKolInputCheckboxElement>;
             "kol-input-color": LocalJSX.KolInputColor & JSXBase.HTMLAttributes<HTMLKolInputColorElement>;
             "kol-input-date": LocalJSX.KolInputDate & JSXBase.HTMLAttributes<HTMLKolInputDateElement>;
@@ -5931,6 +5787,7 @@ 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-button": LocalJSX.KolPopoverButton & JSXBase.HTMLAttributes<HTMLKolPopoverButtonElement>;
             "kol-popover-wc": LocalJSX.KolPopoverWc & JSXBase.HTMLAttributes<HTMLKolPopoverWcElement>;
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
             "kol-quote": LocalJSX.KolQuote & JSXBase.HTMLAttributes<HTMLKolQuoteElement>;