@public-ui/components 3.0.9 → 3.0.10-rc.0

package/dist/types/components.d.ts

@@ -58,7 +58,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolAlert {
         /**
@@ -183,7 +187,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolBreadcrumb {
         /**
@@ -289,14 +297,18 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolButtonLink {
         /**
@@ -392,14 +404,18 @@ export namespace Components {
           * @default 'inline'
          */
         "_variant"?: LinkVariantPropType;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolButtonWc {
         /**
@@ -504,7 +520,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolCard {
         /**
@@ -642,14 +662,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolDetails {
         /**
@@ -679,7 +703,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolDrawer {
         /**
@@ -884,14 +912,18 @@ export namespace Components {
           * @default 'default'
          */
         "_variant"?: InputCheckboxVariantPropType;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputColor {
         /**
@@ -982,14 +1014,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputDate {
         /**
@@ -1109,14 +1145,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: Iso8601 | Date | null;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string | Date | undefined | null>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
         /**
           * Resets the component's value.
          */
@@ -1251,14 +1291,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputFile {
         /**
@@ -1352,14 +1396,18 @@ export namespace Components {
           * @default false
          */
         "_touched"?: boolean;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<FileList | null | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
         /**
           * Resets the component's value.
          */
@@ -1482,14 +1530,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: number | NumberString | null;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<number | NumberString | null>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputPassword {
         /**
@@ -1615,14 +1667,18 @@ export namespace Components {
           * @default 'default'
          */
         "_variant"?: PasswordVariantPropType;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputRadio {
         /**
@@ -1705,14 +1761,18 @@ export namespace Components {
           * @default null
          */
         "_value": StencilUnknown;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputRange {
         /**
@@ -1813,14 +1873,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: number | NumberString;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<number | NumberString | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolInputText {
         /**
@@ -1954,14 +2018,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
         /**
           * Get selection end of internal element.
          */
@@ -2080,7 +2148,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolLinkButton {
         /**
@@ -2160,7 +2232,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolLinkWc {
         /**
@@ -2257,7 +2333,11 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "kolFocus": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     /**
      * https://en.wikipedia.org/wiki/Modal_window
@@ -2531,14 +2611,18 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<any>;
         /**
           * Hides the popover programmatically by forwarding the call to the web component.
          */
         "hidePopover": () => Promise<void>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<any>;
         /**
           * Shows the popover programmatically by forwarding the call to the web component.
          */
@@ -2641,14 +2725,18 @@ export namespace Components {
           * @default 'normal'
          */
         "_variant"?: ButtonVariantPropType;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Hides the popover programmatically by calling the native hidePopover method.
          */
         "hidePopover": () => Promise<void>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
         /**
           * Show the popover programmatically by calling the native showPopover method.
          */
@@ -2813,14 +2901,18 @@ export namespace Components {
           * 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>;
         /**
-          * Focuses the select element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolSelectWc {
         /**
@@ -2922,14 +3014,18 @@ export namespace Components {
           * Defines the value of the input.
          */
         "_value"?: Stringified<StencilUnknown[]> | Stringified<StencilUnknown>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown[] | StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolSingleSelect {
         /**
@@ -3030,14 +3126,18 @@ export namespace Components {
           * @default null
          */
         "_value": StencilUnknown;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolSkipNav {
         /**
@@ -3048,7 +3148,14 @@ 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>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolSpin {
         /**
@@ -3160,14 +3267,18 @@ export namespace Components {
           * Closes the dropdown.
          */
         "closePopup": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolTableSettingsWc {
         /**
@@ -3464,14 +3575,18 @@ export namespace Components {
           * Defines the value of the element.
          */
         "_value"?: string;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": () => Promise<void | undefined>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<string | undefined>;
         /**
-          * Sets focus on the internal element.
+          * @deprecated Use {@link focus} instead.
          */
-        "kolFocus": () => Promise<void>;
+        "kolFocus": () => Promise<void | undefined>;
     }
     interface KolToastContainer {
         /**
@@ -3546,15 +3661,19 @@ 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>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "focusLink": () => Promise<any>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -3588,7 +3707,11 @@ export namespace Components {
         /**
           * Focuses the link element.
          */
-        "focusLink": () => Promise<void>;
+        "focus": () => Promise<void | undefined>;
+        /**
+          * @deprecated Use {@link focus} instead.
+         */
+        "focusLink": () => Promise<void | undefined>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -3616,7 +3739,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;
@@ -3646,7 +3773,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 | undefined>;
     }
     var HTMLKolBadgeElement: {
         prototype: HTMLKolBadgeElement;
@@ -3658,19 +3789,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;
@@ -3688,13 +3831,21 @@ 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;
@@ -3730,61 +3881,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;
@@ -3796,19 +3987,31 @@ 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;
@@ -3841,7 +4044,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.
          */
@@ -3850,12 +4053,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.
          */
@@ -3864,6 +4071,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;
@@ -3887,25 +4098,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 HTMLKolSelectWcElement extends Components.KolSelectWc, 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 Components.KolSingleSelect, HTMLStencilElement {
+    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;
@@ -3917,7 +4144,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;
@@ -3953,7 +4184,11 @@ 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;
@@ -3983,13 +4218,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;