@public-ui/components 1.6.0-rc.9 → 1.6.1

package/dist/types/components/split-button/component.d.ts

@@ -1,12 +1,21 @@
 import { JSX } from '../../stencil-public-runtime';
-import { KoliBriSplitButtonAPI, KoliBriSplitButtonCallback, KoliBriSplitButtonAStates } from './types';
-import { Align, AriaCurrent } from '../../types/props';
-import { AlternativButtonLinkRole, KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-export declare class KolSplitButton implements KoliBriSplitButtonAPI {
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
+import { ButtonTypePropType } from '../../types/props/button-type';
+import { ButtonVariantPropType } from '../../types/props/button-variant';
+import { CustomClassPropType } from '../../types/props/custom-class';
+import { IconPropType } from '../../types/props/icon';
+import { LabelPropType } from '../../types/props/label';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { StencilUnknown } from '../../types/unknown';
+import { API, States } from './types';
+export declare class KolSplitButton implements API {
   private dropdown;
   private dropdownContent;
-  private readonly clickHandler;
+  private readonly clickButtonHandler;
+  private readonly clickToggleHandler;
   private readonly openDropdown;
   private readonly closeDropdown;
   private readonly toggleDropdown;
@@ -16,48 +25,26 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
-  _customClass?: string;
+  _customClass?: CustomClassPropType;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: string;
-  _iconOnly?: boolean;
-  _label: string;
-  _on?: {
-    onClick: KoliBriSplitButtonCallback;
-  };
-  _role?: AlternativButtonLinkRole;
+  _icon?: IconPropType;
+  _id?: string;
+  _label: LabelPropType;
+  _name?: string;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _showDropdown?: boolean;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
-  _value?: Stringified<unknown>;
-  _variant?: KoliBriButtonVariant;
-  state: KoliBriSplitButtonAStates;
-  validateAccessKey(value?: string): void;
-  validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
-  validateAriaExpanded(value?: boolean): void;
-  validateAriaLabel(value?: string): void;
-  validateAriaSelected(value?: boolean): void;
-  validateCustomClass(value?: string): void;
-  validateDisabled(value?: boolean): void;
-  validateHideLabel(value?: boolean): void;
-  validateIcon(value?: string): void;
-  validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
-  validateOn(value?: {
-    onClick: KoliBriSplitButtonCallback;
-  }): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
+  _value?: Stringified<StencilUnknown>;
+  _variant?: ButtonVariantPropType;
+  state: States;
   validateShowDropdown(value?: boolean): void;
-  validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Align): void;
-  validateType(value?: KoliBriButtonType): void;
-  validateValue(value?: Stringified<unknown>): void;
-  validateVariant(value?: KoliBriButtonVariant): void;
   componentWillLoad(): void;
 }

package/dist/types/components/split-button/types.d.ts

@@ -1,23 +1,24 @@
 import { Generic } from '@a11y-ui/core';
-import { PropLabel } from '../../types/props';
-export type KoliBriSplitButtonCallback = (e: Event) => void;
+import { StencilUnknown } from '../../components';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
+import { PropButtonVariant } from '../../types/props/button-variant';
+import { PropIcon } from '../../types/props/icon';
+import { PropLabel } from '../../types/props/label';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  icon: string;
-  on?: {
-    onClick: KoliBriSplitButtonCallback;
-  };
+  on?: ButtonCallbacksPropType<StencilUnknown>;
   showDropdown: boolean;
-};
-type RequiredStates = PropLabel & {
+} & PropAlternativeButtonLinkRole & PropIcon & PropTooltipAlign & PropButtonVariant;
+type RequiredStates = {
   showDropdown: boolean;
-  on: {
-    onClick?: KoliBriSplitButtonCallback;
-  };
 };
-type OptionalStates = {
-  icon: string;
+type OptionalStates = NonNullable<unknown>;
+type RequiredWatchers = RequiredStates;
+type OptionalWatchers = OptionalStates;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.Component & Generic.Element.Members<RequiredProps, OptionalProps> & Generic.Element.Watchers<RequiredWatchers, OptionalWatchers> & {
+  readonly state: Generic.Element.Members<RequiredStates, OptionalStates>;
 };
-export type KoliBriSplitButtonAStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriSplitButtonAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/components/symbol/component.d.ts

@@ -1,13 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { KoliBriSymbolAPI, KoliBriSymbolStates } from './types';
-export declare class KolSymbol implements KoliBriSymbolAPI {
+import { LabelPropType } from '../../types/props/label';
+import { API, Statest } from './types';
+export declare class KolSymbol implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
-  _label?: string;
+  _label?: LabelPropType;
   _symbol: string;
-  state: KoliBriSymbolStates;
+  state: Statest;
   validateAriaLabel(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateSymbol(value?: string): void;
   componentWillLoad(): void;
 }

package/dist/types/components/symbol/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { KoliBriSymbolProps } from '../types';
-export declare const getSymbolHtml: (props: KoliBriSymbolProps) => string;
+import { Props } from '../types';
+export declare const getSymbolHtml: (props: Props) => string;

package/dist/types/components/symbol/types.d.ts

@@ -1,13 +1,13 @@
 import { Generic } from '@a11y-ui/core';
-import { PropLabel } from '../../types/props';
-import { PropAriaLabel } from '../../types/props';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
 type RequiredProps = {
   symbol: string;
 };
 type OptionalProps = PropAriaLabel & PropLabel;
-export type KoliBriSymbolProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps & PropLabel;
-type OptionalStates = OptionalProps;
-export type KoliBriSymbolStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriSymbolAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps;
+type OptionalStates = PropLabel;
+export type Statest = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,7 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { KoliBriTableAPI, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableStates } from './types';
-export declare class KolTable implements KoliBriTableAPI {
+import { LabelPropType } from '../../types/props/label';
+import { API, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, States } from './types';
+export declare class KolTable implements API {
   private horizontal;
   private sortFunction?;
   private sortDirections;
@@ -9,18 +10,22 @@ export declare class KolTable implements KoliBriTableAPI {
   private pageStartSlice;
   private pageEndSlice;
   private disableSort;
-  _caption: string;
+  private sortedColumnHead;
+  private ariaLive;
+  _caption?: string;
   _data: Stringified<KoliBriTableDataType[]>;
   _dataFoot?: Stringified<KoliBriTableDataType[]>;
   _headers: Stringified<KoliBriTableHeaders>;
+  _label?: string;
   _minWidth?: string;
   _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
-  state: KoliBriTableStates;
+  state: States;
   validateCaption(value?: string): void;
   validateData(value?: Stringified<KoliBriTableDataType[]>): void;
   validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
   private setSortDirection;
   validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
+  validateLabel(value?: LabelPropType): void;
   validateMinWidth(value?: string): void;
   private readonly handlePagination;
   private readonly beforePatchPagination;

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

@@ -1,6 +1,12 @@
 import { Generic } from '@a11y-ui/core';
-import { Stringified } from '../../components';
+import { Stringified } from '../../types/common';
+import { PropLabel } from '../../types/props/label';
 import { KoliBriPaginationProps } from '../pagination/types';
+export type KoliBriTableSelectedHead = {
+  key: string;
+  label: string;
+  sortDirection: KoliBriSortDirection;
+};
 export type KoliBriTableRender = <T>(domNode: HTMLElement, cell: KoliBriTableCell, tupel: T, data: T[]) => string | void;
 type KoliBriTableSort = <T>(data: T[]) => T[];
 export type KoliBriSortDirection = 'ASC' | 'DESC' | 'NOS';
@@ -39,27 +45,26 @@ type KoliBriTablePaginationStates = Generic.Element.Members<{
   total: number;
 }, KoliBriPaginationProps>;
 type RequiredProps = {
-  caption: string;
   data: Stringified<KoliBriTableDataType[]>;
   headers: Stringified<KoliBriTableHeaders>;
 };
 type OptionalProps = {
+  caption: string;
   dataFoot: Stringified<KoliBriTableDataType[]>;
   minWidth: string;
   pagination: boolean | Stringified<KoliBriTablePaginationProps>;
-};
+} & PropLabel;
 type RequiredStates = {
-  caption: string;
   data: KoliBriTableDataType[];
   dataFoot: KoliBriTableDataType[];
   headers: KoliBriTableHeaders;
   pagination: KoliBriTablePaginationStates;
   sortedData: KoliBriTableDataType[];
-};
+} & PropLabel;
 type OptionalStates = {
   minWidth: string;
   sortDirection: KoliBriSortDirection;
 };
-export type KoliBriTableStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriTableAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,8 +1,9 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { Align } from '../../types/props';
-import { KoliBriTabsAPI, KoliBriTabsCallbacks, KoliBriTabsStates, TabButtonProps } from './types';
-export declare class KolTabs implements KoliBriTabsAPI {
+import { AlignPropType } from '../../types/props/align';
+import { LabelPropType } from '../../types/props/label';
+import { API, KoliBriTabsCallbacks, States, TabButtonProps } from './types';
+export declare class KolTabs implements API {
   private readonly host?;
   private tabPanelsElement?;
   private onCreateLabel;
@@ -17,21 +18,23 @@ export declare class KolTabs implements KoliBriTabsAPI {
   private tabPanelHost?;
   private readonly catchTabPanelHost;
   render(): JSX.Element;
+  _align?: AlignPropType;
   _ariaLabel?: string;
-  _label?: string;
+  _label?: LabelPropType;
   _on?: KoliBriTabsCallbacks;
   _selected?: number;
   _tabs: Stringified<TabButtonProps[]>;
-  _tabsAlign?: Align;
-  state: KoliBriTabsStates;
+  _tabsAlign?: AlignPropType;
+  state: States;
   private selectNextNotDisabledTab;
   private syncSelectedAndTabs;
+  validateAlign(value?: AlignPropType): void;
   validateAriaLabel(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateOn(value?: KoliBriTabsCallbacks): void;
   validateSelected(value?: number): void;
   validateTabs(value?: Stringified<TabButtonProps[]>): void;
-  validateTabsAlign(value?: Align): void;
+  validateTabsAlign(value?: AlignPropType): void;
   componentWillLoad(): void;
   private readonly handleTabPanels;
   componentDidRender(): void;

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

@@ -1,9 +1,14 @@
 import { Generic } from '@a11y-ui/core';
-import { Align, KoliBriIconProp, Stringified } from '../../components';
-import { PropHideLabel, PropLabel } from '../../types/props';
-import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
 import { Events } from '../../enums/events';
-import { PropAriaLabel } from '../../types/props';
+import { EventCallback, EventValueOrEventCallback } from '../../types/callbacks';
+import { Stringified } from '../../types/common';
+import { KoliBriIconProp } from '../../types/icon';
+import { AlignPropType, PropAlign } from '../../types/props/align';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropLabel } from '../../types/props/label';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropDisabled } from '../../types/props/disabled';
 export type KoliBriTabsCallbacks = {
   onCreate?: EventCallback<Event> | {
     label: string;
@@ -14,28 +19,25 @@ export type KoliBriTabsCallbacks = {
 };
 type RequiredTabButtonProps = PropLabel;
 type OptionalTabButtonProps = {
-  disabled: boolean;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
-  tooltipAlign: Align;
-} & PropHideLabel;
+} & PropDisabled & PropHideLabel & PropTooltipAlign;
 export type TabButtonProps = Generic.Element.Members<RequiredTabButtonProps, OptionalTabButtonProps>;
 type RequiredProps = {
   tabs: Stringified<TabButtonProps[]>;
 };
 type OptionalProps = {
   on: KoliBriTabsCallbacks;
-  tabsAlign: Align;
+  tabsAlign: AlignPropType;
   selected: number;
-} & PropAriaLabel & PropLabel;
+} & PropAriaLabel & PropLabel & PropAlign;
 type RequiredStates = {
-  tabsAlign: Align;
   selected: number;
   tabs: TabButtonProps[];
-} & PropLabel;
+} & PropLabel & PropAlign;
 type OptionalStates = {
   on: KoliBriTabsCallbacks;
 };
-export type KoliBriTabsStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriTabsAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,7 +1,15 @@
 import { JSX } from '../../stencil-public-runtime';
 import { InputTypeOnDefault } from '../../types/input/types';
-import { ComponentApi, CSSResize, States } from './types';
-export declare class KolTextarea implements ComponentApi {
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { RowsPropType } from '../../types/props/rows';
+import { API, CSSResize, States } from './types';
+import { AdjustHeightPropType } from '../../types/props/adjust-height';
+import { HasCounterPropType } from '../../types/props/has-counter';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolTextarea implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -15,32 +23,33 @@ export declare class KolTextarea implements ComponentApi {
   _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
-  _id?: string;
-  _label: string;
+  _id?: IdPropType;
+  _label?: LabelWithExpertSlotPropType;
   _maxLength?: number;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _placeholder?: string;
   _readOnly?: boolean;
   _resize?: CSSResize;
   _required?: boolean;
-  _rows?: number;
-  _syncValueBySelector?: string;
+  _rows?: RowsPropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;
   constructor();
   validateAccessKey(value?: string): void;
-  validateAdjustHeight(value?: boolean): void;
+  validateAdjustHeight(value?: AdjustHeightPropType): void;
   validateAlert(value?: boolean): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
-  validateHasCounter(value?: boolean): void;
+  validateHasCounter(value?: HasCounterPropType): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateMaxLength(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
@@ -48,11 +57,11 @@ export declare class KolTextarea implements ComponentApi {
   validateReadOnly(value?: boolean): void;
   validateResize(value?: CSSResize): void;
   validateRequired(value?: boolean): void;
-  validateRows(value?: number): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateRows(value?: RowsPropType): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: string): void;
   componentWillLoad(): void;
-  private readonly onChange;
+  private readonly onKeyUp;
 }

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

@@ -1,17 +1,19 @@
 import { Generic } from '@a11y-ui/core';
+import { RowsPropType } from '../../types/props/rows';
 import { InputController } from '../@deprecated/input/controller';
 import { CSSResize, Props, Watches } from './types';
+import { HasCounterPropType } from '../../types/props/has-counter';
 export declare class TextareaController extends InputController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   private afterSyncCharCounter;
-  validateHasCounter(value?: boolean): void;
+  validateHasCounter(value?: HasCounterPropType): void;
   validateMaxLength(value?: number): void;
   validatePlaceholder(value?: string): void;
   validateReadOnly(value?: boolean): void;
   validateResize(value?: CSSResize): void;
   validateRequired(value?: boolean): void;
-  validateRows(value?: number): void;
+  validateRows(value?: RowsPropType): void;
   validateValue(value?: string): void;
   componentWillLoad(): void;
 }

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

@@ -1,56 +1,50 @@
 import { Generic } from '@a11y-ui/core';
 import { InputTypeOnDefault } from '../../types/input/types';
-import { PropAdjustHeight, PropHasCounter, PropLabel } from '../../types/props';
-import { InputRequiredProps } from '../input/types';
+import { PropAdjustHeight } from '../../types/props/adjust-height';
+import { PropHasCounter } from '../../types/props/has-counter';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropRows } from '../../types/props/rows';
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropName } from '../../types/props/name';
+import { PropReadOnly } from '../../types/props/read-only';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
 export type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
-type RequiredProps = InputRequiredProps;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   placeholder: string;
-  readOnly: boolean;
   resize: CSSResize;
-  required: boolean;
-  rows: number;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   value: string;
-} & PropAdjustHeight & PropHasCounter;
+} & PropAdjustHeight & PropDisabled & PropHasCounter & PropHideLabel & PropLabelWithExpertSlot & PropName & PropReadOnly & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   adjustHeight: boolean;
   currentLength: number;
-  id: string;
   hasValue: boolean;
   resize: CSSResize;
-} & PropAdjustHeight & PropLabel;
+} & PropId & PropAdjustHeight & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
-  rows: number;
   tabIndex: number;
-  touched: boolean;
   value: string;
-} & PropHasCounter;
+} & PropDisabled & PropHasCounter & PropHideLabel & PropName & PropReadOnly & PropRequired & PropRows & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/components/toast/component.d.ts

@@ -1,24 +1,29 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AlertType } from '../alert/types';
 import { HeadingLevel } from '../../types/heading-level';
+import { HasCloserPropType } from '../../types/props/has-closer';
+import { LabelPropType } from '../../types/props/label';
+import { ShowPropType } from '../../types/props/show';
 import { KoliBriToastEventCallbacks } from '../../types/toast';
-import { KoliBriToastAPI, KoliBriToastStates } from './types';
-export declare class KolToast implements KoliBriToastAPI {
+import { AlertType } from '../alert/types';
+import { API, States } from './types';
+export declare class KolToast implements API {
   _alert?: boolean;
   _hasCloser?: boolean;
   _heading?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
   _on?: KoliBriToastEventCallbacks;
   _show?: boolean;
   _showDuration?: number;
   _type?: AlertType;
-  state: KoliBriToastStates;
+  state: States;
   validateAlert(value?: boolean): void;
-  validateHasCloser(value?: boolean): void;
+  validateHasCloser(value?: HasCloserPropType): void;
   validateHeading(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateOn(value?: KoliBriToastEventCallbacks): void;
-  validateShow(value?: boolean): void;
+  validateShow(value?: ShowPropType): void;
   validateShowDuration(value?: number): void;
   validateType(value?: AlertType): void;
   componentWillLoad(): void;

package/dist/types/components/toast/test/html.mock.d.ts

@@ -1,2 +1,2 @@
-import { KoliBriToastProps } from '../types';
-export declare const getToastHtml: (props: KoliBriToastProps) => string;
+import { Props } from '../types';
+export declare const getToastHtml: (props: Props) => string;

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

@@ -1,15 +1,20 @@
+import { LabelPropType } from '../../types/props/label';
 import { AlertType } from '../alert/types';
 type Toast = {
-  heading: string;
   description: string;
+  heading?: string;
+  label?: LabelPropType;
   type: AlertType;
 };
 export declare class ToasterService {
   private readonly document;
-  private readonly toastElement;
+  private static readonly instances;
+  private toastElement?;
   private readonly queue;
   private isOpen;
-  constructor(document: Document);
+  private constructor();
+  static getInstance(document: Document): ToasterService;
+  dispose(): void;
   enqueue(data: Toast): void;
   private showToast;
 }

package/dist/types/components/toast/types.d.ts

@@ -1,7 +1,11 @@
 import { Generic } from '@a11y-ui/core';
-import { AlertType, HeadingLevel, KoliBriToastEventCallbacks } from '../../components';
-import { PropHasCloser, PropShow } from '../../types/props';
-type RequiredProps = unknown;
+import { HeadingLevel } from '../../types/heading-level';
+import { PropHasCloser } from '../../types/props/has-closer';
+import { PropLabel } from '../../types/props/label';
+import { PropShow } from '../../types/props/show';
+import { KoliBriToastEventCallbacks } from '../../types/toast';
+import { AlertType } from '../alert/types';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   alert: boolean;
   heading: string;
@@ -9,10 +13,10 @@ type OptionalProps = {
   on: KoliBriToastEventCallbacks;
   showDuration: number;
   type: AlertType;
-} & PropHasCloser & PropShow;
-export type KoliBriToastProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+} & PropHasCloser & PropShow & PropLabel;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
-export type KoliBriToastStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriToastAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};