@public-ui/components 4.1.2-rc.6 → 4.1.2-rc.8

package/dist/types/components.d.ts

@@ -5,23 +5,25 @@
  * 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, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
-import { LoadingType, ProgressVariantType } from "./internal/props";
+import { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { OrientationPropType } from "./schema/props/orientation";
 import { QuoteVariantType } from "./internal/props/variant-quote";
+import { SpinVariantType } from "./internal/props/variant-spin";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, FixedColsPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, InternalButtonProps, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PropColor, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
-export { LoadingType, ProgressVariantType } from "./internal/props";
+export { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { OrientationPropType } from "./schema/props/orientation";
 export { QuoteVariantType } from "./internal/props/variant-quote";
+export { SpinVariantType } from "./internal/props/variant-spin";
 export { HasCreateButtonPropType } from "./schema/props/has-create-button";
 export namespace Components {
     /**
@@ -63,6 +65,10 @@ export namespace Components {
           * @default false
          */
         "_open"?: boolean;
+        /**
+          * Triggers a click on the trigger button of the first section.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -292,6 +298,10 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -395,6 +405,10 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: VariantClassNamePropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -503,6 +517,10 @@ export namespace Components {
           * Defines which variant should be used for presentation.
          */
         "_variant"?: VariantClassNamePropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -654,6 +672,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -696,6 +718,10 @@ export namespace Components {
           * @default false
          */
         "_open"?: boolean;
+        /**
+          * Triggers a click on the summary/toggle button.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -969,6 +995,10 @@ export namespace Components {
           * @default 'default'
          */
         "_variant"?: InputCheckboxVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1065,6 +1095,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1190,6 +1224,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: Iso8601 | Date | null;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1330,6 +1368,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1429,6 +1471,10 @@ export namespace Components {
           * @default false
          */
         "_touched"?: boolean;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1557,6 +1603,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: number | NumberString | null;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1688,6 +1738,10 @@ export namespace Components {
           * @default 'default'
          */
         "_variant"?: PasswordVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1776,6 +1830,10 @@ export namespace Components {
           * @default null
          */
         "_value": StencilUnknown;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -1882,6 +1940,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: number | NumberString;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -2021,6 +2083,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Focuses the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -2225,6 +2291,10 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -2321,11 +2391,55 @@ export namespace Components {
           * Defines which button variant should be used for presentation.
          */
         "_variant"?: VariantClassNamePropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
     }
+    interface KolMeter {
+        /**
+          * Defines the upper boundary of the high range.
+         */
+        "_high"?: number;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the lower boundary of the low range.
+         */
+        "_low"?: number;
+        /**
+          * Defines the maximum value of the element.
+         */
+        "_max": number;
+        /**
+          * Defines the minimum value of the element.
+         */
+        "_min"?: number;
+        /**
+          * Defines the optimal value of the element.
+         */
+        "_optimum"?: number;
+        /**
+          * Defines whether the meter bar is displayed horizontally or vertically.
+          * @default 'horizontal'
+         */
+        "_orientation": OrientationPropType1;
+        /**
+          * Defines the unit of the step values (not shown).
+          * @default '%'
+         */
+        "_unit": string;
+        /**
+          * Defines the value of the element.
+         */
+        "_value": number;
+    }
     /**
      * The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.
      * @deprecated Use `kol-dialog` instead.
@@ -2579,6 +2693,10 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -2673,6 +2791,10 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -2932,6 +3054,10 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -3078,25 +3204,19 @@ export namespace Components {
          */
         "focus": () => Promise<void>;
     }
-    /**
-     * The **Spin** component informs users about loading or processing operations being performed by the system. Progress can be communicated through a repeated animation.
-     */
     interface KolSpin {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label"?: LabelPropType;
+        "_label"?: string;
         /**
           * Makes the element show up.
-          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
-          * @default false
          */
         "_show"?: boolean;
         /**
           * Defines which variant should be used for presentation.
-          * @default 'dot'
          */
-        "_variant"?: SpinVariantPropType;
+        "_variant"?: SpinVariantType;
     }
     /**
      * The **SplitButton** component can be used to display a two-part button. The primary button is typically used for
@@ -3186,6 +3306,10 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Closes the dropdown.
          */
@@ -3363,6 +3487,10 @@ export namespace Components {
           * Defines the tab captions.
          */
         "_tabs": Stringified<TabButtonProps[]>;
+        /**
+          * Triggers a click on the currently selected tab.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the current tab button.
          */
@@ -3491,6 +3619,10 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -3526,11 +3658,18 @@ export namespace Components {
           * Defines whether the orientation of the component is horizontal or vertical.
          */
         "_orientation"?: OrientationPropType;
+        /**
+          * Triggers a click on the currently active toolbar item.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the currently active toolbar item.
          */
         "focus": () => Promise<void>;
     }
+    /**
+     * @deprecated The tooltip component is deprecated and will be removed in the next major release
+     */
     interface KolTooltipWc {
         /**
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
@@ -3543,6 +3682,7 @@ export namespace Components {
         "_badgeText"?: BadgeTextPropType;
         /**
           * Defines the internal ID of the primary component element.
+          * @deprecated Will be removed in next major release. The ID is now generated internally and cannot be set via props.
          */
         "_id"?: IdPropType;
         /**
@@ -3674,11 +3814,15 @@ declare global {
      * The **Accordion** component is a collapsible menu. Clicking the header area — consisting of an icon and a heading — expands the content to reveal additional information. It is an interactive navigation element designed to present extensive content in a space-saving manner.
      * Accordions are used whenever content associated with a thematic heading needs to be shown or hidden. They allow more detailed information for a heading than would normally be practical, leaving it to the users to decide whether to view that information.
      */
-    interface HTMLKolAccordionElement extends Omit<Components.KolAccordion, "focus">, HTMLStencilElement {
+    interface HTMLKolAccordionElement extends Omit<Components.KolAccordion, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Triggers a click on the trigger button of the first section.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolAccordionElement: {
         prototype: HTMLKolAccordionElement;
@@ -3734,11 +3878,15 @@ declare global {
     /**
      * The **Button** component is used to present users with action options and arrange them in a clear hierarchy. It helps users find the most important actions on a page or within a viewport and allows them to execute those actions. The button label clearly indicates which action will be triggered. Buttons allow users to confirm a change, complete steps in a task, or make decisions.
      */
-    interface HTMLKolButtonElement extends Omit<Components.KolButton, "focus">, HTMLStencilElement {
+    interface HTMLKolButtonElement extends Omit<Components.KolButton, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolButtonElement: {
         prototype: HTMLKolButtonElement;
@@ -3751,21 +3899,29 @@ declare global {
      * A link has the `target` property which optionally opens the link in a new window/tab. This behavior is not yet implemented.
      * Since a link, unlike a button, is not offered in multiple variants (`primary`, `secondary`, etc.), the `_customClass` and `_variant` properties are not available.
      */
-    interface HTMLKolButtonLinkElement extends Omit<Components.KolButtonLink, "focus">, HTMLStencilElement {
+    interface HTMLKolButtonLinkElement extends Omit<Components.KolButtonLink, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolButtonLinkElement: {
         prototype: HTMLKolButtonLinkElement;
         new (): HTMLKolButtonLinkElement;
     };
-    interface HTMLKolButtonWcElement extends Omit<Components.KolButtonWc, "focus">, HTMLStencilElement {
+    interface HTMLKolButtonWcElement extends Omit<Components.KolButtonWc, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolButtonWcElement: {
         prototype: HTMLKolButtonWcElement;
@@ -3798,11 +3954,15 @@ declare global {
         prototype: HTMLKolClickButtonElement;
         new (): HTMLKolClickButtonElement;
     };
-    interface HTMLKolComboboxElement extends Omit<Components.KolCombobox, "focus">, HTMLStencilElement {
+    interface HTMLKolComboboxElement extends Omit<Components.KolCombobox, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolComboboxElement: {
         prototype: HTMLKolComboboxElement;
@@ -3816,11 +3976,15 @@ declare global {
      * changes its orientation from **_right_** to **_down_**.
      * The component can also be closed again to hide the content.
      */
-    interface HTMLKolDetailsElement extends Omit<Components.KolDetails, "focus">, HTMLStencilElement {
+    interface HTMLKolDetailsElement extends Omit<Components.KolDetails, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Triggers a click on the summary/toggle button.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolDetailsElement: {
         prototype: HTMLKolDetailsElement;
@@ -3883,11 +4047,15 @@ declare global {
     /**
      * The **Checkbox** input type generates a rectangular box that can be activated and deactivated by clicking. When activated, a colored checkmark is shown inside the box.
      */
-    interface HTMLKolInputCheckboxElement extends Omit<Components.KolInputCheckbox, "focus">, HTMLStencilElement {
+    interface HTMLKolInputCheckboxElement extends Omit<Components.KolInputCheckbox, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputCheckboxElement: {
         prototype: HTMLKolInputCheckboxElement;
@@ -3896,11 +4064,15 @@ declare global {
     /**
      * The **Color** input type creates a selection field for defining any color. The color can be entered in hexadecimal, RGB, or HSL notation. It is possible to select a color via a picker or by entering exact color values.
      */
-    interface HTMLKolInputColorElement extends Omit<Components.KolInputColor, "focus">, HTMLStencilElement {
+    interface HTMLKolInputColorElement extends Omit<Components.KolInputColor, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputColorElement: {
         prototype: HTMLKolInputColorElement;
@@ -3909,11 +4081,15 @@ declare global {
     /**
      * The **Date** input type creates an input field for date values. These can be specific dates as well as weeks, months, or time values.
      */
-    interface HTMLKolInputDateElement extends Omit<Components.KolInputDate, "focus">, HTMLStencilElement {
+    interface HTMLKolInputDateElement extends Omit<Components.KolInputDate, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputDateElement: {
         prototype: HTMLKolInputDateElement;
@@ -3922,11 +4098,15 @@ declare global {
     /**
      * The **Email** input type creates an input field for email addresses. It supports built-in format validation, multiple addresses via the `_multiple` property, and auto-complete suggestions.
      */
-    interface HTMLKolInputEmailElement extends Omit<Components.KolInputEmail, "focus">, HTMLStencilElement {
+    interface HTMLKolInputEmailElement extends Omit<Components.KolInputEmail, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputEmailElement: {
         prototype: HTMLKolInputEmailElement;
@@ -3935,11 +4115,15 @@ declare global {
     /**
      * The **File** input type creates an input field for file uploads. One or multiple files can be selected and submitted with a form.
      */
-    interface HTMLKolInputFileElement extends Omit<Components.KolInputFile, "focus">, HTMLStencilElement {
+    interface HTMLKolInputFileElement extends Omit<Components.KolInputFile, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputFileElement: {
         prototype: HTMLKolInputFileElement;
@@ -3948,11 +4132,15 @@ declare global {
     /**
      * The **Number** input type creates an input field for numeric values. Use the `_min`, `_max`, and `_step` properties to restrict the accepted value range.
      */
-    interface HTMLKolInputNumberElement extends Omit<Components.KolInputNumber, "focus">, HTMLStencilElement {
+    interface HTMLKolInputNumberElement extends Omit<Components.KolInputNumber, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputNumberElement: {
         prototype: HTMLKolInputNumberElement;
@@ -3961,11 +4149,15 @@ declare global {
     /**
      * The **Password** input type creates an input field for passwords. The input is masked with dot symbols.
      */
-    interface HTMLKolInputPasswordElement extends Omit<Components.KolInputPassword, "focus">, HTMLStencilElement {
+    interface HTMLKolInputPasswordElement extends Omit<Components.KolInputPassword, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputPasswordElement: {
         prototype: HTMLKolInputPasswordElement;
@@ -3974,11 +4166,15 @@ declare global {
     /**
      * The **InputRadio** input type consists of a collection of radio elements, providing a choice between different values. Only a single value can be selected at a time. Selected radio elements are typically represented by a filled, visually highlighted circle.
      */
-    interface HTMLKolInputRadioElement extends Omit<Components.KolInputRadio, "focus">, HTMLStencilElement {
+    interface HTMLKolInputRadioElement extends Omit<Components.KolInputRadio, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputRadioElement: {
         prototype: HTMLKolInputRadioElement;
@@ -3987,11 +4183,15 @@ declare global {
     /**
      * The **Range** input type creates a slider control for selecting a numeric value within a defined range. Use the `_min`, `_max`, and `_step` properties to configure the range and step size.
      */
-    interface HTMLKolInputRangeElement extends Omit<Components.KolInputRange, "focus">, HTMLStencilElement {
+    interface HTMLKolInputRangeElement extends Omit<Components.KolInputRange, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputRangeElement: {
         prototype: HTMLKolInputRangeElement;
@@ -4000,11 +4200,15 @@ declare global {
     /**
      * The **Text** input type creates an input field for plain text, search terms, URLs, or phone numbers.
      */
-    interface HTMLKolInputTextElement extends Omit<Components.KolInputText, "focus">, HTMLStencilElement {
+    interface HTMLKolInputTextElement extends Omit<Components.KolInputText, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Focuses the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolInputTextElement: {
         prototype: HTMLKolInputTextElement;
@@ -4029,26 +4233,40 @@ declare global {
     /**
      * The **LinkButton** component is semantically a link but has the appearance of a button. All relevant properties of the Link component are adopted and extended with the design-defining properties of a button.
      */
-    interface HTMLKolLinkButtonElement extends Omit<Components.KolLinkButton, "focus">, HTMLStencilElement {
+    interface HTMLKolLinkButtonElement extends Omit<Components.KolLinkButton, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolLinkButtonElement: {
         prototype: HTMLKolLinkButtonElement;
         new (): HTMLKolLinkButtonElement;
     };
-    interface HTMLKolLinkWcElement extends Omit<Components.KolLinkWc, "focus">, HTMLStencilElement {
+    interface HTMLKolLinkWcElement extends Omit<Components.KolLinkWc, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolLinkWcElement: {
         prototype: HTMLKolLinkWcElement;
         new (): HTMLKolLinkWcElement;
     };
+    interface HTMLKolMeterElement extends Components.KolMeter, HTMLStencilElement {
+    }
+    var HTMLKolMeterElement: {
+        prototype: HTMLKolMeterElement;
+        new (): HTMLKolMeterElement;
+    };
     /**
      * The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.
      * @deprecated Use `kol-dialog` instead.
@@ -4085,7 +4303,7 @@ declare global {
      * A button that toggles the visibility of a popover overlay containing arbitrary content.
      * The popover uses the native HTML Popover API for lightweight, non-modal overlays.
      */
-    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover" | "showPopover" | "focus">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover" | "showPopover" | "click" | "focus">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by forwarding the call to the web component.
          */
@@ -4094,6 +4312,10 @@ declare global {
           * Shows the popover programmatically by forwarding the call to the web component.
          */
         "showPopover": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -4103,7 +4325,7 @@ declare global {
         prototype: HTMLKolPopoverButtonElement;
         new (): HTMLKolPopoverButtonElement;
     };
-    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover" | "showPopover" | "focus">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover" | "showPopover" | "focus" | "click">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by calling the PopoverController.
          */
@@ -4116,6 +4338,10 @@ declare global {
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolPopoverButtonWcElement: {
         prototype: HTMLKolPopoverButtonWcElement;
@@ -4149,11 +4375,15 @@ declare global {
         prototype: HTMLKolSelectElement;
         new (): HTMLKolSelectElement;
     };
-    interface HTMLKolSelectWcElement extends Omit<Components.KolSelectWc, "focus">, HTMLStencilElement {
+    interface HTMLKolSelectWcElement extends Omit<Components.KolSelectWc, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolSelectWcElement: {
         prototype: HTMLKolSelectWcElement;
@@ -4207,9 +4437,6 @@ declare global {
         prototype: HTMLKolSkipNavElement;
         new (): HTMLKolSkipNavElement;
     };
-    /**
-     * The **Spin** component informs users about loading or processing operations being performed by the system. Progress can be communicated through a repeated animation.
-     */
     interface HTMLKolSpinElement extends Components.KolSpin, HTMLStencilElement {
     }
     var HTMLKolSpinElement: {
@@ -4220,11 +4447,15 @@ declare global {
      * The **SplitButton** component can be used to display a two-part button. The primary button is typically used for
      * a main action, while the secondary button opens a context menu (`Popover`) that contains additional actions.
      */
-    interface HTMLKolSplitButtonElement extends Omit<Components.KolSplitButton, "focus">, HTMLStencilElement {
+    interface HTMLKolSplitButtonElement extends Omit<Components.KolSplitButton, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolSplitButtonElement: {
         prototype: HTMLKolSplitButtonElement;
@@ -4260,11 +4491,15 @@ declare global {
     /**
      * The **Tabs** component is used to organize related content on the same page and navigate between them. Tabs ensure that large amounts of content can be more easily organized for users.
      */
-    interface HTMLKolTabsElement extends Omit<Components.KolTabs, "focus">, HTMLStencilElement {
+    interface HTMLKolTabsElement extends Omit<Components.KolTabs, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the current tab button.
          */
         "focus": () => Promise<void>;
+        /**
+          * Triggers a click on the currently selected tab.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolTabsElement: {
         prototype: HTMLKolTabsElement;
@@ -4273,11 +4508,15 @@ declare global {
     /**
      * The **Textarea** component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.
      */
-    interface HTMLKolTextareaElement extends Omit<Components.KolTextarea, "focus">, HTMLStencilElement {
+    interface HTMLKolTextareaElement extends Omit<Components.KolTextarea, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
         "focus": () => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolTextareaElement: {
         prototype: HTMLKolTextareaElement;
@@ -4292,16 +4531,23 @@ declare global {
         prototype: HTMLKolToastContainerElement;
         new (): HTMLKolToastContainerElement;
     };
-    interface HTMLKolToolbarElement extends Omit<Components.KolToolbar, "focus">, HTMLStencilElement {
+    interface HTMLKolToolbarElement extends Omit<Components.KolToolbar, "focus" | "click">, HTMLStencilElement {
         /**
           * Sets focus on the currently active toolbar item.
          */
         "focus": () => Promise<void>;
+        /**
+          * Triggers a click on the currently active toolbar item.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolToolbarElement: {
         prototype: HTMLKolToolbarElement;
         new (): HTMLKolToolbarElement;
     };
+    /**
+     * @deprecated The tooltip component is deprecated and will be removed in the next major release
+     */
     interface HTMLKolTooltipWcElement extends Components.KolTooltipWc, HTMLStencilElement {
     }
     var HTMLKolTooltipWcElement: {
@@ -4397,6 +4643,7 @@ declare global {
         "kol-link": HTMLKolLinkElement;
         "kol-link-button": HTMLKolLinkButtonElement;
         "kol-link-wc": HTMLKolLinkWcElement;
+        "kol-meter": HTMLKolMeterElement;
         "kol-modal": HTMLKolModalElement;
         "kol-nav": HTMLKolNavElement;
         "kol-pagination": HTMLKolPaginationElement;
@@ -6468,6 +6715,46 @@ declare namespace LocalJSX {
          */
         "_tooltipAlign"?: TooltipAlignPropType;
     }
+    interface KolMeter {
+        /**
+          * Defines the upper boundary of the high range.
+         */
+        "_high"?: number;
+        /**
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
+         */
+        "_label": string;
+        /**
+          * Defines the lower boundary of the low range.
+         */
+        "_low"?: number;
+        /**
+          * Defines the maximum value of the element.
+         */
+        "_max": number;
+        /**
+          * Defines the minimum value of the element.
+         */
+        "_min"?: number;
+        /**
+          * Defines the optimal value of the element.
+         */
+        "_optimum"?: number;
+        /**
+          * Defines whether the meter bar is displayed horizontally or vertically.
+          * @default 'horizontal'
+         */
+        "_orientation"?: OrientationPropType1;
+        /**
+          * Defines the unit of the step values (not shown).
+          * @default '%'
+         */
+        "_unit"?: string;
+        /**
+          * Defines the value of the element.
+         */
+        "_value": number;
+    }
     /**
      * The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.
      * @deprecated Use `kol-dialog` instead.
@@ -7136,25 +7423,19 @@ declare namespace LocalJSX {
          */
         "_links": Stringified<LinkProps[]>;
     }
-    /**
-     * The **Spin** component informs users about loading or processing operations being performed by the system. Progress can be communicated through a repeated animation.
-     */
     interface KolSpin {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
-        "_label"?: LabelPropType;
+        "_label"?: string;
         /**
           * Makes the element show up.
-          * @TODO : Change type back to `ShowPropType` after Stencil#4663 has been resolved.
-          * @default false
          */
         "_show"?: boolean;
         /**
           * Defines which variant should be used for presentation.
-          * @default 'dot'
          */
-        "_variant"?: SpinVariantPropType;
+        "_variant"?: SpinVariantType;
     }
     /**
      * The **SplitButton** component can be used to display a two-part button. The primary button is typically used for
@@ -7541,6 +7822,9 @@ declare namespace LocalJSX {
          */
         "_orientation"?: OrientationPropType;
     }
+    /**
+     * @deprecated The tooltip component is deprecated and will be removed in the next major release
+     */
     interface KolTooltipWc {
         /**
           * Defines the alignment of the tooltip, popover or tabs in relation to the element.
@@ -7649,6 +7933,7 @@ declare namespace LocalJSX {
         "kol-link": KolLink;
         "kol-link-button": KolLinkButton;
         "kol-link-wc": KolLinkWc;
+        "kol-meter": KolMeter;
         "kol-modal": KolModal;
         "kol-nav": KolNav;
         "kol-pagination": KolPagination;
@@ -7810,6 +8095,7 @@ declare module "@stencil/core" {
              */
             "kol-link-button": LocalJSX.KolLinkButton & JSXBase.HTMLAttributes<HTMLKolLinkButtonElement>;
             "kol-link-wc": LocalJSX.KolLinkWc & JSXBase.HTMLAttributes<HTMLKolLinkWcElement>;
+            "kol-meter": LocalJSX.KolMeter & JSXBase.HTMLAttributes<HTMLKolMeterElement>;
             /**
              * The **Modal** component has been superseded by `kol-dialog`, which provides improved accessibility and conforms to the HTML dialog specification. It is still available in version 2 for backwards compatibility.
              * @deprecated Use `kol-dialog` instead.
@@ -7847,9 +8133,6 @@ declare module "@stencil/core" {
              * The **SkipNav** component renders a hidden navigation that allows keyboard and assistive technology users to skip repetitive navigation sections and jump directly to the main content. It only becomes visible when reached via the Tab key.
              */
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
-            /**
-             * The **Spin** component informs users about loading or processing operations being performed by the system. Progress can be communicated through a repeated animation.
-             */
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
             /**
              * The **SplitButton** component can be used to display a two-part button. The primary button is typically used for
@@ -7876,6 +8159,9 @@ declare module "@stencil/core" {
              */
             "kol-toast-container": LocalJSX.KolToastContainer & JSXBase.HTMLAttributes<HTMLKolToastContainerElement>;
             "kol-toolbar": LocalJSX.KolToolbar & JSXBase.HTMLAttributes<HTMLKolToolbarElement>;
+            /**
+             * @deprecated The tooltip component is deprecated and will be removed in the next major release
+             */
             "kol-tooltip-wc": LocalJSX.KolTooltipWc & JSXBase.HTMLAttributes<HTMLKolTooltipWcElement>;
             "kol-tree": LocalJSX.KolTree & JSXBase.HTMLAttributes<HTMLKolTreeElement>;
             "kol-tree-item": LocalJSX.KolTreeItem & JSXBase.HTMLAttributes<HTMLKolTreeItemElement>;