@public-ui/components 4.0.0-alpha.9 → 4.0.0-beta.1

package/dist/types/core/component-names.d.ts

@@ -13,6 +13,8 @@ export declare let KolCardTag: "kol-card";
 export declare let KolCardWcTag: "kol-card-wc";
 export declare let KolComboboxTag: "kol-combobox";
 export declare let KolDetailsTag: "kol-details";
+export declare let KolDialogTag: "kol-dialog";
+export declare let KolDialogWcTag: "kol-dialog-wc";
 export declare let KolDrawerTag: "kol-drawer";
 export declare let KolFormTag: "kol-form";
 export declare let KolHeadingTag: "kol-heading";
@@ -43,6 +45,7 @@ export declare let KolPopoverButtonWcTag: "kol-popover-button-wc";
 export declare let KolProgressTag: "kol-progress";
 export declare let KolQuoteTag: "kol-quote";
 export declare let KolSelectTag: "kol-select";
+export declare let KolSelectWcTag: "kol-select-wc";
 export declare let KolSingleSelectTag: "kol-single-select";
 export declare let KolSkipNavTag: "kol-skip-nav";
 export declare let KolSpinTag: "kol-spin";

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/_helpers/getRenderStates.d.ts

@@ -1,4 +1,4 @@
-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;

package/dist/types/schema/components/combobox.d.ts

@@ -3,7 +3,7 @@ import type { MsgPropType, PropAccessKey, PropDisabled, PropHideLabel, PropHideM
 import type { InputTypeOnDefault, KoliBriHIcons, Stringified, W3CInputValue } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropSuggestions;
 type OptionalProps = {
-    hideClearButton: boolean;
+    hasClearButton: boolean;
     msg: Stringified<MsgPropType>;
     on: InputTypeOnDefault;
     placeholder: string;
@@ -11,7 +11,7 @@ type OptionalProps = {
 } & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHint & PropHorizontalIcons & PropName & PropRequired & PropShortKey & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     hasValue: boolean;
-    hideClearButton: boolean;
+    hasClearButton: boolean;
     suggestions: W3CInputValue[];
     value: string;
 } & PropId & PropHideMsg & PropLabelWithExpertSlot;

package/dist/types/schema/components/dialog.d.ts

@@ -0,0 +1,19 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { PropLabel } from '../props';
+import type { PropDialogVariant } from '../props/variant/dialog';
+import type { KoliBriModalEventCallbacks } from '../types';
+type RequiredProps = PropLabel;
+type OptionalProps = {
+    on: KoliBriModalEventCallbacks;
+    width: string;
+} & PropDialogVariant;
+type RequiredStates = {
+    width: string;
+} & PropLabel;
+type OptionalStates = {
+    on: KoliBriModalEventCallbacks;
+} & PropDialogVariant;
+export type DialogProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type DialogStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type DialogAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

package/dist/types/schema/components/index.d.ts

@@ -1 +1 @@
-export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-link";export*from"./card";export*from"./combobox";export*from"./details";export*from"./drawer";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./popover-button";export*from"./progress";export*from"./quote";export*from"./select";export*from"./single-select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";
+export*from"./abbr";export*from"./accordion";export*from"./alert";export*from"./avatar";export*from"./badge";export*from"./breadcrumb";export*from"./button";export*from"./button-link";export*from"./card";export*from"./combobox";export*from"./details";export*from"./dialog";export*from"./drawer";export*from"./form";export*from"./heading";export*from"./icon";export*from"./image";export*from"./input-checkbox";export*from"./input-color";export*from"./input-date";export*from"./input-email";export*from"./input-file";export*from"./input-number";export*from"./input-password";export*from"./input-radio";export*from"./input-range";export*from"./input-text";export*from"./kolibri";export*from"./link";export*from"./link-button";export*from"./modal";export*from"./nav";export*from"./pagination";export*from"./popover";export*from"./popover-button";export*from"./progress";export*from"./quote";export*from"./select";export*from"./single-select";export*from"./skip-nav";export*from"./span";export*from"./spin";export*from"./split-button";export*from"./table";export*from"./tableStateless";export*from"./tabs";export*from"./textarea";export*from"./toaster";export*from"./toolbar";export*from"./tooltip";export*from"./tree";export*from"./tree-item";export*from"./version";

package/dist/types/schema/components/modal.d.ts

@@ -1,19 +1,4 @@
-import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel } from '../props';
-import type { PropModalVariant } from '../props/variant/modal';
-import type { KoliBriModalEventCallbacks } from '../types';
-type RequiredProps = PropLabel;
-type OptionalProps = {
-    on: KoliBriModalEventCallbacks;
-    width: string;
-} & PropModalVariant;
-type RequiredStates = {
-    width: string;
-} & PropLabel;
-type OptionalStates = {
-    on: KoliBriModalEventCallbacks;
-} & PropModalVariant;
-export type ModalProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-export type ModalStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type ModalAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export {};
+import type { DialogAPI, DialogProps, DialogStates } from './dialog';
+export type ModalProps = DialogProps;
+export type ModalStates = DialogStates;
+export type ModalAPI = DialogAPI;

package/dist/types/schema/components/single-select.d.ts

@@ -7,7 +7,7 @@ type OptionalProps = {
     on: InputTypeOnDefault;
     placeholder: string;
     value: StencilUnknown;
-    hideClearButton: boolean;
+    hasClearButton: boolean;
 } & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropHint & PropHorizontalIcons & PropName & PropRequired & PropRows & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
@@ -15,7 +15,7 @@ type RequiredStates = {
 type OptionalStates = {
     on: InputTypeOnDefault;
     placeholder: string;
-    hideClearButton: boolean;
+    hasClearButton: boolean;
 } & PropAccessKey & PropDisabled & PropHideLabel & KoliBriHIcons & PropHint & PropId & PropName & PropRequired & PropRows & PropMsg & PropShortKey & PropTouched;
 export type SingleSelectProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type SingleSelectStates = Generic.Element.Members<RequiredStates, OptionalStates>;

package/dist/types/schema/components/table.d.ts

@@ -2,7 +2,6 @@ import type { Generic } from 'adopted-style-sheets';
 import type { PropHasSettingsMenu, PropLabel, PropTableData, PropTableDataFoot, PropTableSelection, StatefulPropTableCallbacks } from '../props';
 import type { PropMinWidth } from '../props/min-width';
 import type { PropPaginationPosition } from '../props/pagination-position';
-import type { PropTableSettings } from '../props/table-settings';
 import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableSelection, Stringified } from '../types';
 import type { KoliBriPaginationProps } from './pagination';
 export type KoliBriTableSelectedHead = {
@@ -33,7 +32,7 @@ type RequiredProps = {
 type OptionalProps = {
     allowMultiSort: boolean;
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
-} & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks & PropTableSettings & PropHasSettingsMenu;
+} & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks & PropHasSettingsMenu;
 type RequiredStates = {
     allowMultiSort: boolean;
     data: KoliBriTableDataType[];
@@ -45,7 +44,7 @@ type RequiredStates = {
 type OptionalStates = {
     sortDirection: KoliBriSortDirection;
     selection: KoliBriTableSelection;
-} & StatefulPropTableCallbacks & PropTableSettings & PropHasSettingsMenu;
+} & StatefulPropTableCallbacks & PropHasSettingsMenu;
 export type TableStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TableAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/schema/components/tableStateless.d.ts

@@ -3,10 +3,9 @@ import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, P
 import type { PropHasSettingsMenu } from '../props/has-settings-menu';
 import type { PropMinWidth } from '../props/min-width';
 import type { PropTableHeaderCells } from '../props/table-header-cells';
-import type { PropTableSettings } from '../props/table-settings';
 import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
 type RequiredProps = PropLabel & PropMinWidth & PropTableData & PropTableHeaderCells;
-type OptionalProps = PropTableCallbacks & PropTableDataFoot & PropTableSelection & PropTableSettings & PropHasSettingsMenu;
+type OptionalProps = PropTableCallbacks & PropTableDataFoot & PropTableSelection & PropHasSettingsMenu;
 type RequiredStates = {
     headerCells: TableHeaderCells;
     data: KoliBriTableDataType[];
@@ -14,7 +13,7 @@ type RequiredStates = {
 type OptionalStates = {
     dataFoot: KoliBriTableDataType[];
     selection: KoliBriTableSelection;
-} & PropTableCallbacks & PropTableSettings & PropHasSettingsMenu;
+} & PropHasSettingsMenu & PropTableCallbacks;
 export type TableStatelessProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type TableStatelessStates = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type TableStatelessAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

package/dist/types/schema/enums/callback.d.ts

@@ -1,6 +1,7 @@
 export declare enum Callback {
     onBlur = "onBlur",
     onChange = "onChange",
+    onChangeHeaderCells = "onChangeHeaderCells",
     onChangePage = "onChangePage",
     onClick = "onClick",
     onClose = "onClose",

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

@@ -1,5 +1,5 @@
 import { Theme } from 'adopted-style-sheets';
-export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "abbr" | "button" | "details" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "avatar" | "badge" | "breadcrumb" | "button-link" | "combobox" | "drawer" | "heading" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "logo" | "modal" | "pagination" | "popover-button" | "quote" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
+export declare const KoliBri: Theme<"kol", "info" | "success" | "warning" | "error" | "message" | "close" | "form-description" | "of" | "characters" | "new" | "no-entries" | "change-order" | "action-running" | "action-done" | "page-first" | "page-back" | "page-next" | "page-last" | "entries-per-site" | "page-current" | "page-selected" | "page-per-site" | "logo-description" | "open-link-in-tab" | "kolibri-logo", "symbol" | "abbr" | "button" | "details" | "dialog" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "avatar" | "badge" | "breadcrumb" | "button-link" | "combobox" | "drawer" | "heading" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "logo" | "modal" | "pagination" | "popover-button" | "quote" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
 export * from './components';
 export * from './interfaces';
 export * from './props';

package/dist/types/schema/interfaces/FocusableElement.d.ts

@@ -1,3 +1,3 @@
 export interface FocusableElement {
-    kolFocus(): Promise<void>;
+    focus(): Promise<void>;
 }

package/dist/types/schema/props/msg.d.ts

@@ -8,5 +8,7 @@ export type PropMsg = {
     msg: Stringified<MsgPropType>;
 };
 export declare const validateMsg: (component: Generic.Element.Component, value?: Stringified<MsgPropType>) => void;
-export declare function checkHasMsg(msg?: Stringified<MsgPropType>, touched?: boolean): boolean;
+export declare function isMsgDefinedAndInputTouched(msg?: Stringified<MsgPropType>, touched?: boolean): boolean;
+export declare const checkHasMsg: typeof isMsgDefinedAndInputTouched;
 export declare function normalizeMsg(msg?: Stringified<MsgPropType>): MsgPropType | undefined;
+export declare function getMsgType(msg?: Stringified<MsgPropType>): MsgPropType['_type'] | 'error';

package/dist/types/schema/props/table-callbacks.d.ts

@@ -2,15 +2,18 @@ import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 import type { Generic } from 'adopted-style-sheets';
 import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableSelectionKeys } from '../types';
+import type { TableHeaderCells } from './table-header-cells';
 export type SortEventPayload = {
     key: string;
     currentSortDirection: KoliBriSortDirection;
 };
 export type SelectionChangeEventPayload = KoliBriTableSelectionKeys;
 export type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | null;
+export type ChangeHeaderCellsEventPayload = TableHeaderCells;
 export type TableCallbacksPropType = {
     [Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;
     [Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;
+    [Callback.onChangeHeaderCells]?: EventValueOrEventCallback<Event, ChangeHeaderCellsEventPayload>;
 };
 export type TableStatefulCallbacksPropType = {
     [Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;

package/dist/types/schema/props/variant/dialog.d.ts

@@ -0,0 +1,8 @@
+import type { Generic } from 'adopted-style-sheets';
+declare const DialogVariantPropTypeOptions: readonly ["blank", "card"];
+export type DialogVariantPropType = (typeof DialogVariantPropTypeOptions)[number];
+export type PropDialogVariant = {
+    variant: DialogVariantPropType;
+};
+export declare const validateDialogVariant: (component: Generic.Element.Component, value?: DialogVariantPropType) => void;
+export {};

package/dist/types/schema/props/variant/modal.d.ts

@@ -1,8 +1,4 @@
-import type { Generic } from 'adopted-style-sheets';
-declare const ModalVariantPropTypeOptions: readonly ["blank", "card"];
-export type ModalVariantPropType = (typeof ModalVariantPropTypeOptions)[number];
-export type PropModalVariant = {
-    variant: ModalVariantPropType;
-};
-export declare const validateModalVariant: (component: Generic.Element.Component, value?: ModalVariantPropType) => void;
-export {};
+import type { DialogVariantPropType, PropDialogVariant } from './dialog';
+export { validateDialogVariant as validateModalVariant } from './dialog';
+export type ModalVariantPropType = DialogVariantPropType;
+export type PropModalVariant = PropDialogVariant;

package/dist/types/schema/tag-names.d.ts

@@ -10,45 +10,46 @@ export declare enum TagEnum {
     'card' = 8,
     'combobox' = 9,
     'details' = 10,
-    'drawer' = 11,
-    'form' = 12,
-    'heading' = 13,
-    'icon' = 14,
-    'image' = 15,
-    'input-checkbox' = 16,
-    'input-color' = 17,
-    'input-date' = 18,
-    'input-email' = 19,
-    'input-file' = 20,
-    'input-number' = 21,
-    'input-password' = 22,
-    'input-radio' = 23,
-    'input-range' = 24,
-    'input-text' = 25,
-    'kolibri' = 26,
-    'link' = 27,
-    'link-button' = 28,
-    'logo' = 29,
-    'modal' = 30,
-    'nav' = 31,
-    'pagination' = 32,
-    'popover-button' = 33,
-    'progress' = 34,
-    'quote' = 35,
-    'select' = 36,
-    'single-select' = 37,
-    'skip-nav' = 38,
-    'spin' = 39,
-    'split-button' = 40,
-    'symbol' = 41,
-    'table' = 42,
-    'table-stateful' = 43,
-    'table-stateless' = 44,
-    'tabs' = 45,
-    'textarea' = 46,
-    'toast-container' = 47,
-    'toolbar' = 48,
-    'tooltip' = 49,
-    'tree' = 50,
-    'tree-item' = 51
+    'dialog' = 11,
+    'drawer' = 12,
+    'form' = 13,
+    'heading' = 14,
+    'icon' = 15,
+    'image' = 16,
+    'input-checkbox' = 17,
+    'input-color' = 18,
+    'input-date' = 19,
+    'input-email' = 20,
+    'input-file' = 21,
+    'input-number' = 22,
+    'input-password' = 23,
+    'input-radio' = 24,
+    'input-range' = 25,
+    'input-text' = 26,
+    'kolibri' = 27,
+    'link' = 28,
+    'link-button' = 29,
+    'logo' = 30,
+    'modal' = 31,
+    'nav' = 32,
+    'pagination' = 33,
+    'popover-button' = 34,
+    'progress' = 35,
+    'quote' = 36,
+    'select' = 37,
+    'single-select' = 38,
+    'skip-nav' = 39,
+    'spin' = 40,
+    'split-button' = 41,
+    'symbol' = 42,
+    'table' = 43,
+    'table-stateful' = 44,
+    'table-stateless' = 45,
+    'tabs' = 46,
+    'textarea' = 47,
+    'toast-container' = 48,
+    'toolbar' = 49,
+    'tooltip' = 50,
+    'tree' = 51,
+    'tree-item' = 52
 }

package/dist/types/schema/types/dialog.d.ts

@@ -0,0 +1,2 @@
+import type { KoliBriModalEventCallbacks } from './modal';
+export type KoliBriDialogEventCallbacks = KoliBriModalEventCallbacks;

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

@@ -1 +1 @@
-export*from"./aria";export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./icons";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./table";export*from"./table-settings";export*from"./unknown";export*from"./w3c";
+export*from"./aria";export*from"./button-link-text";export*from"./callbacks";export*from"./common";export*from"./dialog";export*from"./icons";export*from"./input/iso8601";export*from"./input/numberString";export*from"./input/types";export*from"./modal";export*from"./table";export*from"./unknown";export*from"./w3c";

package/dist/types/schema/types/table.d.ts

@@ -20,6 +20,7 @@ export type KoliBriTableHeaderCell = KoliBriTableCell & {
     sortable?: boolean;
     sortOrder?: number;
     resizable?: boolean;
+    visible?: boolean;
 };
 export type KoliBriTableSelection = {
     label: (row: KoliBriTableDataType) => string;

package/dist/types/utils/events.d.ts

@@ -1,6 +1,7 @@
 declare enum KolEvent {
     blur = "kolBlur",
     change = "kolChange",
+    changeHeaderCells = "changeHeaderCells",
     changePage = "kolChangePage",
     changePageSize = "kolChangePageSize",
     click = "kolClick",
@@ -13,7 +14,6 @@ declare enum KolEvent {
     reset = "kolReset",
     select = "kolSelect",
     selectionChange = "kolSelectionChange",
-    settingsChange = "settingsChange",
     sort = "kolSort",
     submit = "kolSubmit",
     toggle = "kolToggle"

package/doc/accordion.md

@@ -16,13 +16,13 @@
 
 ## Methods
 
-### `kolFocus() => Promise<void>`
+### `focus() => Promise<void | undefined>`
 
 Sets focus on the internal element.
 
 #### Returns
 
-Type: `Promise<void>`
+Type: `Promise<void | undefined>`
 
 
 

package/doc/badge.md

@@ -15,7 +15,7 @@
 
 ## Methods
 
-### `kolFocus() => Promise<void>`
+### `focus() => Promise<void>`
 
 Sets focus on the internal element.
 

package/doc/button-link.md

@@ -7,7 +7,7 @@
 
 | Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
@@ -24,28 +24,28 @@
 | `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
 
 
 ## Methods
 
-### `getValue() => Promise<StencilUnknown>`
+### `focus() => Promise<void | undefined>`
 
-Returns the current value.
+Sets focus on the internal element.
 
 #### Returns
 
-Type: `Promise<StencilUnknown>`
+Type: `Promise<void | undefined>`
 
 
 
-### `kolFocus() => Promise<void>`
+### `getValue() => Promise<StencilUnknown>`
 
-Sets focus on the internal element.
+Returns the current value.
 
 #### Returns
 
-Type: `Promise<void>`
+Type: `Promise<StencilUnknown>`
 
 
 

package/doc/button.md

@@ -7,7 +7,7 @@
 
 | Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
@@ -25,29 +25,29 @@
 | `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
-| `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
 | `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                   | `'normal'`  |
 
 
 ## Methods
 
-### `getValue() => Promise<StencilUnknown>`
+### `focus() => Promise<void | undefined>`
 
-Returns the current value.
+Sets focus on the internal element.
 
 #### Returns
 
-Type: `Promise<StencilUnknown>`
+Type: `Promise<void | undefined>`
 
 
 
-### `kolFocus() => Promise<void>`
+### `getValue() => Promise<StencilUnknown>`
 
-Sets focus on the internal element.
+Returns the current value.
 
 #### Returns
 
-Type: `Promise<void>`
+Type: `Promise<StencilUnknown>`
 
 
 

package/doc/combobox.md

@@ -5,48 +5,48 @@
 
 ## Properties
 
-| Property                    | Attribute            | Description                                                                                                                                                   | Type                                                                                                                               | Default     |
-| --------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`                | `_access-key`        | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                                              | `undefined` |
-| `_disabled`                 | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hideClearButton`          | `_hide-clear-button` | Hides the clear button.                                                                                                                                       | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hideLabel`                | `_hide-label`        | 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.                    | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hideMsg`                  | `_hide-msg`          | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                             | `false`     |
-| `_hint`                     | `_hint`              | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                              | `''`        |
-| `_icons`                    | `_icons`             | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
-| `_id`                       | `_id`                | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                              | `undefined` |
-| `_label` _(required)_       | `_label`             | 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.  | `string`                                                                                                                           | `undefined` |
-| `_msg`                      | `_msg`               | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_on" \| "_hasCloser" \| "_label" \| "_level" \| "_variant"> & { _description: string; } \| string \| undefined` | `undefined` |
-| `_name`                     | `_name`              | Defines the technical name of an input field.                                                                                                                 | `string \| undefined`                                                                                                              | `undefined` |
-| `_on`                       | --                   | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`   | `undefined` |
-| `_placeholder`              | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                              | `undefined` |
-| `_required`                 | `_required`          | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                             | `false`     |
-| `_shortKey`                 | `_short-key`         | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                              | `undefined` |
-| `_suggestions` _(required)_ | `_suggestions`       | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string`                                                                                                        | `undefined` |
-| `_tooltipAlign`             | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                              | `'top'`     |
-| `_touched`                  | `_touched`           | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                                             | `false`     |
-| `_value`                    | `_value`             | Defines the value of the input.                                                                                                                               | `string \| undefined`                                                                                                              | `undefined` |
+| Property                    | Attribute           | Description                                                                                                                                                   | Type                                                                                                                               | Default     |
+| --------------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`                | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                         | `string \| undefined`                                                                                                              | `undefined` |
+| `_disabled`                 | `_disabled`         | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hasClearButton`           | `_has-clear-button` | Shows the clear button if enabled.                                                                                                                            | `boolean \| undefined`                                                                                                             | `true`      |
+| `_hideLabel`                | `_hide-label`       | 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.                    | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hideMsg`                  | `_hide-msg`         | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                                             | `false`     |
+| `_hint`                     | `_hint`             | Defines the hint text.                                                                                                                                        | `string \| undefined`                                                                                                              | `''`        |
+| `_icons`                    | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                               | `string \| undefined \| { right?: IconOrIconClass \| undefined; left?: IconOrIconClass \| undefined; }`                            | `undefined` |
+| `_id`                       | `_id`               | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element. | `string \| undefined`                                                                                                              | `undefined` |
+| `_label` _(required)_       | `_label`            | 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.  | `string`                                                                                                                           | `undefined` |
+| `_msg`                      | `_msg`              | Defines the properties for a message rendered as Alert component.                                                                                             | `Omit<AlertProps, "_on" \| "_hasCloser" \| "_label" \| "_level" \| "_variant"> & { _description: string; } \| string \| undefined` | `undefined` |
+| `_name`                     | `_name`             | Defines the technical name of an input field.                                                                                                                 | `string \| undefined`                                                                                                              | `undefined` |
+| `_on`                       | --                  | Gibt die EventCallback-Funktionen für das Input-Event an.                                                                                                     | `InputTypeOnBlur & InputTypeOnClick & InputTypeOnChange & InputTypeOnFocus & InputTypeOnInput & InputTypeOnKeyDown \| undefined`   | `undefined` |
+| `_placeholder`              | `_placeholder`      | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                              | `undefined` |
+| `_required`                 | `_required`         | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                             | `false`     |
+| `_shortKey`                 | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                              | `undefined` |
+| `_suggestions` _(required)_ | `_suggestions`      | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string`                                                                                                        | `undefined` |
+| `_tooltipAlign`             | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                              | `'top'`     |
+| `_touched`                  | `_touched`          | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                                             | `false`     |
+| `_value`                    | `_value`            | Defines the value of the element.                                                                                                                             | `string \| undefined`                                                                                                              | `undefined` |
 
 
 ## Methods
 
-### `getValue() => Promise<string>`
+### `focus() => Promise<void | undefined>`
 
-Returns the current value.
+Sets focus on the internal element.
 
 #### Returns
 
-Type: `Promise<string>`
+Type: `Promise<void | undefined>`
 
 
 
-### `kolFocus() => Promise<void>`
+### `getValue() => Promise<string>`
 
-Sets focus on the internal element.
+Returns the current value.
 
 #### Returns
 
-Type: `Promise<void>`
+Type: `Promise<string>`