@public-ui/components 2.0.0-rc.1 → 2.0.0-rc.11

package/dist/types/components/input-range/component.d.ts

@@ -14,6 +14,8 @@ export declare class KolInputRange implements API {
   private readonly host?;
   private ref?;
   private readonly catchInputNumberRef;
+  private getSanitizedFloatValue;
+  getValue(): Promise<number | undefined>;
   private readonly onChange;
   private readonly onKeyUp;
   render(): JSX.Element;
@@ -28,7 +30,7 @@ export declare class KolInputRange implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _max?: number;
   _min?: number;
   _name?: NamePropType;

package/dist/types/components/input-text/component.d.ts

@@ -20,6 +20,7 @@ export declare class KolInputText implements API {
   private readonly catchRef;
   private readonly onKeyUp;
   private readonly onChange;
+  getValue(): Promise<string | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
@@ -33,7 +34,7 @@ export declare class KolInputText implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;

package/dist/types/components/link/ariaCurrentService.d.ts

@@ -0,0 +1,5 @@
+type LocationChangeCallback = (location: string) => void;
+export type UnsubscribeFunction = () => void;
+export declare const setCurrentLocation: (location: string) => void;
+export declare const onLocationChange: (callback: LocationChangeCallback, eager?: boolean) => UnsubscribeFunction;
+export {};

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

@@ -2,7 +2,6 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconsProp } from '../../types/icons';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { DownloadPropType } from '../../types/props/download';
 import { HrefPropType } from '../../types/props/href';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
@@ -11,19 +10,23 @@ import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { States as LinkStates } from '../link/types';
 import { API } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
+import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
 export declare class KolLinkWc implements API {
   private readonly host?;
   private ref?;
+  private unsubscribeOnLocationChange?;
   private readonly catchRef;
   private readonly onClick;
   private readonly getRenderValues;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
+  _ariaCurrentValue?: AriaCurrentValuePropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
   _icons?: Stringified<KoliBriIconsProp>;
   _label?: LabelWithExpertSlotPropType;
-  _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacksPropType;
   _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;
@@ -31,13 +34,13 @@ export declare class KolLinkWc implements API {
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignPropType;
   state: LinkStates;
-  private validateAriaCurrent;
+  validateAccessKey(value?: AccessKeyPropType): void;
+  validateAriaCurrentValue(value?: AriaCurrentValuePropType): void;
   validateDownload(value?: DownloadPropType): void;
   validateHideLabel(value?: boolean): void;
   validateHref(value?: string): void;
   validateIcons(value?: KoliBriIconsProp): void;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
-  validateListenAriaCurrent(value?: AriaCurrentPropType): void;
   validateOn(value?: LinkOnCallbacksPropType): void;
   validateRole(value?: AlternativeButtonLinkRolePropType): void;
   validateTabIndex(value?: number): void;
@@ -45,6 +48,5 @@ export declare class KolLinkWc implements API {
   validateTargetDescription(value?: string): void;
   validateTooltipAlign(value?: TooltipAlignPropType): void;
   componentWillLoad(): void;
-  private unsubscribeAriaCurrentSubject;
   disconnectedCallback(): void;
 }

package/dist/types/components/link/shadow.d.ts

@@ -2,7 +2,6 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconsProp } from '../../types/icons';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { DownloadPropType } from '../../types/props/download';
 import { HrefPropType } from '../../types/props/href';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
@@ -10,17 +9,19 @@ import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
 import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { LinkProps } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
+import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
 export declare class KolLink implements LinkProps {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
+  _ariaCurrentValue?: AriaCurrentValuePropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
   _icons?: Stringified<KoliBriIconsProp>;
   _label?: LabelWithExpertSlotPropType;
-  _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacksPropType;
   _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;

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

@@ -1,6 +1,6 @@
 import { Generic } from '@a11y-ui/core';
 import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
-import { PropAriaCurrent, PropListenAriaCurrent } from '../../types/props/aria-current';
+import { PropAriaCurrentValue } from '../../types/props/aria-current-value';
 import { PropDownload } from '../../types/props/download';
 import { PropHref } from '../../types/props/href';
 import { PropIcons } from '../../types/props/icons';
@@ -9,14 +9,17 @@ import { PropLinkOnCallbacks } from '../../types/props/link-on-callbacks';
 import { PropLinkTarget } from '../../types/props/link-target';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 import { PropHideLabel } from '../../types/props/hide-label';
+import { PropAccessKey } from '../../types/props/access-key';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
   targetDescription: string;
   tabIndex: number;
-} & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropListenAriaCurrent & PropTooltipAlign;
+} & PropAccessKey & PropAriaCurrentValue & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropTooltipAlign;
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = PropIcons & PropHref;
-type OptionalStates = PropAriaCurrent & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & PropLabelWithExpertSlot;
+type RequiredStates = PropAriaCurrentValue & PropIcons & PropHref;
+type OptionalStates = {
+  ariaCurrent: string;
+} & Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,6 +1,5 @@
 import { JSX } from '../../stencil-public-runtime';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { ButtonVariantPropType } from '../../types/props/button-variant';
 import { CustomClassPropType } from '../../types/props/custom-class';
 import { DownloadPropType } from '../../types/props/download';
@@ -11,18 +10,20 @@ import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
 import { LinkTargetPropType } from '../../types/props/link-target';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
+import { AriaCurrentValuePropType } from '../../types/props/aria-current-value';
 export declare class KolLinkButton implements Props {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
+  _ariaCurrentValue?: AriaCurrentValuePropType;
   _customClass?: CustomClassPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
   _icons?: IconsPropType;
   _label: LabelWithExpertSlotPropType;
-  _listenAriaCurrent?: AriaCurrentPropType;
   _on?: LinkOnCallbacksPropType;
   _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;

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

@@ -2,7 +2,6 @@ import { JSX } from '../../stencil-public-runtime';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { CollapsiblePropType } from '../../types/props/collapsible';
 import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelPropType } from '../../types/props/label';
@@ -15,15 +14,15 @@ export declare class KolNav implements API {
   private li;
   private linkList;
   render(): JSX.Element;
-  _ariaCurrentValue: AriaCurrentPropType;
   _collapsible?: boolean;
+  _hasCompactButton?: boolean;
   _hideLabel?: boolean;
   _label: LabelPropType;
   _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
   _orientation?: Orientation;
   state: States;
-  validateAriaCurrentValue(value?: AriaCurrentPropType): void;
   validateCollapsible(value?: CollapsiblePropType): void;
+  validateHasCompactButton(value?: boolean): void;
   validateHideLabel(value?: HideLabelPropType): void;
   validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
   validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void;

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

@@ -2,22 +2,20 @@ import { Generic } from '@a11y-ui/core';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { PropCollapsible } from '../../types/props/collapsible';
+import { PropHasCompactButton } from '../../types/props/has-compact-button';
 import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabel } from '../../types/props/label';
 type RequiredProps = {
   links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 } & PropLabel;
 type OptionalProps = {
-  ariaCurrentValue: AriaCurrentPropType;
   orientation: Orientation;
-} & PropCollapsible & PropHideLabel;
+} & PropCollapsible & PropHasCompactButton & PropHideLabel;
 type RequiredStates = {
-  ariaCurrentValue: AriaCurrentPropType;
   links: ButtonOrLinkOrTextWithChildrenProps[];
   orientation: Orientation;
-} & PropCollapsible & PropLabel & PropHideLabel;
+} & PropCollapsible & PropHasCompactButton & PropLabel & PropHideLabel;
 type OptionalStates = NonNullable<unknown>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,6 +1,5 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { ButtonVariantPropType } from '../../types/props/button-variant';
 import { CustomClassPropType } from '../../types/props/custom-class';
 import { LabelPropType } from '../../types/props/label';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
@@ -22,7 +21,6 @@ export declare class KolPagination implements API {
   _siblingCount?: number;
   _tooltipAlign?: TooltipAlignPropType;
   _max: MaxPropType;
-  _variant?: ButtonVariantPropType;
   state: States;
   private onClick;
   private onChangePage;
@@ -47,7 +45,6 @@ export declare class KolPagination implements API {
   validateSiblingCount(value?: number): void;
   validateMax(value?: MaxPropType): void;
   validateTooltipAlign(value?: TooltipAlignPropType): void;
-  validateVariant(value?: ButtonVariantPropType): void;
   componentWillLoad(): void;
   disconnectedCallback(): void;
 }

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

@@ -3,11 +3,10 @@ import { Events } from '../../enums/events';
 import { EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
 import { Option } from '../../types/input/types';
-import { PropButtonVariant } from '../../types/props/button-variant';
-import { PropCustomClass } from '../../types/props/custom-class';
 import { PropLabel } from '../../types/props/label';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 import { PropMax } from '../../types/props/max';
+import { PropCustomClass } from '../../types/props/custom-class';
 export type KoliBriPaginationButtonCallbacks = {
   [Events.onClick]?: EventValueOrEventCallback<Event, number>;
   onChangePage?: EventValueOrEventCallback<Event, number>;
@@ -29,7 +28,7 @@ type OptionalProps = {
   pageSize: number;
   pageSizeOptions: Stringified<number[]>;
   siblingCount: number;
-} & PropButtonVariant & PropCustomClass & PropLabel & PropTooltipAlign;
+} & PropCustomClass & PropLabel & PropTooltipAlign;
 export type KoliBriPaginationProps = RequiredProps & OptionalProps;
 type RequiredStates = {
   boundaryCount: number;
@@ -39,7 +38,7 @@ type RequiredStates = {
   pageSizeOptions: Option<number>[];
   on: KoliBriPaginationButtonCallbacks;
   siblingCount: number;
-} & PropButtonVariant & PropLabel & PropMax;
+} & PropLabel & PropMax;
 type OptionalStates = PropCustomClass & PropTooltipAlign;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -7,8 +7,6 @@ export declare class KolPopover implements API {
   private popoverElement?;
   private triggerElement?;
   private host?;
-  private alignPopover;
-  private setPosition;
   private showPopover;
   private hidePopover;
   private hidePopoverByEscape;

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

@@ -1,7 +1,8 @@
 import { Generic } from '@a11y-ui/core';
 import { PropHref } from '../../types/props/href';
 import { PropLabel } from '../../types/props/label';
-export type KoliBriQuoteVariant = 'block' | 'inline';
+export declare const koliBriQuoteVariantOptions: readonly ["block", "inline"];
+export type KoliBriQuoteVariant = (typeof koliBriQuoteVariantOptions)[number];
 type RequiredProps = {
   quote: string;
 } & PropHref;

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

@@ -16,6 +16,7 @@ export declare class KolSelect implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<Stringified<W3CInputValue[]> | undefined>;
   private renderOptgroup;
   render(): JSX.Element;
   private readonly controller;
@@ -28,7 +29,7 @@ export declare class KolSelect implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _multiple?: boolean;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;

package/dist/types/components/span/InternalUnderlinedAccessKey.d.ts

@@ -0,0 +1,6 @@
+type Props = {
+  accessKey: string;
+  label: string;
+};
+export declare const InternalUnderlinedAccessKey: ({ accessKey, label }: Props) => any;
+export {};

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

@@ -4,13 +4,16 @@ import { KoliBriIconsProp } from '../../types/icons';
 import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolSpanWc implements API {
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _allowMarkdown?: boolean;
   _hideLabel?: boolean;
   _icons?: Stringified<KoliBriIconsProp>;
   _label: LabelWithExpertSlotPropType;
   state: States;
+  validateAccessKey(value?: AccessKeyPropType): void;
   validateAllowMarkdown(value?: boolean): void;
   validateHideLabel(value?: HideLabelPropType): void;
   validateIcons(value?: KoliBriIconsProp): void;

package/dist/types/components/span/shadow.d.ts

@@ -3,8 +3,10 @@ import { Stringified } from '../../types/common';
 import { KoliBriIconsProp } from '../../types/icons';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolSpan implements Props {
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _hideLabel?: boolean;
   _icons?: Stringified<KoliBriIconsProp>;
   _label: LabelWithExpertSlotPropType;

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

@@ -5,6 +5,7 @@ type Slots = {
 } & Record<string, undefined | string>;
 export type SpanOptions = {
   additionalAttrs?: string;
+  additionalClassNames?: string[];
 };
 export declare const getSpanWcHtml: (props: Props, slots?: Slots, options?: SpanOptions) => string;
 export declare const getSpanHtml: (props: Props, slots?: Slots) => string;

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

@@ -3,11 +3,12 @@ import { Stringified } from '../../types/common';
 import { KoliBriCustomIcon, KoliBriIconsProp } from '../../types/icons';
 import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropAccessKey } from '../../types/props/access-key';
 type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   allowMarkdown: boolean;
   icons: Stringified<KoliBriIconsProp>;
-} & PropHideLabel;
+} & PropHideLabel & PropAccessKey;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   allowMarkdown: boolean;
@@ -18,7 +19,7 @@ type RequiredStates = {
     left?: KoliBriCustomIcon;
   };
 } & PropLabelWithExpertSlot;
-type OptionalStates = PropHideLabel;
+type OptionalStates = PropHideLabel & PropAccessKey;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -6,12 +6,14 @@ export declare class KolTable implements API {
   private horizontal;
   private sortFunction?;
   private sortDirections;
+  private sortData;
   private showPagination;
   private pageStartSlice;
   private pageEndSlice;
   private disableSort;
   private sortedColumnHead;
   private ariaLive;
+  _allowMultiSort?: boolean;
   _data: Stringified<KoliBriTableDataType[]>;
   _dataFoot?: Stringified<KoliBriTableDataType[]>;
   _headers: Stringified<KoliBriTableHeaders>;
@@ -19,9 +21,11 @@ export declare class KolTable implements API {
   _minWidth?: string;
   _pagination?: boolean | Stringified<KoliBriTablePaginationProps>;
   state: States;
+  validateAllowMultiSort(value?: boolean): void;
   validateData(value?: Stringified<KoliBriTableDataType[]>): void;
   validateDataFoot(value?: Stringified<KoliBriTableDataType[]>): void;
   private setSortDirection;
+  private changeCellSort;
   validateHeaders(value?: Stringified<KoliBriTableHeaders>): void;
   validateLabel(value?: LabelPropType): void;
   validateMinWidth(value?: string): void;

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

@@ -11,6 +11,7 @@ export type KoliBriTableRender = <T>(domNode: HTMLElement, cell: KoliBriTableCel
 type KoliBriTableSort = <T>(data: T[]) => T[];
 export type KoliBriSortDirection = 'ASC' | 'DESC' | 'NOS';
 export type KoliBriSortFunction = (data: KoliBriTableDataType[]) => KoliBriTableDataType[];
+export type KoliBriDataCompareFn = (a: KoliBriTableDataType, b: KoliBriTableDataType) => number;
 export type KoliBriTableDataType = Record<string, unknown>;
 type KoliBriTableCellTextAlign = 'center' | 'left' | 'right' | 'justify';
 export type KoliBriTableCell = {
@@ -26,6 +27,7 @@ export type KoliBriTableCell = {
 export type KoliBriTableHeaderCell = {
   asTd?: boolean;
   key?: string;
+  compareFn?: KoliBriDataCompareFn;
   sort?: KoliBriTableSort;
   sortDirection?: KoliBriSortDirection;
   textAlign?: KoliBriTableCellTextAlign;
@@ -49,11 +51,13 @@ type RequiredProps = {
   headers: Stringified<KoliBriTableHeaders>;
 } & PropLabel;
 type OptionalProps = {
+  allowMultiSort: boolean;
   dataFoot: Stringified<KoliBriTableDataType[]>;
   minWidth: string;
   pagination: boolean | Stringified<KoliBriTablePaginationProps>;
 };
 type RequiredStates = {
+  allowMultiSort: boolean;
   data: KoliBriTableDataType[];
   dataFoot: KoliBriTableDataType[];
   headers: KoliBriTableHeaders;

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

@@ -14,6 +14,7 @@ export declare class KolTextarea implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
+  getValue(): Promise<string | undefined>;
   render(): JSX.Element;
   private readonly controller;
   _accessKey?: string;
@@ -26,7 +27,7 @@ export declare class KolTextarea implements API {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;

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

@@ -13,7 +13,8 @@ import { PropRequired } from '../../types/props/required';
 import { PropRows } from '../../types/props/rows';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTouched } from '../../types/props/touched';
-export type CSSResize = 'both' | 'horizontal' | 'vertical' | 'none';
+export declare const cssResizeOptions: readonly ["both", "horizontal", "vertical", "none"];
+export type CSSResize = (typeof cssResizeOptions)[number];
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   accessKey: string;

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

@@ -0,0 +1,8 @@
+import { ToastState } from './types';
+type Props = {
+  toastState: ToastState;
+  onClose: () => void;
+  key: string;
+};
+export declare const InternalToast: ({ toastState, onClose, key }: Props) => any;
+export {};

package/dist/types/components/{toast-container → toaster}/component.d.ts

@@ -2,8 +2,8 @@ import { JSX } from '../../stencil-public-runtime';
 import { API, States, Toast } from './types';
 export declare class KolToastContainer implements API {
   state: States;
-  enqueue(toast: Toast): Promise<void>;
+  enqueue(toast: Toast): Promise<() => void>;
   private handleClose;
-  private handleCloseAllClick;
+  closeAll(): Promise<void>;
   render(): JSX.Element;
 }

package/dist/types/components/{toast → toaster}/toaster.d.ts

@@ -1,4 +1,4 @@
-import { Toast } from '../toast-container/types';
+import { Toast } from './types';
 export declare class ToasterService {
   private readonly document;
   private static readonly instances;
@@ -6,5 +6,6 @@ export declare class ToasterService {
   private constructor();
   static getInstance(document: Document): ToasterService;
   dispose(): void;
-  enqueue(toast: Toast): Promise<void>;
+  enqueue(toast: Toast): Promise<() => void> | undefined;
+  closeAll(): void;
 }

package/dist/types/components/{toast-container → toaster}/types.d.ts

@@ -1,10 +1,13 @@
 import { Generic } from '@a11y-ui/core';
 import { LabelPropType } from '../../types/props/label';
 import { AlertType } from '../alert/types';
-export declare const toastStatusOptions: readonly ["adding", "settled", "removing"];
-export type ToastStatus = (typeof toastStatusOptions)[number];
+declare const toastStatusOptions: readonly ["adding", "settled", "removing"];
+type ToastStatus = (typeof toastStatusOptions)[number];
 export type Toast = {
-  description: string;
+  description?: string;
+  render?: (nodeRef: HTMLElement, options: {
+    close: () => void;
+  }) => void;
   label: LabelPropType;
   type: AlertType;
 };

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

@@ -3,6 +3,7 @@ import { AlignPropType } from '../../types/props/align';
 import { IdPropType } from '../../types/props/id';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolTooltip implements API {
   private host;
   private arrowElement?;
@@ -19,10 +20,12 @@ export declare class KolTooltip implements API {
   private catchTooltipElement;
   private catchArrowElement;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _align?: AlignPropType;
   _id?: IdPropType;
   _label: LabelPropType;
   state: States;
+  validateAccessKey(value?: AccessKeyPropType): void;
   validateAlign(value?: AlignPropType): void;
   validateId(value?: IdPropType): void;
   validateLabel(value?: LabelPropType): void;

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

@@ -2,11 +2,12 @@ import { Generic } from '@a11y-ui/core';
 import { PropAlign } from '../../types/props/align';
 import { PropId } from '../../types/props/id';
 import { PropLabel } from '../../types/props/label';
+import { PropAccessKey } from '../../types/props/access-key';
 type RequiredProps = PropLabel;
-type OptionalProps = PropAlign & PropId;
+type OptionalProps = PropAccessKey & PropAlign & PropId;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps & OptionalProps;
-type OptionalStates = NonNullable<unknown>;
+type RequiredStates = PropLabel & PropAlign & PropId;
+type OptionalStates = PropAccessKey;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};