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

package/dist/types/components.d.ts

@@ -8,7 +8,7 @@ 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 { 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";
@@ -17,7 +17,7 @@ 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 { 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";
@@ -63,6 +63,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 +296,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 +403,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 +515,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 +670,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 +716,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 +993,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 +1093,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 +1222,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 +1366,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 +1469,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 +1601,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 +1736,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 +1828,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 +1938,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 +2081,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 +2289,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 +2389,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 +2691,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 +2789,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 +3052,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.
          */
@@ -3186,6 +3310,10 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
         /**
           * Closes the dropdown.
          */
@@ -3363,6 +3491,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 +3623,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,6 +3662,10 @@ 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.
          */
@@ -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;
@@ -4220,11 +4450,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 +4494,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 +4511,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,11 +4534,15 @@ 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;
@@ -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.
@@ -7649,6 +7936,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 +8098,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.