@public-ui/components 2.1.0 → 2.1.1

package/dist/types/components/combobox/controller.d.ts

@@ -0,0 +1,13 @@
+import type { ComboboxWatches, ComboboxProps, SuggestionsPropType, MsgPropType } from '../../schema';
+import { InputIconController } from '../@deprecated/input/controller-icon';
+import type { Generic } from 'adopted-style-sheets';
+export declare class ComboboxController extends InputIconController implements ComboboxWatches {
+    protected readonly component: Generic.Element.Component & ComboboxProps;
+    constructor(component: Generic.Element.Component & ComboboxProps, name: string, host?: HTMLElement);
+    validateSuggestions(value?: SuggestionsPropType): void;
+    validateRequired(value?: boolean): void;
+    validateValue(value?: string): void;
+    validateMsg(value?: MsgPropType): void;
+    validatePlaceholder(value?: string): void;
+    componentWillLoad(): void;
+}

package/dist/types/components/combobox/shadow.d.ts

@@ -0,0 +1,66 @@
+import type { HideErrorPropType, IdPropType, InputTypeOnDefault, KoliBriHorizontalIcons, LabelWithExpertSlotPropType, MsgPropType, NamePropType, ComboboxAPI, ComboboxStates, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType, SuggestionsPropType } from '../../schema';
+import type { JSX } from '../../stencil-public-runtime';
+export declare class KolCombobox implements ComboboxAPI {
+    private readonly host?;
+    private ref?;
+    private refSuggestions;
+    getValue(): Promise<string | undefined>;
+    private toggleListbox;
+    private selectOption;
+    private onInput;
+    private handleKeyDownDropdown;
+    private setFilteredSuggestionsByQuery;
+    private _focusedOptionIndex;
+    private moveFocus;
+    private focusOption;
+    private focusSuggestionStartingWith;
+    render(): JSX.Element;
+    handleKeyDown(event: KeyboardEvent): void;
+    private readonly controller;
+    private _isOpen;
+    private _filteredSuggestions?;
+    handleWindowClick(event: MouseEvent): void;
+    _accessKey?: string;
+    _placeholder?: string;
+    _alert?: boolean;
+    _disabled?: boolean;
+    _hideError?: boolean;
+    _hideLabel?: boolean;
+    _hint?: string;
+    _icons?: Stringified<KoliBriHorizontalIcons>;
+    _id?: IdPropType;
+    _label: LabelWithExpertSlotPropType;
+    _msg?: MsgPropType;
+    _name?: NamePropType;
+    _on?: InputTypeOnDefault;
+    _suggestions: string[];
+    _required?: boolean;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _touched?: boolean;
+    _value?: string;
+    state: ComboboxStates;
+    constructor();
+    validatePlaceholder(value?: string): void;
+    validateAccessKey(value?: string): void;
+    validateAlert(value?: boolean): void;
+    validateDisabled(value?: boolean): void;
+    validateHideError(value?: HideErrorPropType): void;
+    validateHideLabel(value?: boolean): void;
+    validateHint(value?: string): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateId(value?: string): void;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateMsg(value?: MsgPropType): void;
+    validateName(value?: string): void;
+    validateOn(value?: InputTypeOnDefault): void;
+    validateSuggestions(value?: SuggestionsPropType): void;
+    validateRequired(value?: boolean): void;
+    validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    validateTabIndex(value?: number): void;
+    validateTouched(value?: boolean): void;
+    validateValue(value?: string): void;
+    componentWillLoad(): void;
+    private onChange;
+}

package/dist/types/components/input-password/controller.d.ts

@@ -3,7 +3,6 @@ import { InputIconController } from '../@deprecated/input/controller-icon';
 import type { Generic } from 'adopted-style-sheets';
 export declare class InputPasswordController extends InputIconController implements InputPasswordWatches {
     protected readonly component: Generic.Element.Component & InputPasswordProps;
-    private placeholderCache?;
     constructor(component: Generic.Element.Component & InputPasswordProps, name: string, host?: HTMLElement);
     validateAutoComplete(value?: InputTypeOnOff): void;
     validateHasCounter(value?: boolean): void;
@@ -14,6 +13,4 @@ export declare class InputPasswordController extends InputIconController impleme
     validateRequired(value?: boolean): void;
     validateValue(value?: string): void;
     componentWillLoad(): void;
-    protected onBlur(event: Event): void;
-    protected onFocus(event: Event): void;
 }

package/dist/types/components/input-radio/controller.d.ts

@@ -21,8 +21,8 @@ export declare class InputRadioController extends InputCheckboxRadioController i
     readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
     protected readonly afterPatchOptions: (value: unknown, _state: Record<string, unknown>, _component: Generic.Element.Component, key: string) => void;
     validateOrientation(value?: Orientation): void;
-    validateOptions(value?: OptionsPropType): void;
     protected readonly beforePatchOptions: (_value: unknown, nextState: Map<string, unknown>) => void;
+    validateOptions(value?: OptionsPropType): void;
     validateValue(value?: Stringified<StencilUnknown>): void;
     componentWillLoad(): void;
 }

package/dist/types/components/input-radio/{component.d.ts → shadow.d.ts}

@@ -3,6 +3,7 @@ import type { JSX } from '../../stencil-public-runtime';
 export declare class KolInputRadio implements InputRadioAPI {
     private readonly host?;
     private currentValue?;
+    private ref?;
     private readonly catchRef;
     getValue(): Promise<StencilUnknown | undefined>;
     render(): JSX.Element;
@@ -52,4 +53,5 @@ export declare class KolInputRadio implements InputRadioAPI {
     componentWillLoad(): void;
     private onInput;
     private onChange;
+    private readonly onKeyDown;
 }

package/dist/types/components/link-button/{component.d.ts → shadow.d.ts}

@@ -12,7 +12,7 @@ export declare class KolLinkButton implements LinkButtonProps {
     _hideLabel?: boolean;
     _href: HrefPropType;
     _icons?: IconsPropType;
-    _label: LabelWithExpertSlotPropType;
+    _label?: LabelWithExpertSlotPropType;
     _on?: LinkOnCallbacksPropType;
     _role?: AlternativeButtonLinkRolePropType;
     _tabIndex?: number;

package/dist/types/components/link-button/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { LinkButtonProps } from '../../../schema';
+export declare const getLinkButtonHtml: (props: LinkButtonProps) => string;

package/dist/types/components/link-group/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { LinkGroupProps } from '../../../schema';
+export declare const getLinkGroupHtml: (props: LinkGroupProps) => string;

package/dist/types/components/modal/test/html.mock.d.ts

@@ -0,0 +1 @@
+export declare const getModalHtml: () => string;

package/dist/types/components/nav/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { NavProps } from '../../../schema';
+export declare const getNavHtml: (props: NavProps) => string;

package/dist/types/components/pagination/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { PaginationProps } from '../../../schema';
+export declare const getPaginationHtml: (props: PaginationProps) => string;

package/dist/types/components/select/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import { type SelectProps } from '../../../schema';
+export declare const getSelectHtml: (props: SelectProps) => string;

package/dist/types/components/skip-nav/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { SkipNavProps } from '../../../schema';
+export declare const getSkipNavHtml: (props: SkipNavProps) => string;

package/dist/types/components/split-button/{component.d.ts → shadow.d.ts}

@@ -1,4 +1,4 @@
-import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
+import type { AlternativeButtonLinkRolePropType, ButtonCallbacksPropType, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, IconsPropType, LabelPropType, NamePropType, SplitButtonProps, SplitButtonStates, StencilUnknown, Stringified, SyncValueBySelectorPropType, TooltipAlignPropType } from '../../schema';
 import type { JSX } from '../../stencil-public-runtime';
 export declare class KolSplitButton implements SplitButtonProps {
     private dropdown;
@@ -19,7 +19,7 @@ export declare class KolSplitButton implements SplitButtonProps {
     _icons?: IconsPropType;
     _id?: string;
     _label: LabelPropType;
-    _name?: string;
+    _name?: NamePropType;
     _on?: ButtonCallbacksPropType<StencilUnknown>;
     _role?: AlternativeButtonLinkRolePropType;
     _syncValueBySelector?: SyncValueBySelectorPropType;

package/dist/types/components/split-button/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { SplitButtonProps } from '../../../schema';
+export declare const getSplitButtonHtml: (props: SplitButtonProps) => string;

package/dist/types/components/table-stateless/component.d.ts

@@ -1,11 +1,13 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
+import type { LabelPropType, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatelessAPI, TableStatelessStates } from '../../schema';
 export declare class KolTableStateless implements TableStatelessAPI {
+    private readonly host?;
     state: TableStatelessStates;
     private tableDivElement?;
     private tableDivElementResizeObserver?;
     private horizontal;
     private cellsToRenderTimeouts;
+    private dataToKeyMap;
     private tableDivElementHasScrollbar;
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
@@ -13,16 +15,20 @@ export declare class KolTableStateless implements TableStatelessAPI {
     _label: string;
     _minWidth?: string;
     _on?: TableCallbacksPropType;
+    _selection?: TableSelectionPropType;
     validateData(value?: TableDataPropType): void;
     validateDataFoot(value?: TableDataFootPropType): void;
     validateHeaderCells(value?: TableHeaderCellsPropType): void;
     validateLabel(value?: LabelPropType): void;
     validateMinWidth(value?: string): void;
     validateOn(value?: TableCallbacksPropType): void;
+    validateSelection(value?: TableSelectionPropType): void;
     componentDidRender(): void;
     componentDidLoad(): void;
     disconnectedCallback(): void;
     private checkDivElementScrollbar;
+    private updateDataToKeyMap;
+    private getDataKey;
     private cellRender;
     private getNumberOfCols;
     private getNumberOfRows;
@@ -30,6 +36,7 @@ export declare class KolTableStateless implements TableStatelessAPI {
     private getPrimaryHeader;
     private createDataField;
     componentWillLoad(): void;
+    private renderSelectionCell;
     private readonly renderTableRow;
     private readonly renderTableCell;
     private renderHeadingCell;

package/dist/types/components/table-stateless/shadow.d.ts

@@ -1,5 +1,5 @@
 import type { JSX } from '../../stencil-public-runtime';
-import type { TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessProps, TableCallbacksPropType } from '../../schema';
+import type { TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableStatelessProps, TableCallbacksPropType, TableSelectionPropType } from '../../schema';
 export declare class KolTableStateless implements TableStatelessProps {
     _data: TableDataPropType;
     _dataFoot?: TableDataFootPropType;
@@ -7,5 +7,6 @@ export declare class KolTableStateless implements TableStatelessProps {
     _label: string;
     _minWidth?: string;
     _on?: TableCallbacksPropType;
+    _selection?: TableSelectionPropType;
     render(): JSX.Element;
 }

package/dist/types/components/tabs/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { TabsProps } from '../../../schema';
+export declare const getTabsHtml: (props: TabsProps) => string;

package/dist/types/components/textarea/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { TextareaProps } from '../../../schema';
+export declare const getTextareaHtml: (props: TextareaProps) => string;

package/dist/types/components/toolbar/shadow.d.ts

@@ -0,0 +1,19 @@
+import type { JSX } from '../../stencil-public-runtime';
+import type { LabelPropType, ToolbarAPI, ToolbarStates, ToolbarItemsPropType } from '../../schema';
+export declare class KolToolbar implements ToolbarAPI {
+    host: HTMLElement;
+    state: ToolbarStates;
+    private currentIndex;
+    private indexToElement;
+    private renderItem;
+    render(): JSX.Element;
+    _label: string;
+    _items: ToolbarItemsPropType;
+    validateLabel(value?: LabelPropType): void;
+    validateItems(value?: ToolbarItemsPropType): void;
+    private getCurrentToolbarItem;
+    private setFirstEnabledItemIndex;
+    handleKeyDown(event: KeyboardEvent): void;
+    handleBlur(event: FocusEvent): void;
+    componentWillLoad(): void;
+}

package/dist/types/components/toolbar/test/html.mock.d.ts

@@ -0,0 +1,2 @@
+import type { ToolbarProps } from '../../../schema';
+export declare const getToolbarHtml: (props: ToolbarProps) => string;

package/dist/types/components.d.ts

@@ -5,9 +5,9 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "./schema";
+import { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 import { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
-export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, Toast, ToastState, TooltipAlignPropType, W3CInputValue } from "./schema";
+export { AccessKeyPropType, AlertType, AlertVariant, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CSSResize, CustomClassPropType, DownloadPropType, ErrorListPropType, EventCallbacks, HeadingLevel, HeadingVariantPropType, HrefPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputCheckboxVariant, InputDateType, InputTextType, InputTypeOnDefault, InputTypeOnOff, Iso8601, KoliBriAccordionCallbacks, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriHorizontalIcons, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriProgressVariantType, KoliBriQuoteVariant, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, ListStyleType, Loading, MaxPropType, MsgPropType, NamePropType, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, Orientation, PaginationHasButton, PaginationPositionPropType, PropColor, RowsPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, W3CInputValue } from "./schema";
 export { Bundesamt, Bundesanstalt, Bundesministerium } from "./enums/bund";
 export namespace Components {
     interface KolAbbr {
@@ -410,6 +410,93 @@ export namespace Components {
          */
         "_on"?: KoliBriCardEventCallbacks;
     }
+    interface KolCombobox {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: string;
+        /**
+          * Defines whether the screen-readers should read out the notification.
+         */
+        "_alert"?: boolean;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: 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 hint text.
+         */
+        "_hint"?: string;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: Stringified<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 properties for a message rendered as Alert component.
+         */
+        "_msg"?: MsgPropType;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: NamePropType;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Defines the placeholder for input field. To be shown when there's no value.
+         */
+        "_placeholder"?: string;
+        /**
+          * Makes the input element required.
+          * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
+         */
+        "_required"?: boolean;
+        /**
+          * Suggestions the user can choose from.
+         */
+        "_suggestions": string[];
+        /**
+          * 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;
+        /**
+          * Shows if the input was touched by a user.
+          * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
+         */
+        "_touched"?: boolean;
+        /**
+          * Defines the value of the input.
+         */
+        "_value"?: string;
+        "getValue": () => Promise<string | undefined>;
+    }
     interface KolDetails {
         /**
           * Makes the element not focusable and ignore all events.
@@ -1784,7 +1871,7 @@ export namespace Components {
         /**
           * 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;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Defines the callback functions for links.
          */
@@ -2238,7 +2325,7 @@ export namespace Components {
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: string;
+        "_name"?: NamePropType;
         /**
           * Defines the callback functions for button events.
          */
@@ -2378,6 +2465,10 @@ export namespace Components {
           * Defines the callback functions for table events.
          */
         "_on"?: TableCallbacksPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -2404,6 +2495,10 @@ export namespace Components {
           * Defines the callback functions for table events.
          */
         "_on"?: TableCallbacksPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTabs {
         /**
@@ -2543,6 +2638,16 @@ export namespace Components {
         "closeAll": () => Promise<void>;
         "enqueue": (toast: Toast) => Promise<() => void>;
     }
+    interface KolToolbar {
+        /**
+          * Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).
+         */
+        "_items": ToolbarItemsPropType;
+        /**
+          * Defines the semantic aria-label of the component.
+         */
+        "_label": string;
+    }
     interface KolTooltipWc {
         /**
           * Defines the elements access key.
@@ -2709,6 +2814,12 @@ declare global {
         prototype: HTMLKolCardElement;
         new (): HTMLKolCardElement;
     };
+    interface HTMLKolComboboxElement extends Components.KolCombobox, HTMLStencilElement {
+    }
+    var HTMLKolComboboxElement: {
+        prototype: HTMLKolComboboxElement;
+        new (): HTMLKolComboboxElement;
+    };
     interface HTMLKolDetailsElement extends Components.KolDetails, HTMLStencilElement {
     }
     var HTMLKolDetailsElement: {
@@ -2976,6 +3087,12 @@ declare global {
         prototype: HTMLKolToastContainerElement;
         new (): HTMLKolToastContainerElement;
     };
+    interface HTMLKolToolbarElement extends Components.KolToolbar, HTMLStencilElement {
+    }
+    var HTMLKolToolbarElement: {
+        prototype: HTMLKolToolbarElement;
+        new (): HTMLKolToolbarElement;
+    };
     interface HTMLKolTooltipWcElement extends Components.KolTooltipWc, HTMLStencilElement {
     }
     var HTMLKolTooltipWcElement: {
@@ -3027,6 +3144,7 @@ declare global {
         "kol-button-link": HTMLKolButtonLinkElement;
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
+        "kol-combobox": HTMLKolComboboxElement;
         "kol-details": HTMLKolDetailsElement;
         "kol-form": HTMLKolFormElement;
         "kol-heading": HTMLKolHeadingElement;
@@ -3071,6 +3189,7 @@ declare global {
         "kol-tabs": HTMLKolTabsElement;
         "kol-textarea": HTMLKolTextareaElement;
         "kol-toast-container": HTMLKolToastContainerElement;
+        "kol-toolbar": HTMLKolToolbarElement;
         "kol-tooltip-wc": HTMLKolTooltipWcElement;
         "kol-tree": HTMLKolTreeElement;
         "kol-tree-item": HTMLKolTreeItemElement;
@@ -3466,6 +3585,88 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriCardEventCallbacks;
     }
+    interface KolCombobox {
+        /**
+          * Defines which key combination can be used to trigger or focus the interactive element of the component.
+         */
+        "_accessKey"?: string;
+        /**
+          * Defines whether the screen-readers should read out the notification.
+         */
+        "_alert"?: boolean;
+        /**
+          * Makes the element not focusable and ignore all events.
+         */
+        "_disabled"?: boolean;
+        /**
+          * Hides the error message but leaves it in the DOM for the input's aria-describedby.
+          * @TODO : Change type back to `HideErrorPropType` after Stencil#4663 has been resolved.
+         */
+        "_hideError"?: 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 hint text.
+         */
+        "_hint"?: string;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: Stringified<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 properties for a message rendered as Alert component.
+         */
+        "_msg"?: MsgPropType;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: NamePropType;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Defines the placeholder for input field. To be shown when there's no value.
+         */
+        "_placeholder"?: string;
+        /**
+          * Makes the input element required.
+          * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
+         */
+        "_required"?: boolean;
+        /**
+          * Suggestions the user can choose from.
+         */
+        "_suggestions": string[];
+        /**
+          * 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;
+        /**
+          * Shows if the input was touched by a user.
+          * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
+         */
+        "_touched"?: boolean;
+        /**
+          * Defines the value of the input.
+         */
+        "_value"?: string;
+    }
     interface KolDetails {
         /**
           * Makes the element not focusable and ignore all events.
@@ -4784,7 +4985,7 @@ declare namespace LocalJSX {
         /**
           * 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;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Defines the callback functions for links.
          */
@@ -5233,7 +5434,7 @@ declare namespace LocalJSX {
         /**
           * Defines the technical name of an input field.
          */
-        "_name"?: string;
+        "_name"?: NamePropType;
         /**
           * Defines the callback functions for button events.
          */
@@ -5369,6 +5570,10 @@ declare namespace LocalJSX {
           * Defines the callback functions for table events.
          */
         "_on"?: TableCallbacksPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -5395,6 +5600,10 @@ declare namespace LocalJSX {
           * Defines the callback functions for table events.
          */
         "_on"?: TableCallbacksPropType;
+        /**
+          * Defines how rows can be selected and the current selection.
+         */
+        "_selection"?: TableSelectionPropType;
     }
     interface KolTabs {
         /**
@@ -5527,6 +5736,16 @@ declare namespace LocalJSX {
     }
     interface KolToastContainer {
     }
+    interface KolToolbar {
+        /**
+          * Defines the functional elements of toolbar to render (e.g. kol-link, kol-button).
+         */
+        "_items": ToolbarItemsPropType;
+        /**
+          * Defines the semantic aria-label of the component.
+         */
+        "_label": string;
+    }
     interface KolTooltipWc {
         /**
           * Defines the elements access key.
@@ -5614,6 +5833,7 @@ declare namespace LocalJSX {
         "kol-button-link": KolButtonLink;
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
+        "kol-combobox": KolCombobox;
         "kol-details": KolDetails;
         "kol-form": KolForm;
         "kol-heading": KolHeading;
@@ -5658,6 +5878,7 @@ declare namespace LocalJSX {
         "kol-tabs": KolTabs;
         "kol-textarea": KolTextarea;
         "kol-toast-container": KolToastContainer;
+        "kol-toolbar": KolToolbar;
         "kol-tooltip-wc": KolTooltipWc;
         "kol-tree": KolTree;
         "kol-tree-item": KolTreeItem;
@@ -5684,6 +5905,7 @@ declare module "@stencil/core" {
             "kol-button-link": LocalJSX.KolButtonLink & JSXBase.HTMLAttributes<HTMLKolButtonLinkElement>;
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
+            "kol-combobox": LocalJSX.KolCombobox & JSXBase.HTMLAttributes<HTMLKolComboboxElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;
             "kol-form": LocalJSX.KolForm & JSXBase.HTMLAttributes<HTMLKolFormElement>;
             "kol-heading": LocalJSX.KolHeading & JSXBase.HTMLAttributes<HTMLKolHeadingElement>;
@@ -5731,6 +5953,7 @@ declare module "@stencil/core" {
             "kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;
             "kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
             "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
+            "kol-toolbar": LocalJSX.KolToolbar & JSXBase.HTMLAttributes<HTMLKolToolbarElement>;
             "kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;
             "kol-tree": LocalJSX.KolTree & JSXBase.HTMLAttributes<HTMLKolTreeElement>;
             "kol-tree-item": LocalJSX.KolTreeItem & JSXBase.HTMLAttributes<HTMLKolTreeItemElement>;