@public-ui/components 4.0.3-rc.2 → 4.0.4-rc.0

package/dist/types/components.d.ts

@@ -5,14 +5,14 @@
  * 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, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, 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, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, 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, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { OrientationPropType } from "./schema/props/orientation";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, 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, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonTypePropType, ButtonVariantPropType, ColorPair, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, 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, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType, VariantClassNamePropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
@@ -131,9 +131,8 @@ export namespace Components {
     interface KolAvatar {
         /**
           * Defines the backgroundColor and foregroundColor.
-          * @default '#d3d3d3'
          */
-        "_color"?: Stringified<PropColor>;
+        "_color"?: string | ColorPair;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -143,21 +142,6 @@ export namespace Components {
          */
         "_src"?: string;
     }
-    interface KolAvatarWc {
-        /**
-          * Defines the backgroundColor and foregroundColor.
-          * @default '#d3d3d3'
-         */
-        "_color"?: Stringified<PropColor>;
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
-         */
-        "_label": LabelPropType;
-        /**
-          * Sets the image `src` attribute to the given string.
-         */
-        "_src"?: ImageSourcePropType;
-    }
     interface KolBadge {
         /**
           * Defines the backgroundColor and foregroundColor.
@@ -487,7 +471,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     interface KolCard {
         /**
@@ -531,6 +515,16 @@ export namespace Components {
          */
         "_on"?: KoliBriCardEventCallbacks;
     }
+    interface KolClickButton {
+        /**
+          * Sets the label of the click button component.
+         */
+        "_label": string;
+        /**
+          * Focuses the interactive element of the component.
+         */
+        "focus": () => Promise<void>;
+    }
     interface KolCombobox {
         /**
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
@@ -623,7 +617,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -919,7 +913,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1012,7 +1006,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1134,7 +1128,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1271,7 +1265,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1367,7 +1361,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1492,7 +1486,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1620,7 +1614,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1705,7 +1699,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1808,7 +1802,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -1944,7 +1938,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -2241,7 +2235,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     /**
      * @deprecated Use `kol-dialog` instead.
@@ -2855,7 +2849,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -2958,12 +2952,30 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
         "getValue": () => Promise<StencilUnknown>;
     }
+    interface KolSkeleton {
+        /**
+          * Sets the count of the skeleton component.
+         */
+        "_count"?: number | string;
+        /**
+          * Sets the name of the skeleton component.
+         */
+        "_name": string;
+        /**
+          * Focuses the interactive element of the component.
+         */
+        "focus": () => Promise<void>;
+        /**
+          * Toggles the visibility of the skeleton component.
+         */
+        "toggle": () => Promise<void>;
+    }
     interface KolSkipNav {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
@@ -3362,7 +3374,7 @@ export namespace Components {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
         /**
           * Returns the current value.
          */
@@ -3507,6 +3519,10 @@ export namespace Components {
     interface TestComponent {
     }
 }
+export interface KolSkeletonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLKolSkeletonElement;
+}
 declare global {
     interface HTMLKolAbbrElement extends Components.KolAbbr, HTMLStencilElement {
     }
@@ -3542,12 +3558,6 @@ declare global {
         prototype: HTMLKolAvatarElement;
         new (): HTMLKolAvatarElement;
     };
-    interface HTMLKolAvatarWcElement extends Components.KolAvatarWc, HTMLStencilElement {
-    }
-    var HTMLKolAvatarWcElement: {
-        prototype: HTMLKolAvatarWcElement;
-        new (): HTMLKolAvatarWcElement;
-    };
     interface HTMLKolBadgeElement extends Omit<Components.KolBadge, "focus">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
@@ -3588,7 +3598,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolButtonWcElement: {
         prototype: HTMLKolButtonWcElement;
@@ -3606,11 +3616,21 @@ declare global {
         prototype: HTMLKolCardWcElement;
         new (): HTMLKolCardWcElement;
     };
+    interface HTMLKolClickButtonElement extends Omit<Components.KolClickButton, "focus">, HTMLStencilElement {
+        /**
+          * Focuses the interactive element of the component.
+         */
+        "focus": () => Promise<void>;
+    }
+    var HTMLKolClickButtonElement: {
+        prototype: HTMLKolClickButtonElement;
+        new (): HTMLKolClickButtonElement;
+    };
     interface HTMLKolComboboxElement extends Omit<Components.KolCombobox, "focus">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolComboboxElement: {
         prototype: HTMLKolComboboxElement;
@@ -3675,7 +3695,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputCheckboxElement: {
         prototype: HTMLKolInputCheckboxElement;
@@ -3685,7 +3705,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputColorElement: {
         prototype: HTMLKolInputColorElement;
@@ -3695,7 +3715,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputDateElement: {
         prototype: HTMLKolInputDateElement;
@@ -3705,7 +3725,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputEmailElement: {
         prototype: HTMLKolInputEmailElement;
@@ -3715,7 +3735,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputFileElement: {
         prototype: HTMLKolInputFileElement;
@@ -3725,7 +3745,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputNumberElement: {
         prototype: HTMLKolInputNumberElement;
@@ -3735,7 +3755,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputPasswordElement: {
         prototype: HTMLKolInputPasswordElement;
@@ -3745,7 +3765,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputRadioElement: {
         prototype: HTMLKolInputRadioElement;
@@ -3755,7 +3775,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputRangeElement: {
         prototype: HTMLKolInputRangeElement;
@@ -3765,7 +3785,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolInputTextElement: {
         prototype: HTMLKolInputTextElement;
@@ -3801,7 +3821,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolLinkWcElement: {
         prototype: HTMLKolLinkWcElement;
@@ -3902,7 +3922,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolSelectWcElement: {
         prototype: HTMLKolSelectWcElement;
@@ -3912,12 +3932,34 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolSingleSelectElement: {
         prototype: HTMLKolSingleSelectElement;
         new (): HTMLKolSingleSelectElement;
     };
+    interface HTMLKolSkeletonElementEventMap {
+        "loaded": number;
+        "rendered": void;
+    }
+    interface HTMLKolSkeletonElement extends Omit<Components.KolSkeleton, "focus">, HTMLStencilElement {
+        /**
+          * Focuses the interactive element of the component.
+         */
+        "focus": () => 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;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLKolSkeletonElementEventMap>(type: K, listener: (this: HTMLKolSkeletonElement, ev: KolSkeletonCustomEvent<HTMLKolSkeletonElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLKolSkeletonElement: {
+        prototype: HTMLKolSkeletonElement;
+        new (): HTMLKolSkeletonElement;
+    };
     interface HTMLKolSkipNavElement extends Omit<Components.KolSkipNav, "focus">, HTMLStencilElement {
         /**
           * Sets focus on the internal element.
@@ -3978,7 +4020,7 @@ declare global {
         /**
           * Sets focus on the internal element.
          */
-        "focus": () => Promise<void | undefined>;
+        "focus": () => Promise<void>;
     }
     var HTMLKolTextareaElement: {
         prototype: HTMLKolTextareaElement;
@@ -4055,7 +4097,6 @@ declare global {
         "kol-alert": HTMLKolAlertElement;
         "kol-alert-wc": HTMLKolAlertWcElement;
         "kol-avatar": HTMLKolAvatarElement;
-        "kol-avatar-wc": HTMLKolAvatarWcElement;
         "kol-badge": HTMLKolBadgeElement;
         "kol-breadcrumb": HTMLKolBreadcrumbElement;
         "kol-button": HTMLKolButtonElement;
@@ -4063,6 +4104,7 @@ declare global {
         "kol-button-wc": HTMLKolButtonWcElement;
         "kol-card": HTMLKolCardElement;
         "kol-card-wc": HTMLKolCardWcElement;
+        "kol-click-button": HTMLKolClickButtonElement;
         "kol-combobox": HTMLKolComboboxElement;
         "kol-details": HTMLKolDetailsElement;
         "kol-dialog": HTMLKolDialogElement;
@@ -4098,6 +4140,7 @@ declare global {
         "kol-select": HTMLKolSelectElement;
         "kol-select-wc": HTMLKolSelectWcElement;
         "kol-single-select": HTMLKolSingleSelectElement;
+        "kol-skeleton": HTMLKolSkeletonElement;
         "kol-skip-nav": HTMLKolSkipNavElement;
         "kol-spin": HTMLKolSpinElement;
         "kol-split-button": HTMLKolSplitButtonElement;
@@ -4226,9 +4269,8 @@ declare namespace LocalJSX {
     interface KolAvatar {
         /**
           * Defines the backgroundColor and foregroundColor.
-          * @default '#d3d3d3'
          */
-        "_color"?: Stringified<PropColor>;
+        "_color"?: string | ColorPair;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -4238,21 +4280,6 @@ declare namespace LocalJSX {
          */
         "_src"?: string;
     }
-    interface KolAvatarWc {
-        /**
-          * Defines the backgroundColor and foregroundColor.
-          * @default '#d3d3d3'
-         */
-        "_color"?: Stringified<PropColor>;
-        /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
-         */
-        "_label": LabelPropType;
-        /**
-          * Sets the image `src` attribute to the given string.
-         */
-        "_src"?: ImageSourcePropType;
-    }
     interface KolBadge {
         /**
           * Defines the backgroundColor and foregroundColor.
@@ -4578,6 +4605,12 @@ declare namespace LocalJSX {
          */
         "_on"?: KoliBriCardEventCallbacks;
     }
+    interface KolClickButton {
+        /**
+          * Sets the label of the click button component.
+         */
+        "_label": string;
+    }
     interface KolCombobox {
         /**
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
@@ -6723,6 +6756,24 @@ declare namespace LocalJSX {
          */
         "_value"?: StencilUnknown;
     }
+    interface KolSkeleton {
+        /**
+          * Sets the count of the skeleton component.
+         */
+        "_count"?: number | string;
+        /**
+          * Sets the name of the skeleton component.
+         */
+        "_name": string;
+        /**
+          * Emitted when the skeleton has finished loading.
+         */
+        "onLoaded"?: (event: KolSkeletonCustomEvent<number>) => void;
+        /**
+          * Emitted when the skeleton has been rendered for the first time.
+         */
+        "onRendered"?: (event: KolSkeletonCustomEvent<void>) => void;
+    }
     interface KolSkipNav {
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
@@ -7187,7 +7238,6 @@ declare namespace LocalJSX {
         "kol-alert": KolAlert;
         "kol-alert-wc": KolAlertWc;
         "kol-avatar": KolAvatar;
-        "kol-avatar-wc": KolAvatarWc;
         "kol-badge": KolBadge;
         "kol-breadcrumb": KolBreadcrumb;
         "kol-button": KolButton;
@@ -7195,6 +7245,7 @@ declare namespace LocalJSX {
         "kol-button-wc": KolButtonWc;
         "kol-card": KolCard;
         "kol-card-wc": KolCardWc;
+        "kol-click-button": KolClickButton;
         "kol-combobox": KolCombobox;
         "kol-details": KolDetails;
         "kol-dialog": KolDialog;
@@ -7230,6 +7281,7 @@ declare namespace LocalJSX {
         "kol-select": KolSelect;
         "kol-select-wc": KolSelectWc;
         "kol-single-select": KolSingleSelect;
+        "kol-skeleton": KolSkeleton;
         "kol-skip-nav": KolSkipNav;
         "kol-spin": KolSpin;
         "kol-split-button": KolSplitButton;
@@ -7259,7 +7311,6 @@ declare module "@stencil/core" {
             "kol-alert": LocalJSX.KolAlert & JSXBase.HTMLAttributes<HTMLKolAlertElement>;
             "kol-alert-wc": LocalJSX.KolAlertWc & JSXBase.HTMLAttributes<HTMLKolAlertWcElement>;
             "kol-avatar": LocalJSX.KolAvatar & JSXBase.HTMLAttributes<HTMLKolAvatarElement>;
-            "kol-avatar-wc": LocalJSX.KolAvatarWc & JSXBase.HTMLAttributes<HTMLKolAvatarWcElement>;
             "kol-badge": LocalJSX.KolBadge & JSXBase.HTMLAttributes<HTMLKolBadgeElement>;
             "kol-breadcrumb": LocalJSX.KolBreadcrumb & JSXBase.HTMLAttributes<HTMLKolBreadcrumbElement>;
             "kol-button": LocalJSX.KolButton & JSXBase.HTMLAttributes<HTMLKolButtonElement>;
@@ -7267,6 +7318,7 @@ declare module "@stencil/core" {
             "kol-button-wc": LocalJSX.KolButtonWc & JSXBase.HTMLAttributes<HTMLKolButtonWcElement>;
             "kol-card": LocalJSX.KolCard & JSXBase.HTMLAttributes<HTMLKolCardElement>;
             "kol-card-wc": LocalJSX.KolCardWc & JSXBase.HTMLAttributes<HTMLKolCardWcElement>;
+            "kol-click-button": LocalJSX.KolClickButton & JSXBase.HTMLAttributes<HTMLKolClickButtonElement>;
             "kol-combobox": LocalJSX.KolCombobox & JSXBase.HTMLAttributes<HTMLKolComboboxElement>;
             "kol-details": LocalJSX.KolDetails & JSXBase.HTMLAttributes<HTMLKolDetailsElement>;
             "kol-dialog": LocalJSX.KolDialog & JSXBase.HTMLAttributes<HTMLKolDialogElement>;
@@ -7308,6 +7360,7 @@ declare module "@stencil/core" {
             "kol-select": LocalJSX.KolSelect & JSXBase.HTMLAttributes<HTMLKolSelectElement>;
             "kol-select-wc": LocalJSX.KolSelectWc & JSXBase.HTMLAttributes<HTMLKolSelectWcElement>;
             "kol-single-select": LocalJSX.KolSingleSelect & JSXBase.HTMLAttributes<HTMLKolSingleSelectElement>;
+            "kol-skeleton": LocalJSX.KolSkeleton & JSXBase.HTMLAttributes<HTMLKolSkeletonElement>;
             "kol-skip-nav": LocalJSX.KolSkipNav & JSXBase.HTMLAttributes<HTMLKolSkipNavElement>;
             "kol-spin": LocalJSX.KolSpin & JSXBase.HTMLAttributes<HTMLKolSpinElement>;
             "kol-split-button": LocalJSX.KolSplitButton & JSXBase.HTMLAttributes<HTMLKolSplitButtonElement>;

package/dist/types/index.d.ts

@@ -1,12 +1,11 @@
 export * from './components.d';
-export { BEM_ICON } from './components/icon/bem';
 export { setCurrentLocation } from './components/link/ariaCurrentService';
 export { ToasterService } from './components/toaster/toaster';
 export { bootstrap, isInitialized, register } from './core/bootstrap';
 export * from './enums/bund';
-export { BEM_ALERT } from './functional-components/Alert/bem';
 export * from './kolibri';
 export { KoliBri, KoliBriDevHelper } from './schema';
 export type { FocusableElement, KoliBriTableCell, KoliBriTableHeaderCell, KoliBriTableHeaderCellWithLogic, KoliBriTableSelection, Optgroup, Option, SelectOption, Toast, ToasterOptions, W3CInputValue, } from './schema';
+export { BEM } from './schema/bem-registry';
 export { KolEvent } from './utils/events';
 export { isTooltipOpen } from './utils/tooltip-open-tracking';

package/dist/types/internal/functional-components/avatar/api.d.ts

@@ -0,0 +1,9 @@
+import type { ColorProp, InitialsProp, LabelProp, SrcProp } from '../../props';
+import type { ComponentApi } from '../generic-types';
+export interface AvatarApi extends ComponentApi {
+    Props: {
+        Optional: SrcProp & ColorProp;
+        Required: LabelProp;
+    };
+    States: InitialsProp;
+}

package/dist/types/internal/functional-components/avatar/component.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { AvatarApi } from './api';
+export declare const AvatarFC: FC<FunctionalComponentProps<AvatarApi>>;

package/dist/types/internal/functional-components/avatar/controller.d.ts

@@ -0,0 +1,11 @@
+import type { ColorPair } from '../../../schema';
+import { BaseController } from '../base-controller';
+import type { ControllerInterface, ResolvedInputProps } from '../generic-types';
+import type { AvatarApi } from './api';
+export declare class AvatarController extends BaseController<AvatarApi> implements ControllerInterface<AvatarApi> {
+    constructor(states: AvatarApi['States']);
+    componentWillLoad(props: ResolvedInputProps<AvatarApi>): void;
+    watchColor(value?: string | ColorPair): void;
+    watchLabel(value?: string): void;
+    watchSrc(value?: string): void;
+}

package/dist/types/internal/functional-components/base-controller.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentApi, InternalOf, ResolvedProps, StrictFields } from './generic-types';
+type InternalStates<Api extends ComponentApi> = InternalOf<NonNullable<Api['States']>>;
+export declare abstract class BaseController<Api extends ComponentApi> {
+    protected readonly component: InternalStates<Api>;
+    private readonly props;
+    constructor(component: InternalStates<Api>, props: StrictFields<ResolvedProps<Api>>);
+    protected setProp<K extends keyof ResolvedProps<Api>>(key: K, value: StrictFields<ResolvedProps<Api>>[K]): void;
+    getProps(): StrictFields<ResolvedProps<Api>>;
+    protected setState<K extends keyof InternalStates<Api>>(key: K, value: InternalStates<Api>[K]): void;
+}
+export {};

package/dist/types/internal/functional-components/click-button/api.d.ts

@@ -0,0 +1,16 @@
+import type { LabelProp } from '../../props';
+import type { ComponentApi } from '../generic-types';
+export interface ClickButtonApi extends ComponentApi {
+    Props: {
+        Required: LabelProp;
+    };
+    Callbacks: {
+        click: () => void;
+    };
+    Methods: {
+        focus: () => void;
+    };
+    Refs: {
+        button: HTMLButtonElement;
+    };
+}

package/dist/types/internal/functional-components/click-button/component.d.ts

@@ -0,0 +1,4 @@
+import type { FunctionalComponent as FC } from '../../../stencil-public-runtime';
+import type { FunctionalComponentProps } from '../generic-types';
+import type { ClickButtonApi } from './api';
+export declare const ClickButtonFC: FC<FunctionalComponentProps<ClickButtonApi>>;