@public-ui/components 4.0.0-alpha.1 → 4.0.0-alpha.11

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
@@ -14,7 +14,7 @@ import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { TableSettingsPropType } from "./schema/props/table-settings";
 import { MinWidthPropType } from "./schema/props/min-width";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
@@ -133,6 +133,11 @@ export namespace Components {
         "_variant"?: AlertVariantPropType;
     }
     interface KolAvatar {
+        /**
+          * Defines the backgroundColor and foregroundColor.
+          * @default '#d3d3d3'
+         */
+        "_color"?: Stringified<PropColor>;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -143,6 +148,11 @@ export namespace Components {
         "_src"?: string;
     }
     interface KolAvatarWc {
+        /**
+          * Defines the backgroundColor and foregroundColor.
+          * @default '#d3d3d3'
+         */
+        "_color"?: Stringified<PropColor>;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -170,6 +180,10 @@ export namespace Components {
           * Allows to add a button with an arbitrary action within the element (_hide-label only).
          */
         "_smartButton"?: Stringified<ButtonProps>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "kolFocus": () => Promise<void>;
     }
     interface KolBreadcrumb {
         /**
@@ -183,7 +197,7 @@ export namespace Components {
     }
     interface KolButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -226,6 +240,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -262,7 +281,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -281,7 +300,7 @@ export namespace Components {
     }
     interface KolButtonLink {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -323,6 +342,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: IdPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -359,14 +383,9 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
         /**
           * Returns the current value.
          */
@@ -378,7 +397,7 @@ export namespace Components {
     }
     interface KolButtonWc {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -430,13 +449,14 @@ export namespace Components {
          */
         "_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.
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_inline"?: InlinePropType;
         /**
-          * Defines which variant should be used for presentation.
+          * 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.
          */
-        "_linkVariant"?: LinkVariantPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
@@ -472,13 +492,9 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Hides the tooltip.
-         */
-        "hideTooltip": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -528,7 +544,7 @@ export namespace Components {
     }
     interface KolCombobox {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -536,6 +552,11 @@ export namespace Components {
           * @default false
          */
         "_disabled"?: boolean;
+        /**
+          * Shows the clear button if enabled.
+          * @default true
+         */
+        "_hasClearButton"?: 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.
@@ -612,7 +633,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -755,7 +776,7 @@ export namespace Components {
     }
     interface KolInputCheckbox {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -848,7 +869,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default true
          */
         "_value": StencilUnknown;
@@ -868,7 +889,7 @@ export namespace Components {
     }
     interface KolInputColor {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -952,7 +973,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -966,7 +987,7 @@ export namespace Components {
     }
     interface KolInputDate {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -1011,7 +1032,7 @@ export namespace Components {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: Iso8601 | Date;
         /**
@@ -1079,7 +1100,7 @@ export namespace Components {
          */
         "_type": InputDateTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: Iso8601 | Date | null;
         /**
@@ -1097,7 +1118,7 @@ export namespace Components {
     }
     interface KolInputEmail {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -1221,7 +1242,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -1239,7 +1260,7 @@ export namespace Components {
          */
         "_accept"?: string;
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -1340,7 +1361,7 @@ export namespace Components {
     }
     interface KolInputNumber {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -1385,7 +1406,7 @@ export namespace Components {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: number | NumberString;
         /**
@@ -1452,7 +1473,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: number | NumberString | null;
         /**
@@ -1466,7 +1487,7 @@ export namespace Components {
     }
     interface KolInputPassword {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -1580,7 +1601,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -1673,7 +1694,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @see Known bug: https://github.com/ionic-team/stencil/issues/3902
           * @default null
          */
@@ -1689,7 +1710,7 @@ export namespace Components {
     }
     interface KolInputRange {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -1734,7 +1755,7 @@ export namespace Components {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
           * @default 100
          */
         "_max"?: number | NumberString;
@@ -1783,7 +1804,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: number | NumberString;
         /**
@@ -1797,7 +1818,7 @@ export namespace Components {
     }
     interface KolInputText {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -1924,7 +1945,7 @@ export namespace Components {
          */
         "_type"?: InputTextTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -1935,6 +1956,26 @@ export namespace Components {
           * Sets focus on the internal element.
          */
         "kolFocus": () => Promise<void>;
+        /**
+          * Get selection end of internal element.
+         */
+        "selectioconEnd": () => Promise<number | null | undefined>;
+        /**
+          * Get selection start of internal element.
+         */
+        "selectionStart": () => Promise<number | null | undefined>;
+        /**
+          * Add string at position of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setRangeText
+         */
+        "setRangeText": (replacement: string, selectionStart?: number, selectionEnd?: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
+        /**
+          * Set selection start and end, and optional in which direction, of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setSelectionRange
+         */
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: "forward" | "backward" | "none") => Promise<void>;
+        /**
+          * Set selection start (and end = start) of internal element.
+         */
+        "setSelectionStart": (selectionStart: number) => Promise<void>;
     }
     interface KolKolibri {
         /**
@@ -1950,7 +1991,7 @@ export namespace Components {
     }
     interface KolLink {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -1993,6 +2034,11 @@ export namespace Components {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -2019,11 +2065,6 @@ export namespace Components {
           * @default 'right'
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
         /**
           * Sets focus on the internal element.
          */
@@ -2031,7 +2072,7 @@ export namespace Components {
     }
     interface KolLinkButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2111,7 +2152,7 @@ export namespace Components {
     }
     interface KolLinkWc {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2168,13 +2209,14 @@ export namespace Components {
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
-          * 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.
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
          */
-        "_label"?: LabelWithExpertSlotPropType;
+        "_inline"?: InlinePropType;
         /**
-          * Defines which variant should be used for presentation.
+          * 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.
          */
-        "_linkVariant"?: LinkVariantPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Defines the callback functions for links.
          */
@@ -2244,7 +2286,7 @@ export namespace Components {
          */
         "_collapsible"?: boolean;
         /**
-          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
+          * Creates a button below the navigation, that toggles _collapsible.
           * @default false
          */
         "_hasCompactButton"?: boolean;
@@ -2267,12 +2309,6 @@ export namespace Components {
           * Defines the list of links, buttons or texts to render.
          */
         "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-        /**
-          * Defines whether the orientation of the component is horizontal or vertical.
-          * @deprecated Will be removed in the next major version.
-          * @default 'vertical'
-         */
-        "_orientation"?: OrientationPropType;
     }
     interface KolPagination {
         /**
@@ -2294,7 +2330,7 @@ export namespace Components {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -2346,7 +2382,7 @@ export namespace Components {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -2380,7 +2416,7 @@ export namespace Components {
     }
     interface KolPopoverButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2419,6 +2455,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -2464,7 +2505,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -2476,10 +2517,18 @@ export namespace Components {
           * Hides the popover programmatically by forwarding the call to the web component.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "kolFocus": () => Promise<void>;
+        /**
+          * Shows the popover programmatically by forwarding the call to the web component.
+         */
+        "showPopover": () => Promise<void>;
     }
     interface KolPopoverButtonWc {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2517,6 +2566,11 @@ export namespace Components {
           * Defines the internal ID of the primary component element.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -2561,7 +2615,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -2573,6 +2627,14 @@ export namespace Components {
           * Hides the popover programmatically by calling the native hidePopover method.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "kolFocus": () => Promise<void>;
+        /**
+          * Show the popover programmatically by calling the native showPopover method.
+         */
+        "showPopover": () => Promise<void>;
     }
     interface KolPopoverWc {
         /**
@@ -2597,7 +2659,7 @@ export namespace Components {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines at which value the progress display is completed.
+          * Defines the maximum value of the element.
          */
         "_max": number;
         /**
@@ -2606,7 +2668,7 @@ export namespace Components {
          */
         "_unit"?: string;
         /**
-          * Defines the progress.
+          * Defines the value of the element.
          */
         "_value": number;
         /**
@@ -2634,6 +2696,115 @@ export namespace Components {
         "_variant"?: QuoteVariantPropType;
     }
     interface KolSelect {
+        /**
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
+         */
+        "_accessKey"?: string;
+        /**
+          * Makes the element not focusable and ignore all events.
+          * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_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.
+          * @default false
+         */
+        "_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.
+          * @default false
+         */
+        "_hideMsg"?: boolean;
+        /**
+          * Defines the hint text.
+          * @default ''
+         */
+        "_hint"?: string;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: IconsHorizontalPropType;
+        /**
+          * Defines the internal ID of the primary component element.
+          * @deprecated Will be removed in the next major version.
+         */
+        "_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"?: Stringified<MsgPropType>;
+        /**
+          * Makes the input accept multiple inputs.
+          * @TODO : Change type back to `MultiplePropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_multiple"?: boolean;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: NamePropType;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Options the user can choose from.
+         */
+        "_options": OptionsWithOptgroupPropType;
+        /**
+          * Makes the input element required.
+          * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_required"?: boolean;
+        /**
+          * Maximum number of visible rows of the element.
+         */
+        "_rows"?: RowsPropType;
+        /**
+          * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.
+         */
+        "_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.
+          * @default 'top'
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * Shows if the input was touched by a user.
+          * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_touched"?: boolean;
+        /**
+          * Defines the value of the element.
+         */
+        "_value"?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
+        /**
+          * Returns the selected values.
+         */
+        "getValue": () => Promise<StencilUnknown[] | StencilUnknown>;
+        /**
+          * Focuses the select element.
+         */
+        "kolFocus": () => Promise<void>;
+    }
+    interface KolSelectWc {
         /**
           * Defines the key combination that can be used to trigger or focus the component’s interactive element.
          */
@@ -2744,7 +2915,7 @@ export namespace Components {
     }
     interface KolSingleSelect {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -2753,10 +2924,10 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Defines the whether the clear button should be hidden.
-          * @default false
+          * Shows the clear button if enabled.
+          * @default true
          */
-        "_hideClearButton"?: boolean;
+        "_hasClearButton"?: 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.
@@ -2814,7 +2985,7 @@ export namespace Components {
          */
         "_required"?: boolean;
         /**
-          * Maximum number of visible rows in the options dropdown before scrolling.
+          * Maximum number of visible rows of the element.
          */
         "_rows"?: RowsPropType;
         /**
@@ -2837,7 +3008,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default null
          */
         "_value": StencilUnknown;
@@ -2859,6 +3030,7 @@ export namespace Components {
           * Defines the list of links combined with their labels to render.
          */
         "_links": Stringified<LinkProps[]>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolSpin {
         /**
@@ -2879,7 +3051,7 @@ export namespace Components {
     }
     interface KolSplitButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -2958,7 +3130,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -2981,6 +3153,7 @@ export namespace Components {
     }
     interface KolTableSettingsWc {
         /**
+          * The table settings
           * @default { columns: [] }
          */
         "_tableSettings": TableSettingsPropType;
@@ -3038,7 +3211,7 @@ export namespace Components {
         /**
           * Returns the selected rows.
          */
-        "getSelection": () => Promise<KoliBriTableDataType[] | KoliBriTableDataType | null>;
+        "getSelection": () => Promise<KoliBriTableDataType[] | null>;
     }
     interface KolTableStateless {
         /**
@@ -3151,7 +3324,7 @@ export namespace Components {
     }
     interface KolTextarea {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -3244,7 +3417,7 @@ export namespace Components {
          */
         "_resize"?: TextareaResizePropType;
         /**
-          * Defines how many rows of text should be visible at the same time.
+          * Maximum number of visible rows of the element.
          */
         "_rows"?: RowsPropType;
         /**
@@ -3271,7 +3444,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -3283,6 +3456,9 @@ export namespace Components {
          */
         "kolFocus": () => Promise<void>;
     }
+    /**
+     * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372
+     */
     interface KolToastContainer {
         /**
           * Closes all toasts.
@@ -3651,21 +3827,29 @@ declare global {
         prototype: HTMLKolPaginationWcElement;
         new (): HTMLKolPaginationWcElement;
     };
-    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover" | "showPopover">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by forwarding the call to the web component.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Shows the popover programmatically by forwarding the call to the web component.
+         */
+        "showPopover": () => Promise<void>;
     }
     var HTMLKolPopoverButtonElement: {
         prototype: HTMLKolPopoverButtonElement;
         new (): HTMLKolPopoverButtonElement;
     };
-    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover" | "showPopover">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by calling the native hidePopover method.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Show the popover programmatically by calling the native showPopover method.
+         */
+        "showPopover": () => Promise<void>;
     }
     var HTMLKolPopoverButtonWcElement: {
         prototype: HTMLKolPopoverButtonWcElement;
@@ -3695,6 +3879,12 @@ declare global {
         prototype: HTMLKolSelectElement;
         new (): HTMLKolSelectElement;
     };
+    interface HTMLKolSelectWcElement extends Components.KolSelectWc, HTMLStencilElement {
+    }
+    var HTMLKolSelectWcElement: {
+        prototype: HTMLKolSelectWcElement;
+        new (): HTMLKolSelectWcElement;
+    };
     interface HTMLKolSingleSelectElement extends Components.KolSingleSelect, HTMLStencilElement {
     }
     var HTMLKolSingleSelectElement: {
@@ -3755,6 +3945,9 @@ declare global {
         prototype: HTMLKolTextareaElement;
         new (): HTMLKolTextareaElement;
     };
+    /**
+     * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372
+     */
     interface HTMLKolToastContainerElement extends Components.KolToastContainer, HTMLStencilElement {
     }
     var HTMLKolToastContainerElement: {
@@ -3854,6 +4047,7 @@ declare global {
         "kol-progress": HTMLKolProgressElement;
         "kol-quote": HTMLKolQuoteElement;
         "kol-select": HTMLKolSelectElement;
+        "kol-select-wc": HTMLKolSelectWcElement;
         "kol-single-select": HTMLKolSingleSelectElement;
         "kol-skip-nav": HTMLKolSkipNavElement;
         "kol-spin": HTMLKolSpinElement;
@@ -3981,6 +4175,11 @@ declare namespace LocalJSX {
         "_variant"?: AlertVariantPropType;
     }
     interface KolAvatar {
+        /**
+          * Defines the backgroundColor and foregroundColor.
+          * @default '#d3d3d3'
+         */
+        "_color"?: Stringified<PropColor>;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -3991,6 +4190,11 @@ declare namespace LocalJSX {
         "_src"?: string;
     }
     interface KolAvatarWc {
+        /**
+          * Defines the backgroundColor and foregroundColor.
+          * @default '#d3d3d3'
+         */
+        "_color"?: Stringified<PropColor>;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -4031,7 +4235,7 @@ declare namespace LocalJSX {
     }
     interface KolButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -4074,6 +4278,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -4106,7 +4315,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -4117,7 +4326,7 @@ declare namespace LocalJSX {
     }
     interface KolButtonLink {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -4159,6 +4368,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: IdPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -4191,18 +4405,13 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
     }
     interface KolButtonWc {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -4240,6 +4449,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -4275,7 +4489,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
     }
@@ -4323,7 +4537,7 @@ declare namespace LocalJSX {
     }
     interface KolCombobox {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -4331,6 +4545,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "_disabled"?: boolean;
+        /**
+          * Shows the clear button if enabled.
+          * @default true
+         */
+        "_hasClearButton"?: 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.
@@ -4403,7 +4622,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
@@ -4522,7 +4741,7 @@ declare namespace LocalJSX {
     }
     interface KolInputCheckbox {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -4611,7 +4830,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default true
          */
         "_value"?: StencilUnknown;
@@ -4623,7 +4842,7 @@ declare namespace LocalJSX {
     }
     interface KolInputColor {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -4703,13 +4922,13 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
     interface KolInputDate {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -4754,7 +4973,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: Iso8601 | Date;
         /**
@@ -4818,13 +5037,13 @@ declare namespace LocalJSX {
          */
         "_type"?: InputDateTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: Iso8601 | Date | null;
     }
     interface KolInputEmail {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -4944,7 +5163,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
@@ -4954,7 +5173,7 @@ declare namespace LocalJSX {
          */
         "_accept"?: string;
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -5039,7 +5258,7 @@ declare namespace LocalJSX {
     }
     interface KolInputNumber {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -5084,7 +5303,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: number | NumberString;
         /**
@@ -5147,13 +5366,13 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: number | NumberString | null;
     }
     interface KolInputPassword {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -5263,7 +5482,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -5344,7 +5563,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @see Known bug: https://github.com/ionic-team/stencil/issues/3902
           * @default null
          */
@@ -5352,7 +5571,7 @@ declare namespace LocalJSX {
     }
     interface KolInputRange {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -5397,7 +5616,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
           * @default 100
          */
         "_max"?: number | NumberString;
@@ -5442,13 +5661,13 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: number | NumberString;
     }
     interface KolInputText {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5571,7 +5790,7 @@ declare namespace LocalJSX {
          */
         "_type"?: InputTextTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
@@ -5589,7 +5808,7 @@ declare namespace LocalJSX {
     }
     interface KolLink {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5632,6 +5851,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -5658,15 +5882,10 @@ declare namespace LocalJSX {
           * @default 'right'
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
     }
     interface KolLinkButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5742,7 +5961,7 @@ declare namespace LocalJSX {
     }
     interface KolLinkWc {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -5793,6 +6012,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -5854,7 +6078,7 @@ declare namespace LocalJSX {
          */
         "_collapsible"?: boolean;
         /**
-          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
+          * Creates a button below the navigation, that toggles _collapsible.
           * @default false
          */
         "_hasCompactButton"?: boolean;
@@ -5877,12 +6101,6 @@ declare namespace LocalJSX {
           * Defines the list of links, buttons or texts to render.
          */
         "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-        /**
-          * Defines whether the orientation of the component is horizontal or vertical.
-          * @deprecated Will be removed in the next major version.
-          * @default 'vertical'
-         */
-        "_orientation"?: OrientationPropType;
     }
     interface KolPagination {
         /**
@@ -5904,7 +6122,7 @@ declare namespace LocalJSX {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -5956,7 +6174,7 @@ declare namespace LocalJSX {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -5990,7 +6208,7 @@ declare namespace LocalJSX {
     }
     interface KolPopoverButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -6029,6 +6247,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -6070,7 +6293,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -6081,7 +6304,7 @@ declare namespace LocalJSX {
     }
     interface KolPopoverButtonWc {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -6115,6 +6338,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -6155,7 +6383,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -6187,7 +6415,7 @@ declare namespace LocalJSX {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines at which value the progress display is completed.
+          * Defines the maximum value of the element.
          */
         "_max": number;
         /**
@@ -6196,7 +6424,7 @@ declare namespace LocalJSX {
          */
         "_unit"?: string;
         /**
-          * Defines the progress.
+          * Defines the value of the element.
          */
         "_value": number;
         /**
@@ -6224,6 +6452,103 @@ declare namespace LocalJSX {
         "_variant"?: QuoteVariantPropType;
     }
     interface KolSelect {
+        /**
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
+         */
+        "_accessKey"?: string;
+        /**
+          * Makes the element not focusable and ignore all events.
+          * @TODO : Change type back to `DisabledPropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_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.
+          * @default false
+         */
+        "_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.
+          * @default false
+         */
+        "_hideMsg"?: boolean;
+        /**
+          * Defines the hint text.
+          * @default ''
+         */
+        "_hint"?: string;
+        /**
+          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+         */
+        "_icons"?: IconsHorizontalPropType;
+        /**
+          * Defines the internal ID of the primary component element.
+          * @deprecated Will be removed in the next major version.
+         */
+        "_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"?: Stringified<MsgPropType>;
+        /**
+          * Makes the input accept multiple inputs.
+          * @TODO : Change type back to `MultiplePropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_multiple"?: boolean;
+        /**
+          * Defines the technical name of an input field.
+         */
+        "_name"?: NamePropType;
+        /**
+          * Gibt die EventCallback-Funktionen für das Input-Event an.
+         */
+        "_on"?: InputTypeOnDefault;
+        /**
+          * Options the user can choose from.
+         */
+        "_options": OptionsWithOptgroupPropType;
+        /**
+          * Makes the input element required.
+          * @TODO : Change type back to `RequiredPropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_required"?: boolean;
+        /**
+          * Maximum number of visible rows of the element.
+         */
+        "_rows"?: RowsPropType;
+        /**
+          * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.
+         */
+        "_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.
+          * @default 'top'
+         */
+        "_tooltipAlign"?: TooltipAlignPropType;
+        /**
+          * Shows if the input was touched by a user.
+          * @TODO : Change type back to `TouchedPropType` after Stencil#4663 has been resolved.
+          * @default false
+         */
+        "_touched"?: boolean;
+        /**
+          * Defines the value of the element.
+         */
+        "_value"?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
+    }
+    interface KolSelectWc {
         /**
           * Defines the key combination that can be used to trigger or focus the component’s interactive element.
          */
@@ -6322,7 +6647,7 @@ declare namespace LocalJSX {
     }
     interface KolSingleSelect {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -6331,10 +6656,10 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Defines the whether the clear button should be hidden.
-          * @default false
+          * Shows the clear button if enabled.
+          * @default true
          */
-        "_hideClearButton"?: boolean;
+        "_hasClearButton"?: 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.
@@ -6392,7 +6717,7 @@ declare namespace LocalJSX {
          */
         "_required"?: boolean;
         /**
-          * Maximum number of visible rows in the options dropdown before scrolling.
+          * Maximum number of visible rows of the element.
          */
         "_rows"?: RowsPropType;
         /**
@@ -6411,7 +6736,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default null
          */
         "_value"?: StencilUnknown;
@@ -6445,7 +6770,7 @@ declare namespace LocalJSX {
     }
     interface KolSplitButton {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
         /**
@@ -6520,7 +6845,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -6531,6 +6856,7 @@ declare namespace LocalJSX {
     }
     interface KolTableSettingsWc {
         /**
+          * The table settings
           * @default { columns: [] }
          */
         "_tableSettings"?: TableSettingsPropType;
@@ -6697,7 +7023,7 @@ declare namespace LocalJSX {
     }
     interface KolTextarea {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -6790,7 +7116,7 @@ declare namespace LocalJSX {
          */
         "_resize"?: TextareaResizePropType;
         /**
-          * Defines how many rows of text should be visible at the same time.
+          * Maximum number of visible rows of the element.
          */
         "_rows"?: RowsPropType;
         /**
@@ -6813,10 +7139,13 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
+    /**
+     * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372
+     */
     interface KolToastContainer {
     }
     interface KolToolbar {
@@ -6949,6 +7278,7 @@ declare namespace LocalJSX {
         "kol-progress": KolProgress;
         "kol-quote": KolQuote;
         "kol-select": KolSelect;
+        "kol-select-wc": KolSelectWc;
         "kol-single-select": KolSingleSelect;
         "kol-skip-nav": KolSkipNav;
         "kol-spin": KolSpin;
@@ -7021,6 +7351,7 @@ declare module "@stencil/core" {
             "kol-progress": LocalJSX.KolProgress & JSXBase.HTMLAttributes<HTMLKolProgressElement>;
             "kol-quote": LocalJSX.KolQuote & JSXBase.HTMLAttributes<HTMLKolQuoteElement>;
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;
+            "kol-select-wc": LocalJSX.KolSelectWc & JSXBase.HTMLAttributes<HTMLKolSelectWcElement>;
             "kol-single-select": LocalJSX.KolSingleSelect & JSXBase.HTMLAttributes<HTMLKolSingleSelectElement>;
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
@@ -7031,6 +7362,9 @@ declare module "@stencil/core" {
             "kol-table-stateless-wc": LocalJSX.KolTableStatelessWc & JSXBase.HTMLAttributes<HTMLKolTableStatelessWcElement>;
             "kol-tabs": LocalJSX.KolTabs & JSXBase.HTMLAttributes<HTMLKolTabsElement>;
             "kol-textarea": LocalJSX.KolTextarea & JSXBase.HTMLAttributes<HTMLKolTextareaElement>;
+            /**
+             * @deprecated Will be removed in the next major version. For more information, please refer to: https://github.com/public-ui/kolibri/issues/8372
+             */
             "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
             "kol-toolbar": LocalJSX.KolToolbar & JSXBase.HTMLAttributes<HTMLKolToolbarElement>;
             "kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;