@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

package/dist/types/components.d.ts

@@ -5,22 +5,20 @@
  * 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, 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 { 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, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, 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 { ModalVariantPropType } from "./schema/props/variant/modal";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { OrientationPropType } from "./schema/props/orientation";
-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, 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 { 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, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, 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 { ModalVariantPropType } from "./schema/props/variant/modal";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { OrientationPropType } from "./schema/props/orientation";
-export { ModalVariantPropType } from "./schema/props/variant/modal";
-export { TableSettingsPropType } from "./schema/props/table-settings";
 export { MinWidthPropType } from "./schema/props/min-width";
 export { HasCreateButtonPropType } from "./schema/props/has-create-button";
 export namespace Components {
@@ -58,7 +56,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
     }
     interface KolAlert {
         /**
@@ -183,7 +181,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void>;
     }
     interface KolBreadcrumb {
         /**
@@ -197,7 +195,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;
         /**
@@ -281,7 +279,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -290,17 +288,17 @@ export namespace Components {
          */
         "_variant"?: ButtonVariantPropType;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
     }
     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;
         /**
@@ -383,21 +381,21 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
     }
     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;
         /**
@@ -492,13 +490,13 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
     }
     interface KolCard {
         /**
@@ -544,7 +542,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;
         /**
@@ -553,10 +551,10 @@ export namespace Components {
          */
         "_disabled"?: boolean;
         /**
-          * Hides the clear button.
-          * @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.
@@ -633,17 +631,17 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string>;
     }
     interface KolDetails {
         /**
@@ -673,7 +671,66 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+    }
+    interface KolDialog {
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Defines the modal callback functions.
+         */
+        "_on"?: KoliBriDialogEventCallbacks;
+        /**
+          * Defines the variant of the modal.
+          * @default 'blank'
+         */
+        "_variant"?: ModalVariantPropType;
+        /**
+          * Defines the width of the modal. (max-width: 100%)
+          * @default '100%'
+         */
+        "_width"?: string;
+        /**
+          * Closes the dialog.
+         */
+        "closeModal": () => Promise<void>;
+        /**
+          * Opens the dialog.
+         */
+        "openModal": () => Promise<void>;
+    }
+    /**
+     * https://en.wikipedia.org/wiki/Modal_window
+     */
+    interface KolDialogWc {
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Defines the modal callback functions.
+         */
+        "_on"?: KoliBriDialogEventCallbacks;
+        /**
+          * Defines the variant of the modal.
+          * @default 'blank'
+         */
+        "_variant"?: ModalVariantPropType;
+        /**
+          * Defines the width of the modal. (max-width: 100%)
+          * @default '100%'
+         */
+        "_width"?: string;
+        /**
+          * Closes the modal dialog.
+         */
+        "closeModal": () => Promise<void>;
+        /**
+          * Opens the modal dialog.
+         */
+        "openModal": () => Promise<void>;
     }
     interface KolDrawer {
         /**
@@ -776,7 +833,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;
         /**
@@ -869,7 +926,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default true
          */
         "_value": StencilUnknown;
@@ -879,17 +936,17 @@ export namespace Components {
          */
         "_variant"?: InputCheckboxVariantPropType;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
     }
     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;
         /**
@@ -973,21 +1030,21 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string | undefined>;
     }
     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;
         /**
@@ -1032,7 +1089,7 @@ export namespace Components {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: Iso8601 | Date;
         /**
@@ -1100,17 +1157,17 @@ export namespace Components {
          */
         "_type": InputDateTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: Iso8601 | Date | null;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string | Date | undefined | null>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string | Date | undefined | null>;
         /**
           * Resets the component's value.
          */
@@ -1118,7 +1175,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;
         /**
@@ -1242,17 +1299,17 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string | undefined>;
     }
     interface KolInputFile {
         /**
@@ -1260,7 +1317,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;
         /**
@@ -1347,13 +1404,13 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<FileList | null | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<FileList | null | undefined>;
         /**
           * Resets the component's value.
          */
@@ -1361,7 +1418,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;
         /**
@@ -1406,7 +1463,7 @@ export namespace Components {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: number | NumberString;
         /**
@@ -1473,21 +1530,21 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: number | NumberString | null;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<number | NumberString | null>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<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;
         /**
@@ -1601,7 +1658,7 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -1610,13 +1667,13 @@ export namespace Components {
          */
         "_variant"?: PasswordVariantPropType;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string | undefined>;
     }
     interface KolInputRadio {
         /**
@@ -1694,23 +1751,23 @@ 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
          */
         "_value": StencilUnknown;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
     }
     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;
         /**
@@ -1755,7 +1812,7 @@ export namespace Components {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
           * @default 100
          */
         "_max"?: number | NumberString;
@@ -1804,21 +1861,21 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: number | NumberString;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<number | NumberString | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<number | NumberString | undefined>;
     }
     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;
         /**
@@ -1945,17 +2002,17 @@ export namespace Components {
          */
         "_type"?: InputTextTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string | undefined>;
         /**
           * Get selection end of internal element.
          */
@@ -1991,7 +2048,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;
         /**
@@ -2068,11 +2125,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
     }
     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;
         /**
@@ -2148,11 +2205,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
     }
     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;
         /**
@@ -2245,10 +2302,10 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
     }
     /**
-     * https://en.wikipedia.org/wiki/Modal_window
+     * @deprecated Use `kol-dialog` instead.
      */
     interface KolModal {
         /**
@@ -2258,7 +2315,7 @@ export namespace Components {
         /**
           * Defines the modal callback functions.
          */
-        "_on"?: KoliBriModalEventCallbacks;
+        "_on"?: KoliBriDialogEventCallbacks;
         /**
           * Defines the variant of the modal.
           * @default 'blank'
@@ -2330,7 +2387,7 @@ export namespace Components {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -2382,7 +2439,7 @@ export namespace Components {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -2416,7 +2473,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;
         /**
@@ -2505,7 +2562,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -2514,13 +2571,13 @@ export namespace Components {
          */
         "_variant"?: ButtonVariantPropType;
         /**
-          * Hides the popover programmatically by forwarding the call to the web component.
+          * Sets focus on the internal element.
          */
-        "hidePopover": () => Promise<void>;
+        "focus": () => Promise<any>;
         /**
-          * Sets focus on the internal element.
+          * Hides the popover programmatically by forwarding the call to the web component.
          */
-        "kolFocus": () => Promise<void>;
+        "hidePopover": () => Promise<void>;
         /**
           * Shows the popover programmatically by forwarding the call to the web component.
          */
@@ -2528,7 +2585,7 @@ export namespace Components {
     }
     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;
         /**
@@ -2615,7 +2672,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -2624,13 +2681,13 @@ export namespace Components {
          */
         "_variant"?: ButtonVariantPropType;
         /**
-          * Hides the popover programmatically by calling the native hidePopover method.
+          * Sets focus on the internal element.
          */
-        "hidePopover": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Hides the popover programmatically by calling the native hidePopover method.
          */
-        "kolFocus": () => Promise<void>;
+        "hidePopover": () => Promise<void>;
         /**
           * Show the popover programmatically by calling the native showPopover method.
          */
@@ -2659,7 +2716,7 @@ export namespace Components {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines at which value the progress display is completed.
+          * Defines the maximum value of the element.
          */
         "_max": number;
         /**
@@ -2668,7 +2725,7 @@ export namespace Components {
          */
         "_unit"?: string;
         /**
-          * Defines the progress.
+          * Defines the value of the element.
          */
         "_value": number;
         /**
@@ -2696,6 +2753,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>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
+        /**
+          * Returns the selected values.
+         */
+        "getValue": () => Promise<StencilUnknown[] | StencilUnknown>;
+    }
+    interface KolSelectWc {
         /**
           * Defines the key combination that can be used to trigger or focus the component’s interactive element.
          */
@@ -2796,13 +2962,13 @@ export namespace Components {
          */
         "_value"?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown[] | StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown[] | StencilUnknown>;
     }
     interface KolSingleSelect {
         /**
@@ -2815,10 +2981,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.
@@ -2876,7 +3042,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;
         /**
@@ -2899,18 +3065,18 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default null
          */
         "_value": StencilUnknown;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
     }
     interface KolSkipNav {
         /**
@@ -2921,7 +3087,10 @@ export namespace Components {
           * Defines the list of links combined with their labels to render.
          */
         "_links": Stringified<LinkProps[]>;
-        "kolFocus": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     interface KolSpin {
         /**
@@ -2942,7 +3111,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;
         /**
@@ -3021,7 +3190,7 @@ export namespace Components {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -3034,19 +3203,20 @@ export namespace Components {
          */
         "closePopup": () => Promise<void>;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<StencilUnknown>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<StencilUnknown>;
     }
     interface KolTableSettingsWc {
         /**
-          * @default { columns: [] }
+          * The horizontal header cells configuration for the table.
+          * @default []
          */
-        "_tableSettings": TableSettingsPropType;
+        "_horizontalHeaderCells": KoliBriTableHeaderCell[][];
     }
     interface KolTableStateful {
         /**
@@ -3094,10 +3264,6 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
-        /**
-          * Defines the table settings including column visibility, order and width.
-         */
-        "_tableSettings"?: TableSettingsPropType;
         /**
           * Returns the selected rows.
          */
@@ -3136,10 +3302,6 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
-        /**
-          * Defines the table settings including column visibility, order and width.
-         */
-        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -3174,10 +3336,6 @@ export namespace Components {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
-        /**
-          * Defines the table settings including column visibility, order and width.
-         */
-        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTabs {
         /**
@@ -3214,7 +3372,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;
         /**
@@ -3307,7 +3465,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;
         /**
@@ -3334,18 +3492,21 @@ export namespace Components {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
-          * Returns the current value.
+          * Sets focus on the internal element.
          */
-        "getValue": () => Promise<string | undefined>;
+        "focus": () => Promise<void | undefined>;
         /**
-          * Sets focus on the internal element.
+          * Returns the current value.
          */
-        "kolFocus": () => Promise<void>;
+        "getValue": () => Promise<string | undefined>;
     }
+    /**
+     * @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.
@@ -3419,15 +3580,15 @@ export namespace Components {
         /**
           * Collapses the tree item.
          */
-        "collapse": () => Promise<void>;
+        "collapse": () => Promise<void | undefined>;
         /**
           * Expands the tree item.
          */
-        "expand": () => Promise<void>;
+        "expand": () => Promise<void | undefined>;
         /**
           * Focuses the link element.
          */
-        "focusLink": () => Promise<void>;
+        "focus": () => Promise<any>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -3461,7 +3622,7 @@ export namespace Components {
         /**
           * Focuses the link element.
          */
-        "focusLink": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -3489,7 +3650,11 @@ declare global {
         prototype: HTMLKolAbbrElement;
         new (): HTMLKolAbbrElement;
     };
-    interface HTMLKolAccordionElement extends Components.KolAccordion, HTMLStencilElement {
+    interface HTMLKolAccordionElement extends Omit<Components.KolAccordion, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolAccordionElement: {
         prototype: HTMLKolAccordionElement;
@@ -3519,7 +3684,11 @@ declare global {
         prototype: HTMLKolAvatarWcElement;
         new (): HTMLKolAvatarWcElement;
     };
-    interface HTMLKolBadgeElement extends Components.KolBadge, HTMLStencilElement {
+    interface HTMLKolBadgeElement extends Omit<Components.KolBadge, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void>;
     }
     var HTMLKolBadgeElement: {
         prototype: HTMLKolBadgeElement;
@@ -3531,19 +3700,31 @@ declare global {
         prototype: HTMLKolBreadcrumbElement;
         new (): HTMLKolBreadcrumbElement;
     };
-    interface HTMLKolButtonElement extends Components.KolButton, HTMLStencilElement {
+    interface HTMLKolButtonElement extends Omit<Components.KolButton, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolButtonElement: {
         prototype: HTMLKolButtonElement;
         new (): HTMLKolButtonElement;
     };
-    interface HTMLKolButtonLinkElement extends Components.KolButtonLink, HTMLStencilElement {
+    interface HTMLKolButtonLinkElement extends Omit<Components.KolButtonLink, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolButtonLinkElement: {
         prototype: HTMLKolButtonLinkElement;
         new (): HTMLKolButtonLinkElement;
     };
-    interface HTMLKolButtonWcElement extends Components.KolButtonWc, HTMLStencilElement {
+    interface HTMLKolButtonWcElement extends Omit<Components.KolButtonWc, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolButtonWcElement: {
         prototype: HTMLKolButtonWcElement;
@@ -3561,18 +3742,41 @@ declare global {
         prototype: HTMLKolCardWcElement;
         new (): HTMLKolCardWcElement;
     };
-    interface HTMLKolComboboxElement extends Components.KolCombobox, HTMLStencilElement {
+    interface HTMLKolComboboxElement extends Omit<Components.KolCombobox, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolComboboxElement: {
         prototype: HTMLKolComboboxElement;
         new (): HTMLKolComboboxElement;
     };
-    interface HTMLKolDetailsElement extends Components.KolDetails, HTMLStencilElement {
+    interface HTMLKolDetailsElement extends Omit<Components.KolDetails, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolDetailsElement: {
         prototype: HTMLKolDetailsElement;
         new (): HTMLKolDetailsElement;
     };
+    interface HTMLKolDialogElement extends Components.KolDialog, HTMLStencilElement {
+    }
+    var HTMLKolDialogElement: {
+        prototype: HTMLKolDialogElement;
+        new (): HTMLKolDialogElement;
+    };
+    /**
+     * https://en.wikipedia.org/wiki/Modal_window
+     */
+    interface HTMLKolDialogWcElement extends Components.KolDialogWc, HTMLStencilElement {
+    }
+    var HTMLKolDialogWcElement: {
+        prototype: HTMLKolDialogWcElement;
+        new (): HTMLKolDialogWcElement;
+    };
     interface HTMLKolDrawerElement extends Components.KolDrawer, HTMLStencilElement {
     }
     var HTMLKolDrawerElement: {
@@ -3603,61 +3807,101 @@ declare global {
         prototype: HTMLKolImageElement;
         new (): HTMLKolImageElement;
     };
-    interface HTMLKolInputCheckboxElement extends Components.KolInputCheckbox, HTMLStencilElement {
+    interface HTMLKolInputCheckboxElement extends Omit<Components.KolInputCheckbox, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputCheckboxElement: {
         prototype: HTMLKolInputCheckboxElement;
         new (): HTMLKolInputCheckboxElement;
     };
-    interface HTMLKolInputColorElement extends Components.KolInputColor, HTMLStencilElement {
+    interface HTMLKolInputColorElement extends Omit<Components.KolInputColor, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputColorElement: {
         prototype: HTMLKolInputColorElement;
         new (): HTMLKolInputColorElement;
     };
-    interface HTMLKolInputDateElement extends Components.KolInputDate, HTMLStencilElement {
+    interface HTMLKolInputDateElement extends Omit<Components.KolInputDate, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputDateElement: {
         prototype: HTMLKolInputDateElement;
         new (): HTMLKolInputDateElement;
     };
-    interface HTMLKolInputEmailElement extends Components.KolInputEmail, HTMLStencilElement {
+    interface HTMLKolInputEmailElement extends Omit<Components.KolInputEmail, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputEmailElement: {
         prototype: HTMLKolInputEmailElement;
         new (): HTMLKolInputEmailElement;
     };
-    interface HTMLKolInputFileElement extends Components.KolInputFile, HTMLStencilElement {
+    interface HTMLKolInputFileElement extends Omit<Components.KolInputFile, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputFileElement: {
         prototype: HTMLKolInputFileElement;
         new (): HTMLKolInputFileElement;
     };
-    interface HTMLKolInputNumberElement extends Components.KolInputNumber, HTMLStencilElement {
+    interface HTMLKolInputNumberElement extends Omit<Components.KolInputNumber, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputNumberElement: {
         prototype: HTMLKolInputNumberElement;
         new (): HTMLKolInputNumberElement;
     };
-    interface HTMLKolInputPasswordElement extends Components.KolInputPassword, HTMLStencilElement {
+    interface HTMLKolInputPasswordElement extends Omit<Components.KolInputPassword, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputPasswordElement: {
         prototype: HTMLKolInputPasswordElement;
         new (): HTMLKolInputPasswordElement;
     };
-    interface HTMLKolInputRadioElement extends Components.KolInputRadio, HTMLStencilElement {
+    interface HTMLKolInputRadioElement extends Omit<Components.KolInputRadio, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputRadioElement: {
         prototype: HTMLKolInputRadioElement;
         new (): HTMLKolInputRadioElement;
     };
-    interface HTMLKolInputRangeElement extends Components.KolInputRange, HTMLStencilElement {
+    interface HTMLKolInputRangeElement extends Omit<Components.KolInputRange, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputRangeElement: {
         prototype: HTMLKolInputRangeElement;
         new (): HTMLKolInputRangeElement;
     };
-    interface HTMLKolInputTextElement extends Components.KolInputText, HTMLStencilElement {
+    interface HTMLKolInputTextElement extends Omit<Components.KolInputText, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolInputTextElement: {
         prototype: HTMLKolInputTextElement;
@@ -3669,26 +3913,38 @@ declare global {
         prototype: HTMLKolKolibriElement;
         new (): HTMLKolKolibriElement;
     };
-    interface HTMLKolLinkElement extends Components.KolLink, HTMLStencilElement {
+    interface HTMLKolLinkElement extends Omit<Components.KolLink, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolLinkElement: {
         prototype: HTMLKolLinkElement;
         new (): HTMLKolLinkElement;
     };
-    interface HTMLKolLinkButtonElement extends Components.KolLinkButton, HTMLStencilElement {
+    interface HTMLKolLinkButtonElement extends Omit<Components.KolLinkButton, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolLinkButtonElement: {
         prototype: HTMLKolLinkButtonElement;
         new (): HTMLKolLinkButtonElement;
     };
-    interface HTMLKolLinkWcElement extends Components.KolLinkWc, HTMLStencilElement {
+    interface HTMLKolLinkWcElement extends Omit<Components.KolLinkWc, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolLinkWcElement: {
         prototype: HTMLKolLinkWcElement;
         new (): HTMLKolLinkWcElement;
     };
     /**
-     * https://en.wikipedia.org/wiki/Modal_window
+     * @deprecated Use `kol-dialog` instead.
      */
     interface HTMLKolModalElement extends Components.KolModal, HTMLStencilElement {
     }
@@ -3714,7 +3970,7 @@ declare global {
         prototype: HTMLKolPaginationWcElement;
         new (): HTMLKolPaginationWcElement;
     };
-    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover" | "showPopover">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover" | "showPopover" | "focus">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by forwarding the call to the web component.
          */
@@ -3723,12 +3979,16 @@ declare global {
           * Shows the popover programmatically by forwarding the call to the web component.
          */
         "showPopover": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<any>;
     }
     var HTMLKolPopoverButtonElement: {
         prototype: HTMLKolPopoverButtonElement;
         new (): HTMLKolPopoverButtonElement;
     };
-    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover" | "showPopover">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover" | "showPopover" | "focus">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by calling the native hidePopover method.
          */
@@ -3737,6 +3997,10 @@ declare global {
           * Show the popover programmatically by calling the native showPopover method.
          */
         "showPopover": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolPopoverButtonWcElement: {
         prototype: HTMLKolPopoverButtonWcElement;
@@ -3760,19 +4024,41 @@ declare global {
         prototype: HTMLKolQuoteElement;
         new (): HTMLKolQuoteElement;
     };
-    interface HTMLKolSelectElement extends Components.KolSelect, HTMLStencilElement {
+    interface HTMLKolSelectElement extends Omit<Components.KolSelect, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolSelectElement: {
         prototype: HTMLKolSelectElement;
         new (): HTMLKolSelectElement;
     };
-    interface HTMLKolSingleSelectElement extends Components.KolSingleSelect, HTMLStencilElement {
+    interface HTMLKolSelectWcElement extends Omit<Components.KolSelectWc, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
+    }
+    var HTMLKolSelectWcElement: {
+        prototype: HTMLKolSelectWcElement;
+        new (): HTMLKolSelectWcElement;
+    };
+    interface HTMLKolSingleSelectElement extends Omit<Components.KolSingleSelect, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolSingleSelectElement: {
         prototype: HTMLKolSingleSelectElement;
         new (): HTMLKolSingleSelectElement;
     };
-    interface HTMLKolSkipNavElement extends Components.KolSkipNav, HTMLStencilElement {
+    interface HTMLKolSkipNavElement extends Omit<Components.KolSkipNav, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolSkipNavElement: {
         prototype: HTMLKolSkipNavElement;
@@ -3784,7 +4070,11 @@ declare global {
         prototype: HTMLKolSpinElement;
         new (): HTMLKolSpinElement;
     };
-    interface HTMLKolSplitButtonElement extends Components.KolSplitButton, HTMLStencilElement {
+    interface HTMLKolSplitButtonElement extends Omit<Components.KolSplitButton, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolSplitButtonElement: {
         prototype: HTMLKolSplitButtonElement;
@@ -3820,12 +4110,19 @@ declare global {
         prototype: HTMLKolTabsElement;
         new (): HTMLKolTabsElement;
     };
-    interface HTMLKolTextareaElement extends Components.KolTextarea, HTMLStencilElement {
+    interface HTMLKolTextareaElement extends Omit<Components.KolTextarea, "focus">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolTextareaElement: {
         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: {
@@ -3850,13 +4147,21 @@ declare global {
         prototype: HTMLKolTreeElement;
         new (): HTMLKolTreeElement;
     };
-    interface HTMLKolTreeItemElement extends Components.KolTreeItem, HTMLStencilElement {
+    interface HTMLKolTreeItemElement extends Omit<Components.KolTreeItem, "focus">, HTMLStencilElement {
+        /**
+          * Focuses the link element.
+         */
+        "focus": () => Promise<any>;
     }
     var HTMLKolTreeItemElement: {
         prototype: HTMLKolTreeItemElement;
         new (): HTMLKolTreeItemElement;
     };
-    interface HTMLKolTreeItemWcElement extends Components.KolTreeItemWc, HTMLStencilElement {
+    interface HTMLKolTreeItemWcElement extends Omit<Components.KolTreeItemWc, "focus">, HTMLStencilElement {
+        /**
+          * Focuses the link element.
+         */
+        "focus": () => Promise<void | undefined>;
     }
     var HTMLKolTreeItemWcElement: {
         prototype: HTMLKolTreeItemWcElement;
@@ -3896,6 +4201,8 @@ declare global {
         "kol-card-wc": HTMLKolCardWcElement;
         "kol-combobox": HTMLKolComboboxElement;
         "kol-details": HTMLKolDetailsElement;
+        "kol-dialog": HTMLKolDialogElement;
+        "kol-dialog-wc": HTMLKolDialogWcElement;
         "kol-drawer": HTMLKolDrawerElement;
         "kol-form": HTMLKolFormElement;
         "kol-heading": HTMLKolHeadingElement;
@@ -3925,6 +4232,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;
@@ -4112,7 +4420,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;
         /**
@@ -4192,7 +4500,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -4203,7 +4511,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;
         /**
@@ -4282,13 +4590,13 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
     }
     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;
         /**
@@ -4366,7 +4674,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
     }
@@ -4414,7 +4722,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;
         /**
@@ -4423,10 +4731,10 @@ declare namespace LocalJSX {
          */
         "_disabled"?: boolean;
         /**
-          * Hides the clear button.
-          * @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.
@@ -4499,7 +4807,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
@@ -4529,6 +4837,49 @@ declare namespace LocalJSX {
          */
         "_open"?: boolean;
     }
+    interface KolDialog {
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Defines the modal callback functions.
+         */
+        "_on"?: KoliBriDialogEventCallbacks;
+        /**
+          * Defines the variant of the modal.
+          * @default 'blank'
+         */
+        "_variant"?: ModalVariantPropType;
+        /**
+          * Defines the width of the modal. (max-width: 100%)
+          * @default '100%'
+         */
+        "_width"?: string;
+    }
+    /**
+     * https://en.wikipedia.org/wiki/Modal_window
+     */
+    interface KolDialogWc {
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": LabelPropType;
+        /**
+          * Defines the modal callback functions.
+         */
+        "_on"?: KoliBriDialogEventCallbacks;
+        /**
+          * Defines the variant of the modal.
+          * @default 'blank'
+         */
+        "_variant"?: ModalVariantPropType;
+        /**
+          * Defines the width of the modal. (max-width: 100%)
+          * @default '100%'
+         */
+        "_width"?: string;
+    }
     interface KolDrawer {
         /**
           * Defines the visual orientation of the component.
@@ -4618,7 +4969,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;
         /**
@@ -4707,7 +5058,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default true
          */
         "_value"?: StencilUnknown;
@@ -4719,7 +5070,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;
         /**
@@ -4799,13 +5150,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;
         /**
@@ -4850,7 +5201,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: Iso8601 | Date;
         /**
@@ -4914,13 +5265,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;
         /**
@@ -5040,7 +5391,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
@@ -5050,7 +5401,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;
         /**
@@ -5135,7 +5486,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;
         /**
@@ -5180,7 +5531,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
          */
         "_max"?: number | NumberString;
         /**
@@ -5243,13 +5594,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;
         /**
@@ -5359,7 +5710,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
         /**
@@ -5440,7 +5791,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
          */
@@ -5448,7 +5799,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;
         /**
@@ -5493,7 +5844,7 @@ declare namespace LocalJSX {
          */
         "_label": LabelWithExpertSlotPropType;
         /**
-          * Defines the largest possible input value.
+          * Defines the maximum value of the element.
           * @default 100
          */
         "_max"?: number | NumberString;
@@ -5538,13 +5889,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;
         /**
@@ -5667,7 +6018,7 @@ declare namespace LocalJSX {
          */
         "_type"?: InputTextTypePropType;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
          */
         "_value"?: string;
     }
@@ -5685,7 +6036,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;
         /**
@@ -5762,7 +6113,7 @@ declare namespace LocalJSX {
     }
     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;
         /**
@@ -5838,7 +6189,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;
         /**
@@ -5925,7 +6276,7 @@ declare namespace LocalJSX {
         "_tooltipAlign"?: TooltipAlignPropType;
     }
     /**
-     * https://en.wikipedia.org/wiki/Modal_window
+     * @deprecated Use `kol-dialog` instead.
      */
     interface KolModal {
         /**
@@ -5935,7 +6286,7 @@ declare namespace LocalJSX {
         /**
           * Defines the modal callback functions.
          */
-        "_on"?: KoliBriModalEventCallbacks;
+        "_on"?: KoliBriDialogEventCallbacks;
         /**
           * Defines the variant of the modal.
           * @default 'blank'
@@ -5999,7 +6350,7 @@ declare namespace LocalJSX {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -6051,7 +6402,7 @@ declare namespace LocalJSX {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines the maximum number of pages.
+          * Defines the maximum value of the element.
          */
         "_max": MaxPropType;
         /**
@@ -6085,7 +6436,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;
         /**
@@ -6170,7 +6521,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -6181,7 +6532,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;
         /**
@@ -6260,7 +6611,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -6292,7 +6643,7 @@ declare namespace LocalJSX {
          */
         "_label"?: LabelPropType;
         /**
-          * Defines at which value the progress display is completed.
+          * Defines the maximum value of the element.
          */
         "_max": number;
         /**
@@ -6301,7 +6652,7 @@ declare namespace LocalJSX {
          */
         "_unit"?: string;
         /**
-          * Defines the progress.
+          * Defines the value of the element.
          */
         "_value": number;
         /**
@@ -6329,6 +6680,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.
          */
@@ -6436,10 +6884,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.
@@ -6497,7 +6945,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;
         /**
@@ -6516,7 +6964,7 @@ declare namespace LocalJSX {
          */
         "_touched"?: boolean;
         /**
-          * Defines the value of the input.
+          * Defines the value of the element.
           * @default null
          */
         "_value"?: StencilUnknown;
@@ -6550,7 +6998,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;
         /**
@@ -6625,7 +7073,7 @@ declare namespace LocalJSX {
          */
         "_type"?: ButtonTypePropType;
         /**
-          * Defines the value that the button emits on click.
+          * Defines the value of the element.
          */
         "_value"?: StencilUnknown;
         /**
@@ -6636,9 +7084,10 @@ declare namespace LocalJSX {
     }
     interface KolTableSettingsWc {
         /**
-          * @default { columns: [] }
+          * The horizontal header cells configuration for the table.
+          * @default []
          */
-        "_tableSettings"?: TableSettingsPropType;
+        "_horizontalHeaderCells"?: KoliBriTableHeaderCell[][];
     }
     interface KolTableStateful {
         /**
@@ -6686,10 +7135,6 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
-        /**
-          * Defines the table settings including column visibility, order and width.
-         */
-        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTableStateless {
         /**
@@ -6724,10 +7169,6 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
-        /**
-          * Defines the table settings including column visibility, order and width.
-         */
-        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTableStatelessWc {
         /**
@@ -6762,10 +7203,6 @@ declare namespace LocalJSX {
           * Defines how rows can be selected and the current selection.
          */
         "_selection"?: TableSelectionPropType;
-        /**
-          * Defines the table settings including column visibility, order and width.
-         */
-        "_tableSettings"?: TableSettingsPropType;
     }
     interface KolTabs {
         /**
@@ -6802,7 +7239,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;
         /**
@@ -6895,7 +7332,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;
         /**
@@ -6918,10 +7355,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 {
@@ -7025,6 +7465,8 @@ declare namespace LocalJSX {
         "kol-card-wc": KolCardWc;
         "kol-combobox": KolCombobox;
         "kol-details": KolDetails;
+        "kol-dialog": KolDialog;
+        "kol-dialog-wc": KolDialogWc;
         "kol-drawer": KolDrawer;
         "kol-form": KolForm;
         "kol-heading": KolHeading;
@@ -7054,6 +7496,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;
@@ -7094,6 +7537,11 @@ declare module "@stencil/core" {
             "kol-card-wc": LocalJSX.KolCardWc & JSXBase.HTMLAttributes<HTMLKolCardWcElement>;
             "kol-combobox": LocalJSX.KolCombobox & JSXBase.HTMLAttributes<HTMLKolComboboxElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;
+            "kol-dialog": LocalJSX.KolDialog & JSXBase.HTMLAttributes<HTMLKolDialogElement>;
+            /**
+             * https://en.wikipedia.org/wiki/Modal_window
+             */
+            "kol-dialog-wc": LocalJSX.KolDialogWc & JSXBase.HTMLAttributes<HTMLKolDialogWcElement>;
             "kol-drawer": LocalJSX.KolDrawer & JSXBase.HTMLAttributes<HTMLKolDrawerElement>;
             "kol-form": LocalJSX.KolForm & JSXBase.HTMLAttributes<HTMLKolFormElement>;
             "kol-heading": LocalJSX.KolHeading & JSXBase.HTMLAttributes<HTMLKolHeadingElement>;
@@ -7114,7 +7562,7 @@ declare module "@stencil/core" {
             "kol-link-button": LocalJSX.KolLinkButton & JSXBase.HTMLAttributes<HTMLKolLinkButtonElement>;
             "kol-link-wc": LocalJSX.KolLinkWc & JSXBase.HTMLAttributes<HTMLKolLinkWcElement>;
             /**
-             * https://en.wikipedia.org/wiki/Modal_window
+             * @deprecated Use `kol-dialog` instead.
              */
             "kol-modal": LocalJSX.KolModal & JSXBase.HTMLAttributes<HTMLKolModalElement>;
             "kol-nav": LocalJSX.KolNav & JSXBase.HTMLAttributes<HTMLKolNavElement>;
@@ -7126,6 +7574,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>;
@@ -7136,6 +7585,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>;