@public-ui/components 3.0.0-alpha.1 → 3.0.0-ec88c9a9f00b83411c02bb7c1e982732e1259613.0

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropDisabled, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions, PropShortKey, PropAccessKey } from '../props';
+import type { MsgPropType, PropDisabled, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropRequired, PropSyncValueBySelector, PropTouched, PropOptions, PropShortKey, PropAccessKey } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, Option, StencilUnknown, Stringified } from '../types';
 type RequiredProps = PropLabelWithExpertSlot & PropOptions;
 type OptionalProps = {
@@ -10,14 +10,12 @@ type OptionalProps = {
     placeholder: string;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropDisabled & PropHideError & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
+} & PropAccessKey & PropDisabled & PropHideMsg & PropHideLabel & PropName & PropRequired & PropSyncValueBySelector & PropShortKey & PropTouched;
 type RequiredStates = {
     options: Option<StencilUnknown>[];
-} & PropId & PropHideError & PropLabelWithExpertSlot;
+} & PropId & PropHideMsg & PropLabelWithExpertSlot;
 type OptionalStates = {
-    alert: boolean;
     hint: string;
-    value: string;
     icons: KoliBriHorizontalIcons;
     on: InputTypeOnDefault;
     tabIndex: number;

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

@@ -1,20 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabel, StatefulPropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection } from '../props';
-import type { KoliBriTableDataType, KoliBriTableHeaderCell, Stringified, KoliBriSortDirection, KoliBriTableSelection } from '../types';
-import type { KoliBriPaginationProps } from './pagination';
+import type { PropLabel, PropTableData, PropTableDataFoot, PropTableSelection, StatefulPropTableCallbacks } from '../props';
+import type { PropMinWidth } from '../props/min-width';
 import type { PropPaginationPosition } from '../props/pagination-position';
-export type KoliBriTableSelectedHead = {
-    key: string;
-    label: string;
-    sortDirection: KoliBriSortDirection;
-};
-type KoliBriTableSort = <T>(data: T[]) => T[];
-export type KoliBriSortFunction = (data: KoliBriTableDataType[]) => KoliBriTableDataType[];
+import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableSelection, Stringified } from '../types';
+import type { KoliBriPaginationProps } from './pagination';
 export type KoliBriDataCompareFn = (a: KoliBriTableDataType, b: KoliBriTableDataType) => number;
 export type KoliBriTableHeaderCellWithLogic = KoliBriTableHeaderCell & {
     compareFn?: KoliBriDataCompareFn;
-    sort?: KoliBriTableSort;
     sortDirection?: KoliBriSortDirection;
+    headerCell?: true;
 };
 export type KoliBriTableHeaders = {
     horizontal?: KoliBriTableHeaderCellWithLogic[][];
@@ -29,10 +23,9 @@ type KoliBriTablePaginationStates = Generic.Element.Members<{
 }, KoliBriPaginationProps>;
 type RequiredProps = {
     headers: Stringified<KoliBriTableHeaders>;
-} & PropTableData & PropLabel;
+} & PropLabel & PropMinWidth & PropTableData;
 type OptionalProps = {
     allowMultiSort: boolean;
-    minWidth: string;
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 } & PropTableDataFoot & PropPaginationPosition & PropTableSelection & StatefulPropTableCallbacks;
 type RequiredStates = {
@@ -42,13 +35,11 @@ type RequiredStates = {
     headers: KoliBriTableHeaders;
     pagination: KoliBriTablePaginationStates;
     sortedData: KoliBriTableDataType[];
-} & PropLabel & PropPaginationPosition;
+} & PropLabel & PropMinWidth & PropPaginationPosition;
 type OptionalStates = {
-    minWidth: string;
     sortDirection: KoliBriSortDirection;
     selection: KoliBriTableSelection;
 } & StatefulPropTableCallbacks;
-export type TableProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 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

@@ -1,17 +1,15 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection, TableHeaderCells } from '../props';
-import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
+import type { PropMinWidth } from '../props/min-width';
 import type { PropTableHeaderCells } from '../props/table-header-cells';
-type RequiredProps = PropLabel & PropTableData & PropTableHeaderCells;
-type OptionalProps = {
-    minWidth: string;
-} & PropTableCallbacks & PropTableDataFoot & PropTableSelection;
+import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
+type RequiredProps = PropLabel & PropMinWidth & PropTableData & PropTableHeaderCells;
+type OptionalProps = PropTableCallbacks & PropTableDataFoot & PropTableSelection;
 type RequiredStates = {
     headerCells: TableHeaderCells;
     data: KoliBriTableDataType[];
-} & PropLabel;
+} & PropLabel & PropMinWidth;
 type OptionalStates = {
-    minWidth: string;
     dataFoot: KoliBriTableDataType[];
     selection: KoliBriTableSelection;
 } & PropTableCallbacks;

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

@@ -1,5 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { PropAlign, PropDisabled, PropHideLabel, PropLabel, PropTabBehavior, PropTooltipAlign } from '../props';
 import type { EventCallback, EventValueOrEventCallback, KoliBriIconsProp, Stringified } from '../types';
 export type KoliBriTabsCallbacks = {
@@ -8,10 +8,10 @@ export type KoliBriTabsCallbacks = {
         callback: EventCallback<Event>;
     };
 } & {
-    [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
+    [Callback.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
 export type KoliBriTabButtonCallbacks = {
-    [Events.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
+    [Callback.onSelect]?: EventValueOrEventCallback<CustomEvent | KeyboardEvent | MouseEvent | PointerEvent, number>;
 };
 type RequiredTabButtonProps = PropLabel;
 type OptionalTabButtonProps = {

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

@@ -1,12 +1,10 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideError, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
+import type { MsgPropType, PropAccessKey, PropAdjustHeight, PropDisabled, PropHasCounter, PropHideMsg, PropHideLabel, PropId, PropLabelWithExpertSlot, PropMsg, PropName, PropReadOnly, PropRequired, PropRows, PropShortKey, PropSpellCheck, PropSyncValueBySelector, PropTouched } from '../props';
 import type { InputTypeOnDefault, KoliBriHorizontalIcons, Stringified } from '../types';
 export declare const cssResizeOptions: readonly ["vertical", "none"];
 export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
-    alert: boolean;
-    error: string;
     hint: string;
     icons: KoliBriHorizontalIcons;
     maxLength: number;
@@ -16,16 +14,14 @@ type OptionalProps = {
     resize: CSSResize;
     tabIndex: number;
     value: string;
-} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
+} & PropAccessKey & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideMsg & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropRows & PropShortKey & PropSpellCheck & PropSyncValueBySelector & PropTouched;
 type RequiredStates = {
     adjustHeight: boolean;
     currentLength: number;
     hasValue: boolean;
     resize: CSSResize;
-} & PropAdjustHeight & PropHideError & PropId & PropLabelWithExpertSlot;
+} & PropAdjustHeight & PropHideMsg & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
-    alert: boolean;
-    error: string;
     hint: string;
     icons: KoliBriHorizontalIcons;
     maxLength: number;

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

@@ -11,7 +11,6 @@ export type Toast = {
     render?: ToastRenderFunction;
     label: LabelPropType;
     type: AlertType;
-    alertVariant?: AlertVariant;
     variant?: AlertVariant;
 };
 export type ToastState = {
@@ -20,7 +19,6 @@ export type ToastState = {
     id: string;
 };
 export type ToasterOptions = {
-    defaultAlertVariant: AlertVariant;
     defaultVariant: AlertVariant;
 };
 type RequiredProps = NonNullable<unknown>;

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

@@ -0,0 +1,25 @@
+export declare enum Callback {
+    onBlur = "onBlur",
+    onChange = "onChange",
+    onChangePage = "onChangePage",
+    onClick = "onClick",
+    onClose = "onClose",
+    onDblClick = "onDblClick",
+    onFocus = "onFocus",
+    onInput = "onInput",
+    onKeyDown = "onKeyDown",
+    onKeyPress = "onKeyPress",
+    onKeyUp = "onKeyUp",
+    onMouseDown = "onMouseDown",
+    onMouseMove = "onMouseMove",
+    onMouseOut = "onMouseOut",
+    onMouseOver = "onMouseOver",
+    onMouseUp = "onMouseUp",
+    onReset = "onReset",
+    onSelect = "onSelect",
+    onSelectionChange = "onSelectionChange",
+    onChangePageSize = "onChangePageSize",
+    onSort = "onSort",
+    onSubmit = "onSubmit",
+    onToggle = "onToggle"
+}

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

@@ -1 +1 @@
-export*from"./events";export*from"./keyboard";
+export*from"./callback";export*from"./keyboard";

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

@@ -1,5 +1,5 @@
 import { Theme } from 'adopted-style-sheets';
-export declare const KoliBri: Theme<"kol", "error" | "info" | "success" | "warning" | "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" | "accordion-group" | "avatar" | "badge" | "breadcrumb" | "button-group" | "button-link" | "combobox" | "drawer" | "heading" | "indented-text" | "input-checkbox" | "input-color" | "input-date" | "input-email" | "input-file" | "input-number" | "input-password" | "input-radio" | "input-range" | "input-text" | "kolibri" | "link-button" | "link-group" | "logo" | "modal" | "pagination" | "separator" | "skip-nav" | "spin" | "single-select" | "split-button" | "table-stateless" | "table-stateful" | "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" | "form" | "link" | "nav" | "progress" | "select" | "table" | "textarea" | "image" | "icon" | "alert" | "card" | "accordion" | "accordion-group" | "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" | "separator" | "single-select" | "skip-nav" | "spin" | "split-button" | "table-stateful" | "table-stateless" | "tabs" | "toast-container" | "toolbar" | "tooltip" | "tree" | "tree-item">;
 export * from './components';
 export * from './props';
 export * from './types';

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

@@ -1,8 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 export type AccordionCallbacksPropType<T> = {
-    [Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
+    [Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
 };
 export type PropAccordionCallbacks<T> = {
     on: AccordionCallbacksPropType<T>;

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

@@ -1,6 +1,4 @@
-import type { Generic } from 'adopted-style-sheets';
 export type AlertPropType = boolean;
 export type PropAlert = {
     alert: AlertPropType;
 };
-export declare const validateAlert: (component: Generic.Element.Component, value?: AlertPropType) => void;

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

@@ -1,10 +1,10 @@
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { EventCallback, EventValueOrEventCallback } from '../types/callbacks';
 import type { StencilUnknown } from '../types/unknown';
 import type { Generic } from 'adopted-style-sheets';
 export type ButtonCallbacksPropType<T> = {
-    [Events.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
-    [Events.onMouseDown]?: EventCallback<MouseEvent>;
+    [Callback.onClick]?: EventValueOrEventCallback<MouseEvent, T>;
+    [Callback.onMouseDown]?: EventCallback<MouseEvent>;
 };
 export type PropButtonCallbacks<T> = {
     on: ButtonCallbacksPropType<T>;

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

@@ -1,8 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 export type DetailsCallbacksPropType<T> = {
-    [Events.onToggle]?: EventValueOrEventCallback<MouseEvent, T>;
+    [Callback.onToggle]?: EventValueOrEventCallback<MouseEvent, T>;
 };
 export type PropDetailsCallbacks<T> = {
     on: DetailsCallbacksPropType<T>;

package/dist/types/schema/props/error-list.d.ts

@@ -1,7 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
+import type { EventCallback } from '../types';
 export type ErrorListPropType = {
     message: string;
-    selector: string;
+    selector: string | EventCallback<Event>;
 };
 export type PropErrorList = {
     errorList: ErrorListPropType[];

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

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
+export type HideMsgPropType = boolean;
+export type PropHideMsg = {
+    hideMsg: HideMsgPropType;
+};
+export declare const validateHideMsg: (component: Generic.Element.Component, value?: HideMsgPropType, options?: WatchBooleanOptions) => void;

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

@@ -1 +1 @@
-export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./details-callbacks";export*from"./color";export*from"./custom-class";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-error";export*from"./hide-label";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./tooltip-align";export*from"./toolbar-items";export*from"./touched";export*from"./variant/spin";
+export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./align";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./heading-variant";export*from"./hide-label";export*from"./hide-msg";export*from"./href";export*from"./icons";export*from"./id";export*from"./image-source";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./popover-align";export*from"./popover-callbacks";export*from"./read-only";export*from"./required";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./variant/spin";

package/dist/types/schema/props/link-on-callbacks.d.ts

@@ -1,8 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 export type LinkOnCallbacksPropType = {
-    [Events.onClick]?: EventValueOrEventCallback<Event, string>;
+    [Callback.onClick]?: EventValueOrEventCallback<Event, string>;
 };
 export type PropLinkOnCallbacks = {
     on: LinkOnCallbacksPropType;

package/dist/types/schema/props/min-width.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchStringOptions } from '../utils';
+export type MinWidthPropType = string;
+export type PropMinWidth = {
+    minWidth: MinWidthPropType;
+};
+export declare const validateMinWidth: (component: Generic.Element.Component, value?: MinWidthPropType, options?: WatchStringOptions) => void;

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

@@ -1,10 +1,16 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AlertProps } from '../components';
+import type { AlertProps, InternalAlertProps } from '../components';
 import type { Stringified } from '../types';
 export type MsgPropType = AlertProps & {
     _description: string;
 };
+export type InternMsgPropType = Partial<InternalAlertProps & {
+    description: string;
+}>;
 export type PropMsg = {
     msg: MsgPropType;
 };
 export declare const validateMsg: (component: Generic.Element.Component, value?: Stringified<MsgPropType>) => void;
+export declare function isMsgEmpty(msg?: MsgPropType): boolean;
+export declare function convertMsgToInternMsg(msg?: MsgPropType): InternMsgPropType | undefined;
+export declare function checkHasError(msg?: InternMsgPropType, touched?: boolean): boolean;

package/dist/types/schema/props/popover-align.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { AlignPropType } from './align';
+export type PopoverAlignPropType = AlignPropType;
+export type PropPopoverAlign = {
+    popoverAlign: PopoverAlignPropType;
+};
+export declare const validatePopoverAlign: (component: Generic.Element.Component, value?: PopoverAlignPropType) => void;

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

@@ -1,8 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { EventCallback } from '../types/callbacks';
 export type PopoverCallbacksPropType = {
-    [Events.onClose]?: EventCallback<MouseEvent | KeyboardEvent>;
+    [Callback.onClose]?: EventCallback<MouseEvent | KeyboardEvent>;
 };
 export type PropPopoverCallbacks = {
     on: PopoverCallbacksPropType;

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

@@ -1,4 +1,4 @@
-import type { Events } from '../enums';
+import type { Callback } from '../enums';
 import type { EventValueOrEventCallback } from '../types/callbacks';
 import type { Generic } from 'adopted-style-sheets';
 import type { KoliBriSortDirection, KoliBriTableDataType } from '../types';
@@ -9,11 +9,11 @@ export type SortEventPayload = {
 export type SelectionChangeEventPayload = string[] | string;
 export type StatefulSelectionChangeEventPayload = KoliBriTableDataType[] | KoliBriTableDataType | null;
 export type TableCallbacksPropType = {
-    [Events.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;
-    [Events.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;
+    [Callback.onSort]?: EventValueOrEventCallback<MouseEvent, SortEventPayload>;
+    [Callback.onSelectionChange]?: EventValueOrEventCallback<Event, SelectionChangeEventPayload>;
 };
 export type TableStatefulCallbacksPropType = {
-    [Events.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;
+    [Callback.onSelectionChange]?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload>;
 };
 export type PropTableCallbacks = {
     on: TableCallbacksPropType;

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

@@ -0,0 +1,8 @@
+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 {};

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

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

@@ -6,10 +6,8 @@ export declare const inputDateTypeOptions: readonly ["date", "datetime-local", "
 export type InputDateType = (typeof inputDateTypeOptions)[number];
 export type OptionalInputProps<T> = {
     accessKey: string;
-    alert: boolean;
     autoComplete: InputTypeOnOff;
     disabled: boolean;
-    error: string;
     hideLabel: boolean;
     hint: string;
     icons: Stringified<KoliBriHorizontalIcons>;

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

@@ -1,21 +1,21 @@
 import type { EventCallback, EventValueOrEventCallback } from '../callbacks';
-import type { Events } from '../../enums';
+import type { Callback } from '../../enums';
 export declare const inputTypeOnOffOptions: readonly ["on", "off"];
 export type InputTypeOnOff = (typeof inputTypeOnOffOptions)[number];
 type InputTypeOnBlur = {
-    [Events.onBlur]?: EventCallback<Event>;
+    [Callback.onBlur]?: EventCallback<Event>;
 };
 type InputTypeOnClick = {
-    [Events.onClick]?: EventCallback<Event>;
+    [Callback.onClick]?: EventCallback<Event>;
 };
 type InputTypeOnChange = {
-    [Events.onChange]?: EventValueOrEventCallback<Event, unknown>;
+    [Callback.onChange]?: EventValueOrEventCallback<Event, unknown>;
 };
 type InputTypeOnFocus = {
-    [Events.onFocus]?: EventCallback<Event>;
+    [Callback.onFocus]?: EventCallback<Event>;
 };
 type InputTypeOnInput = {
-    [Events.onInput]?: EventValueOrEventCallback<Event, unknown>;
+    [Callback.onInput]?: EventValueOrEventCallback<Event, unknown>;
 };
 export type Option<T> = {
     disabled?: boolean;

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

@@ -3,7 +3,6 @@ export type KoliBriTableCellTextAlign = 'center' | 'left' | 'right' | 'justify';
 export type KoliBriSortDirection = 'ASC' | 'DESC' | 'NOS';
 export type KoliBriTableDataType = Record<string, unknown>;
 export type KoliBriTableCell = {
-    asTd?: boolean;
     colSpan?: number;
     label: string;
     render?: KoliBriTableRender;

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

@@ -1,5 +1,19 @@
-type KoliBriEventType = 'blur' | 'change' | 'click' | 'focus' | 'input' | 'toggle' | 'selection-change';
-export declare function stopPropagation(event: Event): void;
-export declare function tryToDispatchKoliBriEvent<T>(type: KoliBriEventType, target?: EventTarget, detail?: T): void;
-export declare function preventDefaultAndStopPropagation(event: Event): void;
-export {};
+declare enum KolEvent {
+    blur = "kolBlur",
+    change = "kolChange",
+    changePage = "kolChangePage",
+    changePageSize = "kolChangePageSize",
+    click = "kolClick",
+    close = "kolClose",
+    focus = "kolFocus",
+    input = "kolInput",
+    mousedown = "kolMousedown",
+    reset = "kolReset",
+    select = "kolSelect",
+    selectionChange = "kolSelectionChange",
+    sort = "kolSort",
+    submit = "kolSubmit",
+    toggle = "kolToggle"
+}
+declare function dispatchDomEvent<T>(target: HTMLElement, event: KolEvent, detail?: T): void;
+export { KolEvent, dispatchDomEvent };

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

@@ -0,0 +1,5 @@
+type TransformKeys<K> = K extends `_${infer Rest}` ? Rest : K;
+export declare function transformObjectProperties<T extends Record<string, unknown>>(obj: T): {
+    [K in keyof T as TransformKeys<K>]: T[K];
+};
+export {};

package/dist/types/utils/transformObjectProperties.test.d.ts

@@ -0,0 +1 @@
+export{};

package/doc/accordion.md

@@ -9,23 +9,13 @@
 | --------------------- | ----------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------- | ----------- |
 | `_disabled`           | `_disabled` | Makes the element not focusable and ignore all events.                                                             | `boolean` \| `undefined`                                                                    | `false`     |
 | `_label` _(required)_ | `_label`    | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                  | `undefined` |
-| `_level`              | `_level`    | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                                            | `1`         |
+| `_level`              | `_level`    | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                                            | `0`         |
 | `_on`                 | --          | Gibt die EventCallback-Funktionen an.                                                                              | `undefined` \| `{ onClick?: EventValueOrEventCallback<MouseEvent, boolean>` \| `undefined; }` | `undefined` |
-| `_open`               | `_open`     | If set (to true) opens/expands the element, closes if not set (or set to false).                                   | `boolean` \| `undefined`                                                                    | `false`     |
+| `_open`               | `_open`     | Opens/expands the element when truthy, closes/collapses when falsy.                                                | `boolean` \| `undefined`                                                                    | `false`     |
 
 
 ## Methods
 
-### `focus() => Promise<void>`
-
-<span class="text-red-500">**[DEPRECATED]**</span> Use kolFocus instead.<br/><br/>
-
-#### Returns
-
-Type: `Promise<void>`
-
-
-
 ### `kolFocus() => Promise<void>`
 
 

package/doc/alert.md

@@ -10,7 +10,7 @@
 | `_alert`     | `_alert`      | Defines whether the screen-readers should read out the notification.                                               | `boolean` \| `undefined`                                                  | `false`     |
 | `_hasCloser` | `_has-closer` | Defines whether the element can be closed.                                                                         | `boolean` \| `undefined`                                                  | `false`     |
 | `_label`     | `_label`      | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string` \| `undefined`                                                   | `undefined` |
-| `_level`     | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                          | `1`         |
+| `_level`     | `_level`      | Defines which H-level from 1-6 the heading has. 0 specifies no heading and is shown as bold text.                  | `0` \| `1` \| `2` \| `3` \| `4` \| `5` \| `6` \| `undefined`                          | `0`         |
 | `_on`        | --            | Gibt die EventCallback-Function für das Schließen des Alerts an.                                                   | `undefined` \| `{ onClose?: EventCallback<Event>` \| `undefined; }`         | `undefined` |
 | `_type`      | `_type`       | Defines either the type of the component or of the components interactive element.                                 | `"default"` \| `"error"` \| `"info"` \| `"success"` \| `"warning"` \| `undefined` | `'default'` |
 | `_variant`   | `_variant`    | Defines which variant should be used for presentation.                                                             | `"card"` \| `"msg"` \| `undefined`                                          | `'msg'`     |