@public-ui/components 2.0.0-rc.0 → 2.0.0-rc.10

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

@@ -4,7 +4,9 @@ import { LabelPropType } from '../../types/props/label';
 import { OpenPropType } from '../../types/props/open';
 import { API, KoliBriAccordionCallbacks, States } from './types';
 export declare class KolAccordion implements API {
+  private readonly host?;
   private readonly nonce;
+  private readonly catchRef;
   render(): JSX.Element;
   _label: string;
   _level?: HeadingLevel;

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

@@ -4,8 +4,10 @@ import { HeadingLevel } from '../../types/heading-level';
 import { PropAlert } from '../../types/props/alert';
 import { PropHasCloser } from '../../types/props/has-closer';
 import { PropLabel } from '../../types/props/label';
-export type AlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
-export type AlertVariant = 'card' | 'msg';
+export declare const alertTypeOptions: readonly ["default", "info", "success", "warning", "error"];
+export type AlertType = (typeof alertTypeOptions)[number];
+export declare const alertVariantOptions: readonly ["card", "msg"];
+export type AlertVariant = (typeof alertVariantOptions)[number];
 export type KoliBriAlertEventCallbacks = {
   onClose?: EventCallback<Event>;
 };

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

@@ -13,6 +13,7 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { API } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButtonWc implements API {
   private readonly host?;
   private ref?;
@@ -20,6 +21,7 @@ export declare class KolButtonWc implements API {
   private readonly onClick;
   render(): JSX.Element;
   private readonly controller;
+  _accessKey?: AccessKeyPropType;
   _ariaControls?: string;
   _ariaExpanded?: boolean;
   _ariaSelected?: boolean;
@@ -40,6 +42,7 @@ export declare class KolButtonWc implements API {
   _variant?: ButtonVariantPropType;
   state: ButtonStates;
   constructor();
+  validateAccessKey(value?: AccessKeyPropType): void;
   validateAriaControls(value?: string): void;
   validateAriaExpanded(value?: boolean): void;
   validateAriaSelected(value?: boolean): void;

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

@@ -11,11 +11,12 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButton implements Props {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _ariaControls?: string;
   _ariaExpanded?: boolean;
   _ariaSelected?: boolean;

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

@@ -18,11 +18,12 @@ import { PropName } from '../../types/props/name';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
+import { PropAccessKey } from '../../types/props/access-key';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
   tabIndex: number;
   value: Stringified<StencilUnknown>;
-} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaExpanded & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaExpanded & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign & PropAccessKey;
 export type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
 export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {
   icons: KoliBriAllIcons;

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

@@ -11,11 +11,12 @@ import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-sel
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { StencilUnknown } from '../../types/unknown';
 import { Props } from './types';
+import { AccessKeyPropType } from '../../types/props/access-key';
 export declare class KolButtonLink implements Props {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _ariaControls?: string;
   _ariaExpanded?: boolean;
   _ariaSelected?: boolean;

package/dist/types/components/details/DetailsAnimationController.d.ts

@@ -10,6 +10,6 @@ export default class DetailsAnimationController {
   open(): void;
   private expand;
   private collapse;
-  private animateDetailsHeight;
+  private animateContentHeight;
   private onAnimationFinish;
 }

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

@@ -6,6 +6,7 @@ export declare class KolDetails implements API {
   private detailsElement?;
   private summaryElement?;
   private contentElement?;
+  private readonly catchRef;
   render(): JSX.Element;
   _label: LabelPropType;
   _on?: EventCallbacks;

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

@@ -1,7 +1,7 @@
 import { Props } from '../types';
 export declare const getHeadingWcHtml: (props: Props, slots?: {
-  default?: string;
+  expert?: string;
 }, additionalAttrs?: string) => string;
 export declare const getHeadingHtml: (props: Props, slots?: {
-  default?: string;
+  expert?: string;
 }) => string;

package/dist/types/components/heading/validation.d.ts

@@ -1,2 +1,3 @@
 import { Generic } from '@a11y-ui/core';
-export declare const watchHeadingLevel: (component: Generic.Element.Component, value?: number) => void;
+import { HeadingLevel } from '../../types/heading-level';
+export declare const watchHeadingLevel: (component: Generic.Element.Component, value?: HeadingLevel) => void;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcons } from '../../types/icons';
+import { AccessKeyPropType } from '../../types/props/access-key';
 import { IdPropType } from '../../types/props/id';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
@@ -14,6 +15,7 @@ export declare class KolInput implements Props {
   private catchInputSlot;
   private getIconStyles;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _alert?: boolean;
   _currentLength?: number;
   _disabled?: boolean;

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

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcons } from '../../types/icons';
+import { PropAccessKey } from '../../types/props/access-key';
 import { PropAlert } from '../../types/props/alert';
 import { PropDisabled } from '../../types/props/disabled';
 import { PropHasCounter } from '../../types/props/has-counter';
@@ -24,6 +25,6 @@ type OptionalProps = {
   maxLength: number;
   slotName: string;
   smartButton: Stringified<ButtonProps>;
-} & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
+} & PropAccessKey & PropAlert & PropDisabled & PropHasCounter & PropHideError & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTooltipAlign & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -13,7 +13,6 @@ import { StencilUnknown } from '../../types/unknown';
 import { API, InputCheckboxIconsProp, InputCheckboxVariant, States } from './types';
 export declare class KolInputCheckbox implements API {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
   private readonly controller;
@@ -28,7 +27,7 @@ export declare class KolInputCheckbox implements API {
   _icons?: Stringified<InputCheckboxIconsProp>;
   _id?: IdPropType;
   _indeterminate?: boolean;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _required?: boolean;

package/dist/types/components/input-checkbox/types.d.ts

@@ -13,7 +13,8 @@ import { PropRequired } from '../../types/props/required';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTouched } from '../../types/props/touched';
 import { StencilUnknown } from '../../types/unknown';
-export type InputCheckboxVariant = 'button' | 'default' | 'switch';
+export declare const inputCheckboxVariantOptions: readonly ["button", "default", "switch"];
+export type InputCheckboxVariant = (typeof inputCheckboxVariantOptions)[number];
 export type InputCheckboxIconsProp = {
   checked: AnyIconFontClass;
   indeterminate?: AnyIconFontClass;

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

@@ -27,7 +27,7 @@ export declare class KolInputColor implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _smartButton?: Stringified<ButtonProps>;

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

@@ -31,7 +31,7 @@ export declare class KolInputDate implements ComponentApi {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _max?: Iso8601 | Date;
   _min?: Iso8601 | Date;
   _name?: NamePropType;

package/dist/types/components/input-date/controller.d.ts

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { InputNumberType } from '../../types/input/control/number';
+import { InputDateType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { HideErrorPropType } from '../../types/props/hide-error';
@@ -29,7 +29,7 @@ export declare class InputDateController extends InputIconController implements
   validateReadOnly(value?: ReadOnlyPropType): void;
   validateRequired(value?: boolean): void;
   validateStep(value?: number): void;
-  validateType(value?: InputNumberType): void;
+  validateType(value?: InputDateType): void;
   validateValue(value?: Iso8601 | Date | null): void;
   validateValueEx(value?: Iso8601 | Date | null, afterPatch?: (v: string) => void): void;
   componentWillLoad(): void;

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

@@ -30,7 +30,7 @@ export declare class KolInputEmail implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _multiple?: boolean;
   _name?: NamePropType;

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

@@ -26,7 +26,7 @@ export declare class KolInputFile implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _multiple?: boolean;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;

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

@@ -29,7 +29,7 @@ export declare class KolInputNumber implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _max?: number | Iso8601;
   _min?: number | Iso8601;
   _name?: NamePropType;

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

@@ -28,7 +28,7 @@ export declare class KolInputPassword implements API {
   _hint?: string;
   _icons?: Stringified<KoliBriHorizontalIcons>;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;

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

@@ -14,7 +14,6 @@ import { W3CInputValue } from '../../types/w3c';
 import { API, States } from './types';
 export declare class KolInputRadio implements API {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
   private readonly controller;
@@ -26,7 +25,7 @@ export declare class KolInputRadio implements API {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: IdPropType;
-  _label?: LabelWithExpertSlotPropType;
+  _label: LabelWithExpertSlotPropType;
   _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _options?: OptionsPropType;

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

@@ -28,7 +28,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

@@ -33,7 +33,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/component.d.ts

@@ -11,6 +11,7 @@ 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';
 export declare class KolLinkWc implements API {
   private readonly host?;
   private ref?;
@@ -18,6 +19,7 @@ export declare class KolLinkWc implements API {
   private readonly onClick;
   private readonly getRenderValues;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;
@@ -31,6 +33,7 @@ export declare class KolLinkWc implements API {
   _targetDescription?: string;
   _tooltipAlign?: TooltipAlignPropType;
   state: LinkStates;
+  validateAccessKey(value?: AccessKeyPropType): void;
   private validateAriaCurrent;
   validateDownload(value?: DownloadPropType): void;
   validateHideLabel(value?: boolean): void;

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

@@ -10,11 +10,12 @@ 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';
 export declare class KolLink implements LinkProps {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: HrefPropType;

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

@@ -9,11 +9,12 @@ 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 & PropAlternativeButtonLinkRole & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropListenAriaCurrent & PropTooltipAlign;
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = PropIcons & PropHref;
 type OptionalStates = PropAriaCurrent & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & PropLabelWithExpertSlot;

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

@@ -11,11 +11,12 @@ 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';
 export declare class KolLinkButton implements Props {
   private readonly host?;
-  private ref?;
   private readonly catchRef;
   render(): JSX.Element;
+  _accessKey?: AccessKeyPropType;
   _customClass?: CustomClassPropType;
   _download?: DownloadPropType;
   _hideLabel?: boolean;

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

@@ -17,6 +17,7 @@ export declare class KolNav implements API {
   render(): JSX.Element;
   _ariaCurrentValue: AriaCurrentPropType;
   _collapsible?: boolean;
+  _hasCompactButton?: boolean;
   _hideLabel?: boolean;
   _label: LabelPropType;
   _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
@@ -24,6 +25,7 @@ export declare class KolNav implements API {
   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

@@ -4,6 +4,7 @@ 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 = {
@@ -12,12 +13,12 @@ type RequiredProps = {
 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

@@ -28,7 +28,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/textarea/component.d.ts

@@ -26,7 +26,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;
 }