@public-ui/components 4.2.1 → 4.3.0-rc.0

package/dist/types/components.d.ts

@@ -5,20 +5,22 @@
  * 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, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } 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, KolFocusOptions, 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, VisibilityTogglePropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
+import { KoliBriImageEventCallbacks } from "./schema/components/image";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { OrientationPropType } from "./schema/props/orientation";
 import { QuoteVariantType } from "./internal/props/variant-quote";
 import { SpinVariantType } from "./internal/props/variant-spin";
 import { AriaLabelledbyPropType } from "./schema/props/aria-labelledby";
 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, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType, VisibilityTogglePropType } 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, KolFocusOptions, 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, VisibilityTogglePropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { LoadingType, OrientationPropType as OrientationPropType1, ProgressVariantType } from "./internal/props";
+export { KoliBriImageEventCallbacks } from "./schema/components/image";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { OrientationPropType } from "./schema/props/orientation";
 export { QuoteVariantType } from "./internal/props/variant-quote";
@@ -72,7 +74,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * The **Alert** component provides visual feedback to users. It consists of a color-coded container, a heading, content text, and an icon. The icon used and the color scheme depend on the `_type` of the alert.
@@ -191,7 +193,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * The **Breadcrumb** component can be used to display the path to the current position of a web page within a hierarchical structure.
@@ -305,7 +307,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -412,7 +414,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -524,7 +526,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * The **Card** component is ideal for visually highlighting individual sections of your website. It allows you to structure your content very easily.
@@ -595,7 +597,7 @@ export namespace Components {
         /**
           * Focuses the interactive element of the component.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolCombobox {
         /**
@@ -697,7 +699,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -743,7 +745,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolDialog {
         /**
@@ -950,6 +952,10 @@ export namespace Components {
           * Defines the loading mode for the image.
          */
         "_loading"?: LoadingType;
+        /**
+          * Defines callbacks for image load events (`onError`, `onLoad`).
+         */
+        "_on"?: KoliBriImageEventCallbacks;
         /**
           * Defines the image sizes for different screen resolutions, supporting _srcset.
          */
@@ -1072,7 +1078,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1176,7 +1182,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1309,7 +1315,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1457,7 +1463,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1564,7 +1570,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1700,7 +1706,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1839,7 +1845,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1935,7 +1941,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -2049,7 +2055,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -2196,7 +2202,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -2317,7 +2323,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * 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.
@@ -2404,7 +2410,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolLinkWc {
         /**
@@ -2504,7 +2510,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolMeter {
         /**
@@ -2822,7 +2828,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Hides the popover programmatically by forwarding the call to the web component.
          */
@@ -2920,7 +2926,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Hides the popover programmatically by calling the PopoverController.
          */
@@ -3079,7 +3085,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the selected values.
          */
@@ -3191,7 +3197,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -3301,7 +3307,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -3315,7 +3321,7 @@ export namespace Components {
         /**
           * Focuses the interactive element of the component.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Toggles the visibility of the skeleton component.
          */
@@ -3336,7 +3342,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolSpin {
         /**
@@ -3451,7 +3457,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -3657,7 +3663,7 @@ export namespace Components {
         /**
           * Sets focus on the current tab button.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * The **Textarea** component provides a larger input field for content. Unlike InputText, it also allows extensive content to be entered, including line breaks.
@@ -3793,7 +3799,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -3832,7 +3838,7 @@ export namespace Components {
         /**
           * Sets focus on the currently active toolbar item.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * @deprecated The tooltip component is deprecated and will be removed in the next major release
@@ -3869,7 +3875,7 @@ export namespace Components {
         /**
           * Sets focus on the first focusable tree item.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolTreeItem {
         /**
@@ -3899,7 +3905,7 @@ export namespace Components {
         /**
           * Focuses the link element.
          */
-        "focus": () => Promise<any>;
+        "focus": (options?: KolFocusOptions) => Promise<any>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -3933,7 +3939,7 @@ export namespace Components {
         /**
           * Focuses the link element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Returns whether the tree item is expanded.
          */
@@ -3947,7 +3953,7 @@ export namespace Components {
         /**
           * Sets focus on the first focusable tree item.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Invalidates the cache for open tree items. Called by tree-item when expand/collapse occurs.
          */
@@ -3985,7 +3991,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Triggers a click on the trigger button of the first section.
          */
@@ -4027,7 +4033,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolBadgeElement: {
         prototype: HTMLKolBadgeElement;
@@ -4049,7 +4055,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4070,7 +4076,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4084,7 +4090,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4124,7 +4130,7 @@ declare global {
         /**
           * Focuses the interactive element of the component.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolClickButtonElement: {
         prototype: HTMLKolClickButtonElement;
@@ -4134,7 +4140,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4156,7 +4162,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Triggers a click on the summary/toggle button.
          */
@@ -4227,7 +4233,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4244,7 +4250,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4261,7 +4267,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4278,7 +4284,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4295,7 +4301,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4312,7 +4318,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4329,7 +4335,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4346,7 +4352,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4363,7 +4369,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4380,7 +4386,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4400,7 +4406,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolLinkElement: {
         prototype: HTMLKolLinkElement;
@@ -4413,7 +4419,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4427,7 +4433,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4495,7 +4501,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolPopoverButtonElement: {
         prototype: HTMLKolPopoverButtonElement;
@@ -4513,7 +4519,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4545,7 +4551,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolSelectElement: {
         prototype: HTMLKolSelectElement;
@@ -4555,7 +4561,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4572,7 +4578,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolSingleSelectElement: {
         prototype: HTMLKolSingleSelectElement;
@@ -4586,7 +4592,7 @@ declare global {
         /**
           * Focuses the interactive element of the component.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         addEventListener<K extends keyof HTMLKolSkeletonElementEventMap>(type: K, listener: (this: HTMLKolSkeletonElement, ev: KolSkeletonCustomEvent<HTMLKolSkeletonElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
@@ -4607,7 +4613,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolSkipNavElement: {
         prototype: HTMLKolSkipNavElement;
@@ -4627,7 +4633,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4671,7 +4677,7 @@ declare global {
         /**
           * Sets focus on the current tab button.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Triggers a click on the currently selected tab.
          */
@@ -4688,7 +4694,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Clicks the primary interactive element inside this component.
          */
@@ -4711,7 +4717,7 @@ declare global {
         /**
           * Sets focus on the currently active toolbar item.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
         /**
           * Triggers a click on the currently active toolbar item.
          */
@@ -4734,7 +4740,7 @@ declare global {
         /**
           * Sets focus on the first focusable tree item.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolTreeElement: {
         prototype: HTMLKolTreeElement;
@@ -4744,7 +4750,7 @@ declare global {
         /**
           * Focuses the link element.
          */
-        "focus": () => Promise<any>;
+        "focus": (options?: KolFocusOptions) => Promise<any>;
     }
     var HTMLKolTreeItemElement: {
         prototype: HTMLKolTreeItemElement;
@@ -4754,7 +4760,7 @@ declare global {
         /**
           * Focuses the link element.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolTreeItemWcElement: {
         prototype: HTMLKolTreeItemWcElement;
@@ -4764,7 +4770,7 @@ declare global {
         /**
           * Sets focus on the first focusable tree item.
          */
-        "focus": () => Promise<void>;
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     var HTMLKolTreeWcElement: {
         prototype: HTMLKolTreeWcElement;
@@ -5611,6 +5617,10 @@ declare namespace LocalJSX {
           * Defines the loading mode for the image.
          */
         "_loading"?: LoadingType;
+        /**
+          * Defines callbacks for image load events (`onError`, `onLoad`).
+         */
+        "_on"?: KoliBriImageEventCallbacks;
         /**
           * Defines the image sizes for different screen resolutions, supporting _srcset.
          */