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

package/dist/kolibri/toaster-bd34d3c2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToasterService","constructor","document","options","this","toastContainerElement","createElement","body","prepend","getInstance","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","alertVariant","_a","defaultAlertVariant","_b","closeAll","Map"],"sources":["src/components/toaster/toaster.tsx"],"sourcesContent":["import { Toast, ToasterOptions } from './types';\n\nexport class ToasterService {\n\tprivate static readonly instances: Map<Document, ToasterService> = new Map<Document, ToasterService>();\n\n\tprivate toastContainerElement?: HTMLKolToastContainerElement;\n\n\tprivate constructor(private readonly document: Document, private readonly options?: ToasterOptions) {\n\t\tthis.toastContainerElement = this.document.createElement('kol-toast-container');\n\t\tthis.document.body.prepend(this.toastContainerElement);\n\t}\n\n\t/**\n\t * Get a toaster for the specified document environment. Each environment has exactly one instance of the service.\n\t */\n\tpublic static getInstance(document: Document, options?: ToasterOptions): ToasterService {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document, options);\n\t\t\tthis.instances.set(document, instance);\n\t\t}\n\t\treturn instance;\n\t}\n\n\tpublic dispose() {\n\t\tconst element = this.toastContainerElement;\n\t\tif (element) {\n\t\t\tthis.toastContainerElement = undefined;\n\t\t\telement.remove();\n\t\t} else {\n\t\t\tconsole.warn('Toaster service is already disposed.');\n\t\t}\n\t}\n\n\tpublic enqueue(toast: Toast): Promise<() => void> | undefined {\n\t\t/**\n\t\t * We need this condition for SSR. The toast container is not rendered on the server,\n\t\t * so we can't enqueue toasts.\n\t\t */\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.enqueue === 'function') {\n\t\t\tif (!toast.alertVariant && this.options?.defaultAlertVariant) {\n\t\t\t\ttoast.alertVariant = this.options?.defaultAlertVariant;\n\t\t\t}\n\n\t\t\treturn this.toastContainerElement.enqueue(toast);\n\t\t}\n\t}\n\n\tpublic closeAll(): void {\n\t\tif (this.toastContainerElement && typeof this.toastContainerElement.closeAll === 'function') {\n\t\t\tvoid this.toastContainerElement.closeAll();\n\t\t}\n\t}\n}\n"],"mappings":";;;MAEaA,EAKZ,WAAAC,CAAqCC,EAAqCC,GAArCC,KAAAF,WAAqCE,KAAAD,UACzEC,KAAKC,sBAAwBD,KAAKF,SAASI,cAAc,uBACzDF,KAAKF,SAASK,KAAKC,QAAQJ,KAAKC,sB,CAM1B,kBAAOI,CAAYP,EAAoBC,GAC7C,IAAIO,EAAWN,KAAKO,UAAUC,IAAIV,GAClC,IAAKQ,EAAU,CACdA,EAAW,IAAIV,EAAeE,EAAUC,GACxCC,KAAKO,UAAUE,IAAIX,EAAUQ,E,CAE9B,OAAOA,C,CAGD,OAAAI,GACN,MAAMC,EAAUX,KAAKC,sBACrB,GAAIU,EAAS,CACZX,KAAKC,sBAAwBW,UAC7BD,EAAQE,Q,KACF,CACNC,QAAQC,KAAK,uC,EAIR,OAAAC,CAAQC,G,QAKd,GAAIjB,KAAKC,8BAAgCD,KAAKC,sBAAsBe,UAAY,WAAY,CAC3F,IAAKC,EAAMC,gBAAgBC,EAAAnB,KAAKD,WAAO,MAAAoB,SAAA,SAAAA,EAAEC,qBAAqB,CAC7DH,EAAMC,cAAeG,EAAArB,KAAKD,WAAO,MAAAsB,SAAA,SAAAA,EAAED,mB,CAGpC,OAAOpB,KAAKC,sBAAsBe,QAAQC,E,EAIrC,QAAAK,GACN,GAAItB,KAAKC,8BAAgCD,KAAKC,sBAAsBqB,WAAa,WAAY,MACvFtB,KAAKC,sBAAsBqB,U,GA/CV1B,EAAAW,UAA2C,IAAIgB,W"}

package/dist/kolibri/toaster-f89ddf4f.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{T as o}from"./toaster-bd34d3c2.js";var t,i;const a=o.getInstance(document);a.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"});let l=0;null===(t=document.getElementById("oneToast"))||void 0===t||t.addEventListener("kol-click",(()=>{a.enqueue({description:"Toasty "+ ++l,label:"Label",type:"warning"})})),null===(i=document.getElementById("manyToast"))||void 0===i||i.addEventListener("kol-click",(()=>{for(let e=0;e<5;e++)a.enqueue({description:"Toasty "+ ++l,label:"Label",type:"warning"})}));

package/dist/kolibri/tooltip-align-37f47613.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{v as o}from"./alignment-d30f46a0.js";const t=(t,a)=>{o(t,"_tooltipAlign",a)};export{t as v};

package/dist/kolibri/validation-10927214.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-76f7d989.js";import{c as t}from"./prop.validators-17590a9e.js";const s=(s,e,p)=>{t(e,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),p),o(s,e.state._links.length)};export{s as w};

package/dist/kolibri/{validation-5f69c40a.js → validation-d70ea075.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{w as e}from"./prop.validators-3fb6bedf.js";const r=[0,1,2,3,4,5,6],t=(t,o)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),o,{defaultValue:1,required:!0})};export{t as w};
+import{w as e}from"./prop.validators-17590a9e.js";const r=[0,1,2,3,4,5,6],t=(t,o)=>{e(t,"_level",(e=>"number"==typeof e&&r.includes(e)),new Set([`Number {${r.join(", ")}`]),o,{defaultValue:1,required:!0})};export{t as w};

package/dist/types/components/@deprecated/input/controller-icon.d.ts

@@ -4,9 +4,9 @@ import { KoliBriHorizontalIcons } from '../../../types/icons';
 import { InputController } from './controller';
 import { Props, Watches } from './types-icon';
 export declare class InputIconController extends InputController implements Watches {
-  protected readonly component: Generic.Element.Component & Props;
-  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-  validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void;
-  validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
-  componentWillLoad(): void;
+    protected readonly component: Generic.Element.Component & Props;
+    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+    validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void;
+    validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
+    componentWillLoad(): void;
 }

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { InputTypeOnDefault } from '../../../types/input/types';
 import { AdjustHeightPropType } from '../../../types/props/adjust-height';
+import { HideErrorPropType } from '../../../types/props/hide-error';
 import { LabelWithExpertSlotPropType } from '../../../types/props/label';
 import { Props as ButtonProps } from '../../button/types';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
@@ -8,32 +9,32 @@ import { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import { Props, Watches } from './types';
 type ValueChangeListener = (value: string) => void;
 export declare class InputController extends ControlledInputController implements Watches {
-  protected readonly component: Generic.Element.Component & Props & AdapterProps;
-  private readonly valueChangeListeners;
-  constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
-  validateAccessKey(value?: string): void;
-  validateAdjustHeight(value?: AdjustHeightPropType): void;
-  validateDisabled(value?: boolean): void;
-  validateError(value?: string): void;
-  validateHideLabel(value?: boolean): void;
-  validateHint(value?: string): void;
-  validateId(value?: string): void;
-  validateLabel(value?: LabelWithExpertSlotPropType): void;
-  validateOn(value?: InputTypeOnDefault): void;
-  validateSmartButton(value?: ButtonProps | string): void;
-  validateTabIndex(value?: number): void;
-  componentWillLoad(): void;
-  protected onBlur(event: Event): void;
-  protected onChange(event: Event): void;
-  protected onClick(event: Event): void;
-  protected onFocus(event: Event): void;
-  setValue(event: Event, value: string | number | boolean): void;
-  addValueChangeListener(listener: ValueChangeListener): void;
-  readonly onFacade: {
-    onBlur: (event: Event) => void;
-    onChange: (event: Event) => void;
-    onClick: (event: Event) => void;
-    onFocus: (event: Event) => void;
-  };
+    protected readonly component: Generic.Element.Component & Props & AdapterProps;
+    private readonly valueChangeListeners;
+    constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
+    validateAccessKey(value?: string): void;
+    validateAdjustHeight(value?: AdjustHeightPropType): void;
+    validateDisabled(value?: boolean): void;
+    validateError(value?: string): void;
+    validateHideError(value?: HideErrorPropType): void;
+    validateHideLabel(value?: boolean): void;
+    validateHint(value?: string): void;
+    validateId(value?: string): void;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateOn(value?: InputTypeOnDefault): void;
+    validateSmartButton(value?: ButtonProps | string): void;
+    validateTabIndex(value?: number): void;
+    componentWillLoad(): void;
+    protected onBlur(event: Event): void;
+    protected onChange(event: Event): void;
+    protected onClick(event: Event): void;
+    protected onFocus(event: Event): void;
+    addValueChangeListener(listener: ValueChangeListener): void;
+    readonly onFacade: {
+        onBlur: (event: Event) => void;
+        onChange: (event: Event) => void;
+        onClick: (event: Event) => void;
+        onFocus: (event: Event) => void;
+    };
 }
 export {};

package/dist/types/components/@deprecated/input/types-icon.d.ts

@@ -4,8 +4,8 @@ import { KoliBriHorizontalIcons } from '../../../types/icons';
 import { PropLabelWithExpertSlot } from '../../../types/props/label';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = PropLabelWithExpertSlot & {
-  icon: Stringified<KoliBriHorizontalIcons>;
-  icons: Stringified<KoliBriHorizontalIcons>;
+    icon: Stringified<KoliBriHorizontalIcons>;
+    icons: Stringified<KoliBriHorizontalIcons>;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

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

@@ -5,17 +5,18 @@ import { PropLabelWithExpertSlot } from '../../../types/props/label';
 import { Props as ButtonProps } from '../../button/types';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = PropLabelWithExpertSlot & {
-  accessKey: string;
-  adjustHeight: boolean;
-  disabled: boolean;
-  error: string;
-  hideLabel: boolean;
-  hint: string;
-  id: string;
-  on: InputTypeOnDefault;
-  smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
-  tabIndex: number;
+    accessKey: string;
+    adjustHeight: boolean;
+    disabled: boolean;
+    error: string;
+    hideError: boolean;
+    hideLabel: boolean;
+    hint: string;
+    id: string;
+    on: InputTypeOnDefault;
+    smartButton: Stringified<ButtonProps>;
+    syncValueBySelector: string;
+    tabIndex: number;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;

package/dist/types/components/@else/all/component.d.ts

@@ -6,7 +6,7 @@ type RequiredStates = RequiredProps & OptionalProps;
 type OptionalStates = OptionalProps;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export declare class KolAll implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
-  state: States;
-  render(): JSX.Element;
+    state: States;
+    render(): JSX.Element;
 }
 export {};

package/dist/types/components/@else/counter/component.d.ts

@@ -1,9 +1,9 @@
 import { JSX } from '../../../stencil-public-runtime';
 export declare class KolCounter {
-  state: {
-    _count: number;
-  };
-  private inc;
-  private dec;
-  render(): JSX.Element;
+    state: {
+        _count: number;
+    };
+    private inc;
+    private dec;
+    render(): JSX.Element;
 }

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

@@ -3,12 +3,12 @@ import { LabelPropType } from '../../types/props/label';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { API, States } from './types';
 export declare class KolAbbr implements API {
-  private readonly nonce;
-  render(): JSX.Element;
-  _label: LabelPropType;
-  _tooltipAlign?: TooltipAlignPropType;
-  state: States;
-  validateLabel(value?: LabelPropType): void;
-  validateTooltipAlign(value?: TooltipAlignPropType): void;
-  componentWillLoad(): void;
+    private readonly nonce;
+    render(): JSX.Element;
+    _label: LabelPropType;
+    _tooltipAlign?: TooltipAlignPropType;
+    state: States;
+    validateLabel(value?: LabelPropType): void;
+    validateTooltipAlign(value?: TooltipAlignPropType): void;
+    componentWillLoad(): void;
 }

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

@@ -4,19 +4,19 @@ 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;
-  _on?: KoliBriAccordionCallbacks;
-  _open?: boolean;
-  state: States;
-  validateLabel(value?: LabelPropType): void;
-  validateLevel(value?: HeadingLevel): void;
-  validateOn(value?: KoliBriAccordionCallbacks): void;
-  validateOpen(value?: OpenPropType): void;
-  componentWillLoad(): void;
-  private onClick;
+    private readonly host?;
+    private readonly nonce;
+    private readonly catchRef;
+    render(): JSX.Element;
+    _label: string;
+    _level?: HeadingLevel;
+    _on?: KoliBriAccordionCallbacks;
+    _open?: boolean;
+    state: States;
+    validateLabel(value?: LabelPropType): void;
+    validateLevel(value?: HeadingLevel): void;
+    validateOn(value?: KoliBriAccordionCallbacks): void;
+    validateOpen(value?: OpenPropType): void;
+    componentWillLoad(): void;
+    private onClick;
 }

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

@@ -1,5 +1,5 @@
 import { Props } from '../types';
 export declare const getAccordionHtml: (props: Props, slots?: {
-  default?: string;
-  footer?: string;
+    default?: string;
+    footer?: string;
 }) => string;

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

@@ -5,12 +5,12 @@ import { HeadingLevel } from '../../types/heading-level';
 import { PropLabel } from '../../types/props/label';
 import { PropOpen } from '../../types/props/open';
 export type KoliBriAccordionCallbacks = {
-  [Events.onClick]?: EventValueOrEventCallback<Event, boolean>;
+    [Events.onClick]?: EventValueOrEventCallback<Event, boolean>;
 };
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  level: HeadingLevel;
-  on: KoliBriAccordionCallbacks;
+    level: HeadingLevel;
+    on: KoliBriAccordionCallbacks;
 } & PropOpen;
 type RequiredStates = RequiredProps & PropLabel;
 type OptionalStates = OptionalProps;

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

@@ -4,24 +4,24 @@ import { HasCloserPropType } from '../../types/props/has-closer';
 import { LabelPropType } from '../../types/props/label';
 import { AlertType, AlertVariant, API, KoliBriAlertEventCallbacks, States } from './types';
 export declare class KolAlertWc implements API {
-  private readonly close;
-  private readonly on;
-  render(): JSX.Element;
-  _alert?: boolean;
-  _hasCloser?: boolean;
-  _label?: LabelPropType;
-  _level?: HeadingLevel;
-  _on?: KoliBriAlertEventCallbacks;
-  _type?: AlertType;
-  _variant?: AlertVariant;
-  state: States;
-  validateAlert(value?: boolean): void;
-  validateHasCloser(value?: HasCloserPropType): void;
-  validateLabel(value?: LabelPropType): void;
-  validateLevel(value?: HeadingLevel): void;
-  private validateOnValue;
-  validateOn(value?: KoliBriAlertEventCallbacks): void;
-  validateType(value?: AlertType): void;
-  validateVariant(value?: AlertVariant): void;
-  componentWillLoad(): void;
+    private readonly close;
+    private readonly on;
+    render(): JSX.Element;
+    _alert?: boolean;
+    _hasCloser?: boolean;
+    _label?: LabelPropType;
+    _level?: HeadingLevel;
+    _on?: KoliBriAlertEventCallbacks;
+    _type?: AlertType;
+    _variant?: AlertVariant;
+    state: States;
+    validateAlert(value?: boolean): void;
+    validateHasCloser(value?: HasCloserPropType): void;
+    validateLabel(value?: LabelPropType): void;
+    validateLevel(value?: HeadingLevel): void;
+    private validateOnValue;
+    validateOn(value?: KoliBriAlertEventCallbacks): void;
+    validateType(value?: AlertType): void;
+    validateVariant(value?: AlertVariant): void;
+    componentWillLoad(): void;
 }

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

@@ -3,13 +3,13 @@ import { HeadingLevel } from '../../types/heading-level';
 import { LabelPropType } from '../../types/props/label';
 import { AlertType, AlertVariant, KoliBriAlertEventCallbacks, Props, States } from './types';
 export declare class KolAlert implements Props {
-  render(): JSX.Element;
-  _alert?: boolean;
-  _hasCloser?: boolean;
-  _label?: LabelPropType;
-  _level?: HeadingLevel;
-  _on?: KoliBriAlertEventCallbacks;
-  _type?: AlertType;
-  _variant?: AlertVariant;
-  state: States;
+    render(): JSX.Element;
+    _alert?: boolean;
+    _hasCloser?: boolean;
+    _label?: LabelPropType;
+    _level?: HeadingLevel;
+    _on?: KoliBriAlertEventCallbacks;
+    _type?: AlertType;
+    _variant?: AlertVariant;
+    state: States;
 }

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

@@ -9,14 +9,14 @@ 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>;
+    onClose?: EventCallback<Event>;
 };
 type RequiredAlertProps = NonNullable<unknown>;
 type OptionalAlertProps = {
-  level: HeadingLevel;
-  on: KoliBriAlertEventCallbacks;
-  type: AlertType;
-  variant: AlertVariant;
+    level: HeadingLevel;
+    on: KoliBriAlertEventCallbacks;
+    type: AlertType;
+    variant: AlertVariant;
 } & PropLabel & PropAlert & PropHasCloser;
 type RequiredAlertStates = RequiredAlertProps;
 type OptionalAlertStates = OptionalAlertProps;

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

@@ -3,11 +3,11 @@ import { ImageSourcePropType } from '../../types/props/image-source';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
 export declare class KolAvatarWc implements API {
-  render(): JSX.Element;
-  _src?: ImageSourcePropType;
-  _label: LabelPropType;
-  state: States;
-  validateSrc(value?: ImageSourcePropType): void;
-  validateLabel(value?: LabelPropType): void;
-  componentWillLoad(): void;
+    render(): JSX.Element;
+    _src?: ImageSourcePropType;
+    _label: LabelPropType;
+    state: States;
+    validateSrc(value?: ImageSourcePropType): void;
+    validateLabel(value?: LabelPropType): void;
+    componentWillLoad(): void;
 }

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Props } from './types';
 export declare class KolAvatar implements Props {
-  render(): JSX.Element;
-  _src?: string;
-  _label: string;
+    render(): JSX.Element;
+    _src?: string;
+    _label: string;
 }

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

@@ -6,18 +6,18 @@ import { LabelPropType } from '../../types/props/label';
 import { ButtonProps } from '../button/types';
 import { API, States } from './types';
 export declare class KolBadge implements API {
-  private bgColorStr;
-  private colorStr;
-  private readonly id;
-  private renderSmartButton;
-  render(): JSX.Element;
-  _color?: Stringified<PropColor>;
-  _icons?: Stringified<KoliBriIconsProp>;
-  _label: LabelPropType;
-  _smartButton?: Stringified<ButtonProps>;
-  state: States;
-  private handleColorChange;
-  validateColor(value?: Stringified<PropColor>): void;
-  validateSmartButton(value?: ButtonProps | string): void;
-  componentWillLoad(): void;
+    private bgColorStr;
+    private colorStr;
+    private readonly id;
+    private renderSmartButton;
+    render(): JSX.Element;
+    _color?: Stringified<PropColor>;
+    _icons?: Stringified<KoliBriIconsProp>;
+    _label: LabelPropType;
+    _smartButton?: Stringified<ButtonProps>;
+    state: States;
+    private handleColorChange;
+    validateColor(value?: Stringified<PropColor>): void;
+    validateSmartButton(value?: ButtonProps | string): void;
+    componentWillLoad(): void;
 }

package/dist/types/components/badge/contrast.d.ts

@@ -1,11 +1,11 @@
 import { RGB } from 'color-convert/conversions';
 export declare const getContrastYIQ: (r: number, g: number, b: number) => number;
 type ColorPair<T> = {
-  background: T;
-  foreground: T;
+    background: T;
+    foreground: T;
 };
 export type ColorContrast<T> = ColorPair<T> & {
-  contrast: number;
+    contrast: number;
 };
 export declare const calcColorContrast: (baseColor: RGB, contrastColor: RGB, ratio: number, dir?: number) => ColorContrast<RGB>;
 export declare const getColorContrast: (baseColor: RGB, contrastColor: RGB, ratio: number, dir?: number) => ColorContrast<RGB>;

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

@@ -6,20 +6,20 @@ import { PropLabel } from '../../types/props/label';
 import { Props as ButtonProps } from '../button/types';
 type RequiredProps = PropLabel;
 type OptionalProps = {
-  color: Stringified<PropColor>;
-  smartButton: Stringified<ButtonProps>;
+    color: Stringified<PropColor>;
+    smartButton: Stringified<ButtonProps>;
 } & PropIcons;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  color: ColorPair;
+    color: ColorPair;
 };
 type OptionalStates = {
-  smartButton: ButtonProps;
+    smartButton: ButtonProps;
 };
 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>;
+    readonly state: Generic.Element.Members<RequiredStates, OptionalStates>;
 };
 export {};

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

@@ -4,13 +4,13 @@ import { LabelPropType } from '../../types/props/label';
 import { LinkProps } from '../link/types';
 import { API, BreadcrumbLinkProps, States } from './types';
 export declare class KolBreadcrumb implements API {
-  private readonly renderLink;
-  render(): JSX.Element;
-  _label: LabelPropType;
-  _links: Stringified<BreadcrumbLinkProps[]>;
-  state: States;
-  validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
-  validateLinks(value?: Stringified<LinkProps[]>): void;
-  componentWillLoad(): void;
-  disconnectedCallback(): void;
+    private readonly renderLink;
+    render(): JSX.Element;
+    _label: LabelPropType;
+    _links: Stringified<BreadcrumbLinkProps[]>;
+    state: States;
+    validateLabel(value?: LabelPropType, _oldValue?: LabelPropType, initial?: boolean): void;
+    validateLinks(value?: Stringified<LinkProps[]>): void;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
 }

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

@@ -4,12 +4,12 @@ import { LabelProp, PropLabel } from '../../types/props/label';
 import { LinkProps } from '../link/types';
 export type BreadcrumbLinkProps = LinkProps & LabelProp;
 type RequiredProps = {
-  links: Stringified<BreadcrumbLinkProps[]>;
+    links: Stringified<BreadcrumbLinkProps[]>;
 } & PropLabel;
 type OptionalProps = NonNullable<unknown>;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  links: BreadcrumbLinkProps[];
+    links: BreadcrumbLinkProps[];
 } & PropLabel;
 type OptionalStates = OptionalProps;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -15,51 +15,51 @@ 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?;
-  private readonly catchRef;
-  private readonly onClick;
-  render(): JSX.Element;
-  private readonly controller;
-  _accessKey?: AccessKeyPropType;
-  _ariaControls?: string;
-  _ariaExpanded?: boolean;
-  _ariaSelected?: boolean;
-  _customClass?: CustomClassPropType;
-  _disabled?: boolean;
-  _hideLabel?: boolean;
-  _icons?: IconsPropType;
-  _id?: string;
-  _label: LabelWithExpertSlotPropType;
-  _name?: string;
-  _on?: ButtonCallbacksPropType<StencilUnknown>;
-  _role?: AlternativeButtonLinkRolePropType;
-  _syncValueBySelector?: SyncValueBySelectorPropType;
-  _tabIndex?: number;
-  _tooltipAlign?: TooltipAlignPropType;
-  _type?: ButtonTypePropType;
-  _value?: Stringified<StencilUnknown>;
-  _variant?: ButtonVariantPropType;
-  state: ButtonStates;
-  constructor();
-  validateAccessKey(value?: AccessKeyPropType): void;
-  validateAriaControls(value?: string): void;
-  validateAriaExpanded(value?: boolean): void;
-  validateAriaSelected(value?: boolean): void;
-  validateCustomClass(value?: CustomClassPropType): void;
-  validateDisabled(value?: DisabledPropType): void;
-  validateHideLabel(value?: boolean): void;
-  validateIcons(value?: IconsPropType): void;
-  validateId(value?: string): void;
-  validateLabel(value?: LabelWithExpertSlotPropType): void;
-  validateName(value?: string): void;
-  validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void;
-  validateRole(value?: AlternativeButtonLinkRolePropType): void;
-  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
-  validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: TooltipAlignPropType): void;
-  validateType(value?: ButtonTypePropType): void;
-  validateValue(value?: Stringified<StencilUnknown>): void;
-  validateVariant(value?: ButtonVariantPropType): void;
-  componentWillLoad(): void;
+    private readonly host?;
+    private ref?;
+    private readonly catchRef;
+    private readonly onClick;
+    render(): JSX.Element;
+    private readonly controller;
+    _accessKey?: AccessKeyPropType;
+    _ariaControls?: string;
+    _ariaExpanded?: boolean;
+    _ariaSelected?: boolean;
+    _customClass?: CustomClassPropType;
+    _disabled?: boolean;
+    _hideLabel?: boolean;
+    _icons?: IconsPropType;
+    _id?: string;
+    _label: LabelWithExpertSlotPropType;
+    _name?: string;
+    _on?: ButtonCallbacksPropType<StencilUnknown>;
+    _role?: AlternativeButtonLinkRolePropType;
+    _syncValueBySelector?: SyncValueBySelectorPropType;
+    _tabIndex?: number;
+    _tooltipAlign?: TooltipAlignPropType;
+    _type?: ButtonTypePropType;
+    _value?: Stringified<StencilUnknown>;
+    _variant?: ButtonVariantPropType;
+    state: ButtonStates;
+    constructor();
+    validateAccessKey(value?: AccessKeyPropType): void;
+    validateAriaControls(value?: string): void;
+    validateAriaExpanded(value?: boolean): void;
+    validateAriaSelected(value?: boolean): void;
+    validateCustomClass(value?: CustomClassPropType): void;
+    validateDisabled(value?: DisabledPropType): void;
+    validateHideLabel(value?: boolean): void;
+    validateIcons(value?: IconsPropType): void;
+    validateId(value?: string): void;
+    validateLabel(value?: LabelWithExpertSlotPropType): void;
+    validateName(value?: string): void;
+    validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void;
+    validateRole(value?: AlternativeButtonLinkRolePropType): void;
+    validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
+    validateTabIndex(value?: number): void;
+    validateTooltipAlign(value?: TooltipAlignPropType): void;
+    validateType(value?: ButtonTypePropType): void;
+    validateValue(value?: Stringified<StencilUnknown>): void;
+    validateVariant(value?: ButtonVariantPropType): void;
+    componentWillLoad(): void;
 }