@public-ui/components 4.0.0-alpha.1 → 4.0.0-alpha.10

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * 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, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, 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 } from "./schema";
+import { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, 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 } from "./schema";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
@@ -14,7 +14,7 @@ import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { TableSettingsPropType } from "./schema/props/table-settings";
 import { MinWidthPropType } from "./schema/props/min-width";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
-export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, 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 } from "./schema";
+export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, 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 } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
@@ -133,6 +133,11 @@ export namespace Components {
         "_variant"?: AlertVariantPropType;
     }
     interface KolAvatar {
+        /**
+          * 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.).
          */
@@ -143,6 +148,11 @@ 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.).
          */
@@ -170,6 +180,10 @@ export namespace Components {
           * Allows to add a button with an arbitrary action within the element (_hide-label only).
          */
         "_smartButton"?: Stringified<ButtonProps>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "kolFocus": () => Promise<void>;
     }
     interface KolBreadcrumb {
         /**
@@ -226,6 +240,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -323,6 +342,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: IdPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -362,11 +386,6 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
         /**
           * Returns the current value.
          */
@@ -430,13 +449,14 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_inline"?: InlinePropType;
         /**
-          * Defines which variant should be used for presentation.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
-        "_linkVariant"?: LinkVariantPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
@@ -475,10 +495,6 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Hides the tooltip.
-         */
-        "hideTooltip": () => Promise<void>;
         /**
           * Sets focus on the internal element.
          */
@@ -536,6 +552,11 @@ export namespace Components {
           * @default false
          */
         "_disabled"?: boolean;
+        /**
+          * Hides the clear button.
+          * @default false
+         */
+        "_hideClearButton"?: boolean;
         /**
           * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -1935,6 +1956,26 @@ export namespace Components {
           * Sets focus on the internal element.
          */
         "kolFocus": () => Promise<void>;
+        /**
+          * Get selection end of internal element.
+         */
+        "selectioconEnd": () => Promise<number | null | undefined>;
+        /**
+          * Get selection start of internal element.
+         */
+        "selectionStart": () => Promise<number | null | undefined>;
+        /**
+          * Add string at position of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setRangeText
+         */
+        "setRangeText": (replacement: string, selectionStart?: number, selectionEnd?: number, selectMode?: "select" | "start" | "end" | "preserve") => Promise<void>;
+        /**
+          * Set selection start and end, and optional in which direction, of internal element; just like https://developer.mozilla.org/docs/Web/API/HTMLInputElement/setSelectionRange
+         */
+        "setSelectionRange": (selectionStart: number, selectionEnd: number, selectionDirection?: "forward" | "backward" | "none") => Promise<void>;
+        /**
+          * Set selection start (and end = start) of internal element.
+         */
+        "setSelectionStart": (selectionStart: number) => Promise<void>;
     }
     interface KolKolibri {
         /**
@@ -1993,6 +2034,11 @@ export namespace Components {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -2019,11 +2065,6 @@ export namespace Components {
           * @default 'right'
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
         /**
           * Sets focus on the internal element.
          */
@@ -2168,13 +2209,14 @@ export namespace Components {
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
-          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
          */
-        "_label"?: LabelWithExpertSlotPropType;
+        "_inline"?: InlinePropType;
         /**
-          * Defines which variant should be used for presentation.
+          * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
-        "_linkVariant"?: LinkVariantPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Defines the callback functions for links.
          */
@@ -2244,7 +2286,7 @@ export namespace Components {
          */
         "_collapsible"?: boolean;
         /**
-          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
+          * Creates a button below the navigation, that toggles _collapsible.
           * @default false
          */
         "_hasCompactButton"?: boolean;
@@ -2267,12 +2309,6 @@ export namespace Components {
           * Defines the list of links, buttons or texts to render.
          */
         "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-        /**
-          * Defines whether the orientation of the component is horizontal or vertical.
-          * @deprecated Will be removed in the next major version.
-          * @default 'vertical'
-         */
-        "_orientation"?: OrientationPropType;
     }
     interface KolPagination {
         /**
@@ -2419,6 +2455,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -2476,6 +2517,14 @@ export namespace Components {
           * Hides the popover programmatically by forwarding the call to the web component.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "kolFocus": () => Promise<void>;
+        /**
+          * Shows the popover programmatically by forwarding the call to the web component.
+         */
+        "showPopover": () => Promise<void>;
     }
     interface KolPopoverButtonWc {
         /**
@@ -2517,6 +2566,11 @@ export namespace Components {
           * Defines the internal ID of the primary component element.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -2573,6 +2627,14 @@ export namespace Components {
           * Hides the popover programmatically by calling the native hidePopover method.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "kolFocus": () => Promise<void>;
+        /**
+          * Show the popover programmatically by calling the native showPopover method.
+         */
+        "showPopover": () => Promise<void>;
     }
     interface KolPopoverWc {
         /**
@@ -2744,7 +2806,7 @@ export namespace Components {
     }
     interface KolSingleSelect {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**
@@ -2859,6 +2921,7 @@ export namespace Components {
           * Defines the list of links combined with their labels to render.
          */
         "_links": Stringified<LinkProps[]>;
+        "kolFocus": () => Promise<void>;
     }
     interface KolSpin {
         /**
@@ -3038,7 +3101,7 @@ export namespace Components {
         /**
           * Returns the selected rows.
          */
-        "getSelection": () => Promise<KoliBriTableDataType[] | KoliBriTableDataType | null>;
+        "getSelection": () => Promise<KoliBriTableDataType[] | null>;
     }
     interface KolTableStateless {
         /**
@@ -3651,21 +3714,29 @@ declare global {
         prototype: HTMLKolPaginationWcElement;
         new (): HTMLKolPaginationWcElement;
     };
-    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonElement extends Omit<Components.KolPopoverButton, "hidePopover" | "showPopover">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by forwarding the call to the web component.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Shows the popover programmatically by forwarding the call to the web component.
+         */
+        "showPopover": () => Promise<void>;
     }
     var HTMLKolPopoverButtonElement: {
         prototype: HTMLKolPopoverButtonElement;
         new (): HTMLKolPopoverButtonElement;
     };
-    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover">, HTMLStencilElement {
+    interface HTMLKolPopoverButtonWcElement extends Omit<Components.KolPopoverButtonWc, "hidePopover" | "showPopover">, HTMLStencilElement {
         /**
           * Hides the popover programmatically by calling the native hidePopover method.
          */
         "hidePopover": () => Promise<void>;
+        /**
+          * Show the popover programmatically by calling the native showPopover method.
+         */
+        "showPopover": () => Promise<void>;
     }
     var HTMLKolPopoverButtonWcElement: {
         prototype: HTMLKolPopoverButtonWcElement;
@@ -3981,6 +4052,11 @@ declare namespace LocalJSX {
         "_variant"?: AlertVariantPropType;
     }
     interface KolAvatar {
+        /**
+          * 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.).
          */
@@ -3991,6 +4067,11 @@ 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.).
          */
@@ -4074,6 +4155,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -4159,6 +4245,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: IdPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -4194,11 +4285,6 @@ declare namespace LocalJSX {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
     }
     interface KolButtonWc {
         /**
@@ -4240,6 +4326,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -4331,6 +4422,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "_disabled"?: boolean;
+        /**
+          * Hides the clear button.
+          * @default false
+         */
+        "_hideClearButton"?: boolean;
         /**
           * Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.
           * @TODO : Change type back to `HideLabelPropType` after Stencil#4663 has been resolved.
@@ -5632,6 +5728,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -5658,11 +5759,6 @@ declare namespace LocalJSX {
           * @default 'right'
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
     }
     interface KolLinkButton {
         /**
@@ -5793,6 +5889,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -5854,7 +5955,7 @@ declare namespace LocalJSX {
          */
         "_collapsible"?: boolean;
         /**
-          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
+          * Creates a button below the navigation, that toggles _collapsible.
           * @default false
          */
         "_hasCompactButton"?: boolean;
@@ -5877,12 +5978,6 @@ declare namespace LocalJSX {
           * Defines the list of links, buttons or texts to render.
          */
         "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-        /**
-          * Defines whether the orientation of the component is horizontal or vertical.
-          * @deprecated Will be removed in the next major version.
-          * @default 'vertical'
-         */
-        "_orientation"?: OrientationPropType;
     }
     interface KolPagination {
         /**
@@ -6029,6 +6124,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -6115,6 +6215,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.
          */
@@ -6322,7 +6427,7 @@ declare namespace LocalJSX {
     }
     interface KolSingleSelect {
         /**
-          * Defines the key combination that can be used to trigger or focus the component’s interactive element.
+          * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: string;
         /**

package/dist/types/e2e/index.d.ts

@@ -1 +1 @@
-export*from"./input-callbacks-and-events";export*from"./input-value-reflection";export*from"./input-character-limit";
+export*from"./input-callbacks-and-events";export*from"./input-character-limit";export*from"./input-value-reflection";

package/dist/types/e2e/input-callbacks-and-events.d.ts

@@ -1,8 +1,8 @@
-import { type E2EPage } from '@stencil/playwright';
 import type { Locator } from '@playwright/test';
 import { type Page } from '@playwright/test';
-import type { FillAction } from './utils/FillAction';
+import { type E2EPage } from '@stencil/playwright';
 import type { InputTypeOnDefault } from '../schema';
+import type { FillAction } from './utils/FillAction';
 type TestInputCallbacksAndEventsOptions = {
     additionalProperties?: string;
     componentName: string;

package/dist/types/e2e/input-msg.d.ts

@@ -1,5 +1,6 @@
 import type { MsgPropType, Stringified } from '../schema';
 declare const testInputMessage: <ElementType extends {
     _msg?: Stringified<MsgPropType>;
+    _touched?: boolean;
 } & HTMLElement>(componentName: string) => void;
 export { testInputMessage };

package/dist/types/functional-component-wrappers/FieldControlStateWrapper/FieldControlStateWrapper.d.ts

@@ -1,6 +1,6 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import { type FieldControlProps } from '../../functional-components/FieldControl';
-import { type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRangeStates, type InputTextStates, type InputCheckboxStates, type InputRadioStates, type SelectStates } from '../../schema';
+import { type InputCheckboxStates, type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRadioStates, type InputRangeStates, type InputTextStates, type SelectStates } from '../../schema';
 type InputState = InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates | InputCheckboxStates | InputRadioStates | SelectStates;
 export type FieldControlStateWrapperProps = Partial<FieldControlProps> & {
     state: InputState;

package/dist/types/functional-component-wrappers/InputContainerStateWrapper/InputContainerStateWrapper.d.ts

@@ -1,5 +1,5 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
-import { type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRangeStates, type InputTextStates, type TextareaStates, type SelectStates } from '../../schema';
+import { type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRangeStates, type InputTextStates, type SelectStates, type TextareaStates } from '../../schema';
 import { type InputContainerProps } from '../../functional-components/InputContainer';
 type InputState = TextareaStates | SelectStates | InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates;
 export type InputContainerStateWrapperProps = Partial<InputContainerProps> & {

package/dist/types/functional-component-wrappers/InputStateWrapper/InputStateWrapper.d.ts

@@ -1,6 +1,6 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import { type InputProps } from '../../functional-components/inputs/Input';
-import { type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRangeStates, type InputTextStates, type InputCheckboxStates, type InputRadioStates } from '../../schema';
+import { type InputCheckboxStates, type InputColorStates, type InputEmailStates, type InputFileStates, type InputNumberStates, type InputPasswordStates, type InputRadioStates, type InputRangeStates, type InputTextStates } from '../../schema';
 type InputState = InputTextStates | InputEmailStates | InputPasswordStates | InputNumberStates | InputColorStates | InputFileStates | InputRangeStates | InputCheckboxStates | InputRadioStates;
 export type InputStateWrapperProps = Partial<InputProps> & {
     state: InputState;

package/dist/types/functional-component-wrappers/RadioStateWrapper/RadioStateWrapper.d.ts

@@ -1,6 +1,6 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
-import { type RadioProps } from '../../functional-components/inputs/Radio';
 import { type InputProps } from '../../functional-components/inputs/Input';
+import { type RadioProps } from '../../functional-components/inputs/Radio';
 import { type InputRadioStates } from '../../schema';
 export type RadioStateWrapperProps = Omit<RadioProps, 'inputProps'> & {
     state: InputRadioStates;

package/dist/types/functional-component-wrappers/_helpers/getRenderStates.d.ts

@@ -1,10 +1,11 @@
-import type { MsgPropType, Stringified, TouchedPropType } from '../../schema';
+import { type MsgPropType, type Stringified, type TouchedPropType } from '../../schema';
 export declare const getRenderStates: (state: {
     _msg?: Stringified<MsgPropType>;
     _hint?: string;
     _id: string;
     _touched?: TouchedPropType;
     _hideMsg?: boolean;
+    _hasCounter?: boolean;
 }) => {
     hasError: boolean;
     hasHint: boolean;

package/dist/types/functional-components/Alert/bem.d.ts

@@ -21,20 +21,19 @@ type SCHEMA = {
     };
 };
 declare const bem: {
-    <BlockName extends "kol-alert", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+    <BlockName extends "kol-alert", ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(blockName: BlockName, blockModifiersOrElementName?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
     forBlock<BlockName extends "kol-alert">(blockName: BlockName): {
-        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
-        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
     };
 } & {
     forBlock: <BlockName extends "kol-alert">(blockName: BlockName) => {
-        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
-        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
+        <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementNameOrBlockModifiers?: ElementName | ((SCHEMA[BlockName]["modifiers"] extends infer T ? T extends SCHEMA[BlockName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<SCHEMA[BlockName]["modifiers"] extends infer T_1 ? T_1 extends SCHEMA[BlockName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined, elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_2 ? T_2 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_2 extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_3 ? T_3 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_3 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined): string;
+        forElement: <ElementName extends keyof NonNullable<SCHEMA[BlockName]["elements"]>>(elementName: ElementName) => (elementModifiers?: ((NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T ? T extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T extends Set<infer U> ? U : never : never : never) extends never ? undefined : Partial<Record<NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] extends infer T_1 ? T_1 extends NonNullable<SCHEMA[BlockName]["elements"]>[ElementName]["modifiers"] ? T_1 extends Set<infer U> ? U : never : never : never, boolean>>) | undefined) => string;
     };
 };
 declare const BEM: SCHEMA;
 declare const BEM_CLASS_ALERT__CLOSER: string;
 declare const BEM_CLASS_ALERT__CONTENT: string;
 declare const BEM_CLASS_ALERT__ICON: string;
-export { bem as genBemAlert, BEM as BEM_ALERT };
-export { BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT, BEM_CLASS_ALERT__ICON };
+export { BEM as BEM_ALERT, BEM_CLASS_ALERT__CLOSER, BEM_CLASS_ALERT__CONTENT, BEM_CLASS_ALERT__ICON, bem as genBemAlert };

package/dist/types/functional-components/Alert/index.d.ts

@@ -1 +1 @@
-export{default}from"./Alert";export*from"./Alert";
+export*from"./Alert";export{default}from"./Alert";

package/dist/types/functional-components/Button/index.d.ts

@@ -1 +1 @@
-export{default}from"./Button";export*from"./Button";
+export*from"./Button";export{default}from"./Button";

package/dist/types/functional-components/Collapsible/index.d.ts

@@ -1 +1 @@
-export{default}from"./Collapsible";export*from"./Collapsible";
+export*from"./Collapsible";export{default}from"./Collapsible";