@public-ui/components 1.7.0-rc.8 → 1.7.0

package/dist/kolibri/rows-a65ea911.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{e as o}from"./prop.validators-3b95d09c.js";const r=(r,s)=>{o(r,"_rows",s,{min:1})};export{r as v};

package/dist/kolibri/show-12d1301e.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as o}from"./prop.validators-3b95d09c.js";const s=(s,a,r)=>{o(s,"_show",a,r)};export{s as v};

package/dist/kolibri/{suggestions-73786572.js → suggestions-743c78a3.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{c as s}from"./prop.validators-0ce5c0ca.js";import{a as o}from"./a11y.tipps-d3600860.js";const e=(e,t)=>{s(e,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&o("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{e as v};
+import{c as s}from"./prop.validators-3b95d09c.js";import{a as o}from"./a11y.tipps-96a0d55e.js";const e=(e,t)=>{s(e,"_suggestions",(s=>"string"==typeof s||"number"==typeof s),t,void 0,{hooks:{afterPatch:s=>{Array.isArray(s)&&s.length&&o("Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.")}}})};export{e as v};

package/dist/kolibri/{tab-index-648d5349.js → tab-index-f2ab48fc.js}

@@ -1,4 +1,4 @@
 /*!
  * KoliBri - The accessible HTML-Standard
  */
-import{a as t}from"./a11y.tipps-d3600860.js";import{e as a}from"./prop.validators-0ce5c0ca.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},e=(t,e)=>{a(t,"_tabIndex",e,o)};export{e as v};
+import{a as t}from"./a11y.tipps-96a0d55e.js";import{e as a}from"./prop.validators-3b95d09c.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},e=(t,e)=>{a(t,"_tabIndex",e,o)};export{e as v};

package/dist/kolibri/toaster-1ee75e55.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{T as o}from"./toaster-2dda6584.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/toaster-1ee75e55.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toaster","ToasterService","getInstance","document","enqueue","description","label","type","myToastId","_a","getElementById","addEventListener","_b","i"],"sources":["src/dev/toaster.ts"],"sourcesContent":["import { ToasterService } from '../components/toast/toaster';\n\nconst toaster = ToasterService.getInstance(document);\n\nvoid toaster.enqueue({\n\tdescription: `Toasty`,\n\tlabel: `Initial Toast`,\n\ttype: 'warning',\n});\n\nlet myToastId = 0;\n\ndocument.getElementById('oneToast')?.addEventListener('kol-click', () => {\n\tvoid toaster.enqueue({\n\t\tdescription: `Toasty ${++myToastId}`,\n\t\tlabel: `Label`,\n\t\ttype: 'warning',\n\t});\n});\n\ndocument.getElementById('manyToast')?.addEventListener('kol-click', () => {\n\tfor (let i = 0; i < 5; i++) {\n\t\tvoid toaster.enqueue({\n\t\t\tdescription: `Toasty ${++myToastId}`,\n\t\t\tlabel: `Label`,\n\t\t\ttype: 'warning',\n\t\t});\n\t}\n});\n"],"mappings":";;;kDAEA,MAAMA,EAAUC,EAAeC,YAAYC,eAEtCH,EAAQI,QAAQ,CACpBC,YAAa,SACbC,MAAO,gBACPC,KAAM,YAGP,IAAIC,EAAY,GAEhBC,EAAAN,SAASO,eAAe,eAAW,MAAAD,SAAA,SAAAA,EAAEE,iBAAiB,aAAa,UAC7DX,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,WACL,KAGHK,EAAAT,SAASO,eAAe,gBAAY,MAAAE,SAAA,SAAAA,EAAED,iBAAiB,aAAa,KACnE,IAAK,IAAIE,EAAI,EAAGA,EAAI,EAAGA,IAAK,MACtBb,EAAQI,QAAQ,CACpBC,YAAa,YAAYG,IACzBF,MAAO,QACPC,KAAM,W"}

package/dist/kolibri/toaster-2dda6584.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+class s{constructor(t){this.document=t,this.toastContainerElement=this.document.createElement("kol-toast-container"),this.document.body.prepend(this.toastContainerElement)}static getInstance(t){let e=this.instances.get(t);return e||(e=new s(t),this.instances.set(t,e)),e}dispose(){const t=this.toastContainerElement;t?(this.toastContainerElement=void 0,t.remove()):console.warn("Toaster service is already disposed.")}async enqueue(t){var e;await(null===(e=this.toastContainerElement)||void 0===e?void 0:e.enqueue(t))}}s.instances=new Map;export{s as T};

package/dist/kolibri/toaster-2dda6584.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ToasterService","constructor","document","this","toastContainerElement","createElement","body","prepend","getInstance","instance","instances","get","set","dispose","element","undefined","remove","console","warn","enqueue","toast","_a","Map"],"sources":["src/components/toast/toaster.tsx"],"sourcesContent":["import { Toast } from '../toast-container/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) {\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) {\n\t\tlet instance = this.instances.get(document);\n\t\tif (!instance) {\n\t\t\tinstance = new ToasterService(document);\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 async enqueue(toast: Toast) {\n\t\tawait this.toastContainerElement?.enqueue(toast);\n\t}\n}\n"],"mappings":";;;MAEaA,EAKZ,WAAAC,CAAqCC,GAAAC,KAAAD,WACpCC,KAAKC,sBAAwBD,KAAKD,SAASG,cAAc,uBACzDF,KAAKD,SAASI,KAAKC,QAAQJ,KAAKC,sB,CAM1B,kBAAOI,CAAYN,GACzB,IAAIO,EAAWN,KAAKO,UAAUC,IAAIT,GAClC,IAAKO,EAAU,CACdA,EAAW,IAAIT,EAAeE,GAC9BC,KAAKO,UAAUE,IAAIV,EAAUO,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,aAAMC,CAAQC,G,aACdC,EAAAlB,KAAKC,yBAAqB,MAAAiB,SAAA,SAAAA,EAAEF,QAAQC,G,EAhCnBpB,EAAAU,UAA2C,IAAIY,W"}

package/dist/kolibri/tooltip-align-ab20ae60.js

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

package/dist/kolibri/{tooltip-align-06cbadf8.js.map → tooltip-align-ab20ae60.js.map}

@@ -1 +1 @@
-{"version":3,"names":["validateTooltipAlign","component","value","validateAlignment"],"sources":["src/types/props/tooltip-align.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { validateAlignment } from '../../utils/validators/alignment';\nimport { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_align', value);\n};\n"],"mappings":";;;kDAgBaA,EAAuB,CAACC,EAAsCC,KAC1EC,EAAkBF,EAAW,SAAUC,EAAM,S"}
+{"version":3,"names":["validateTooltipAlign","component","value","validateAlignment"],"sources":["src/types/props/tooltip-align.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { validateAlignment } from '../../utils/validators/alignment';\nimport { AlignPropType } from './align';\n\n/* types */\nexport type TooltipAlignPropType = AlignPropType;\n\n/**\n * Defines where to show the Tooltip preferably: top, right, bottom or left.\n */\nexport type PropTooltipAlign = {\n\ttooltipAlign: TooltipAlignPropType;\n};\n\n/* validator */\nexport const validateTooltipAlign = (component: Generic.Element.Component, value?: TooltipAlignPropType): void => {\n\tvalidateAlignment(component, '_tooltipAlign', value);\n};\n"],"mappings":";;;kDAgBaA,EAAuB,CAACC,EAAsCC,KAC1EC,EAAkBF,EAAW,gBAAiBC,EAAM,S"}

package/dist/kolibri/validation-c982337d.js

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

package/dist/kolibri/validation-d644b903.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-96a0d55e.js";import{c as t}from"./prop.validators-3b95d09c.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/types/components/@deprecated/input/controller-icon.d.ts

@@ -1,11 +1,12 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../../types/common';
-import { KoliBriHorizontalIcon } from '../../../types/icon';
+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<KoliBriHorizontalIcon>): void;
+  validateIcon(value?: Stringified<KoliBriHorizontalIcons>): void;
+  validateIcons(value?: Stringified<KoliBriHorizontalIcons>): void;
   componentWillLoad(): void;
 }

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

@@ -2,8 +2,8 @@ import { Generic } from '@a11y-ui/core';
 import { InputTypeOnDefault } from '../../../types/input/types';
 import { AdjustHeightPropType } from '../../../types/props/adjust-height';
 import { LabelWithExpertSlotPropType } from '../../../types/props/label';
-import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import { Props as ButtonProps } from '../../button/types';
+import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import { Props as AdapterProps } from '../../input-adapter-leanup/types';
 import { Props, Watches } from './types';
 type ValueChangeListener = (value: string) => void;

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

@@ -1,10 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../../types/common';
-import { KoliBriHorizontalIcon } from '../../../types/icon';
+import { KoliBriHorizontalIcons } from '../../../types/icons';
 import { PropLabelWithExpertSlot } from '../../../types/props/label';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = PropLabelWithExpertSlot & {
-  icon: Stringified<KoliBriHorizontalIcon>;
+  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

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-import { Props as ButtonProps } from '../../button/types';
 import { Stringified } from '../../../types/common';
 import { InputTypeOnDefault } from '../../../types/input/types';
 import { PropLabelWithExpertSlot } from '../../../types/props/label';
+import { Props as ButtonProps } from '../../button/types';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = PropLabelWithExpertSlot & {
   accessKey: string;

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

@@ -1,7 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { API, States } from './types';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { API, States } from './types';
 export declare class KolAbbr implements API {
   private readonly nonce;
   render(): JSX.Element;

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

@@ -5,13 +5,6 @@ import { OpenPropType } from '../../types/props/open';
 import { API, KoliBriAccordionCallbacks, States } from './types';
 export declare class KolAccordion implements API {
   private readonly nonce;
-  private contentElement;
-  private contentWrapperElement;
-  private contentObserver;
-  private transition;
-  private readonly catchContentElement;
-  private readonly catchContentWrapperElement;
-  resizeWrapper(list?: ResizeObserverEntry[]): void;
   render(): JSX.Element;
   _heading?: string;
   _label?: string;

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

@@ -1,9 +1,9 @@
 import { Generic } from '@a11y-ui/core';
 import { EventCallback } from '../../types/callbacks';
 import { HeadingLevel } from '../../types/heading-level';
-import { PropLabel } from '../../types/props/label';
 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 type KoliBriAlertEventCallbacks = {

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

@@ -1,6 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { KoliBriIconProp } from '../../types/icon';
+import { KoliBriIconsProp } from '../../types/icons';
 import { PropColor } from '../../types/props/color';
 import { LabelPropType } from '../../types/props/label';
 import { ButtonProps } from '../button/types';
@@ -13,7 +13,8 @@ export declare class KolBadge implements API {
   render(): JSX.Element;
   _color?: Stringified<PropColor>;
   _hideLabel?: boolean;
-  _icon?: Stringified<KoliBriIconProp>;
+  _icon?: Stringified<KoliBriIconsProp>;
+  _icons?: Stringified<KoliBriIconsProp>;
   _iconOnly?: boolean;
   _label: LabelPropType;
   _smartButton?: Stringified<ButtonProps>;

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

@@ -1,16 +1,17 @@
-import { Props as ButtonProps } from '../button/types';
+import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { ColorPair, PropColor } from '../../types/props/color';
 import { PropHideLabel } from '../../types/props/hide-label';
+import { IconsPropType, PropIcons } from '../../types/props/icons';
 import { PropLabel } from '../../types/props/label';
-import { PropIcon } from '../../types/props/icon';
-import { Generic } from '@a11y-ui/core';
+import { Props as ButtonProps } from '../button/types';
 type RequiredProps = PropLabel;
 type OptionalProps = {
   color: Stringified<PropColor>;
   smartButton: Stringified<ButtonProps>;
   iconOnly: boolean;
-} & PropHideLabel & PropIcon;
+  icon: IconsPropType;
+} & PropHideLabel & PropIcons;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   color: ColorPair;

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

@@ -1,8 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
-import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { LabelPropType } from '../../types/props/label';
-import { BreadcrumbLinkProps, API, States } from './types';
+import { LinkProps } from '../link/types';
+import { API, BreadcrumbLinkProps, States } from './types';
 export declare class KolBreadcrumb implements API {
   private readonly renderLink;
   render(): JSX.Element;

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

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { PropAriaLabel } from '../../types/props/aria-label';
 import { LabelProp, PropLabel } from '../../types/props/label';
+import { LinkProps } from '../link/types';
 export type BreadcrumbLinkProps = LinkProps & LabelProp;
 type RequiredProps = {
   links: Stringified<BreadcrumbLinkProps[]>;

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

@@ -1,20 +1,20 @@
 import { JSX } from '../../stencil-public-runtime';
 import { States as ButtonStates } from '../../components/button/types';
-import { API } from './types';
 import { Stringified } from '../../types/common';
 import { AlignPropType } from '../../types/props/align';
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
 import { AriaCurrentPropType } from '../../types/props/aria-current';
+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 { DisabledPropType } from '../../types/props/disabled';
-import { IconPropType } from '../../types/props/icon';
+import { IconsPropType } from '../../types/props/icons';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { StencilUnknown } from '../../types/unknown';
-import { CustomClassPropType } from '../../types/props/custom-class';
-import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
-import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
 import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
-import { ButtonTypePropType } from '../../types/props/button-type';
-import { ButtonVariantPropType } from '../../types/props/button-variant';
+import { StencilUnknown } from '../../types/unknown';
+import { API } from './types';
 export declare class KolButtonWc implements API {
   private readonly host?;
   private ref?;
@@ -31,7 +31,8 @@ export declare class KolButtonWc implements API {
   _customClass?: CustomClassPropType;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: IconPropType;
+  _icon?: IconsPropType;
+  _icons?: IconsPropType;
   _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
   _id?: string;
@@ -56,7 +57,8 @@ export declare class KolButtonWc implements API {
   validateCustomClass(value?: CustomClassPropType): void;
   validateDisabled(value?: DisabledPropType): void;
   validateHideLabel(value?: boolean): void;
-  validateIcon(value?: IconPropType): void;
+  validateIcon(value?: IconsPropType): void;
+  validateIcons(value?: IconsPropType): void;
   validateIconAlign(value?: AlignPropType): void;
   validateIconOnly(value?: boolean): void;
   validateId(value?: string): void;

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

@@ -1,18 +1,18 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { AlignPropType } from '../../types/props/align';
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
 import { AriaCurrentPropType } from '../../types/props/aria-current';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { StencilUnknown } from '../../types/unknown';
-import { CustomClassPropType } from '../../types/props/custom-class';
-import { IconPropType } from '../../types/props/icon';
 import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
-import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
-import { Props } from './types';
-import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { ButtonTypePropType } from '../../types/props/button-type';
 import { ButtonVariantPropType } from '../../types/props/button-variant';
+import { CustomClassPropType } from '../../types/props/custom-class';
+import { IconsPropType } from '../../types/props/icons';
+import { LabelWithExpertSlotPropType } 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 { Props } from './types';
 export declare class KolButton implements Props {
   private readonly host?;
   private ref?;
@@ -27,7 +27,8 @@ export declare class KolButton implements Props {
   _customClass?: CustomClassPropType;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: IconPropType;
+  _icon?: IconsPropType;
+  _icons?: IconsPropType;
   _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
   _id?: string;

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

@@ -1,26 +1,26 @@
 import { Generic } from '@a11y-ui/core';
-import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { Stringified } from '../../types/common';
+import { KoliBriAllIcons } from '../../types/icons';
+import { AlignPropType } from '../../types/props/align';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
 import { PropAriaControls } from '../../types/props/aria-controls';
+import { PropAriaCurrent } from '../../types/props/aria-current';
 import { PropAriaExpanded } from '../../types/props/aria-expanded';
+import { PropAriaLabel } from '../../types/props/aria-label';
 import { PropAriaSelected } from '../../types/props/aria-selected';
+import { PropButtonCallbacks } from '../../types/props/button-callbacks';
+import { PropButtonType } from '../../types/props/button-type';
+import { PropButtonVariant } from '../../types/props/button-variant';
+import { PropCustomClass } from '../../types/props/custom-class';
 import { PropDisabled } from '../../types/props/disabled';
-import { StencilUnknown } from '../../types/unknown';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { IconsPropType, PropIcons } from '../../types/props/icons';
 import { PropId } from '../../types/props/id';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropName } from '../../types/props/name';
-import { AlignPropType } from '../../types/props/align';
-import { PropAriaCurrent } from '../../types/props/aria-current';
-import { PropHideLabel } from '../../types/props/hide-label';
-import { Stringified } from '../../types/common';
-import { PropAriaLabel } from '../../types/props/aria-label';
-import { PropCustomClass } from '../../types/props/custom-class';
-import { PropIcon } from '../../types/props/icon';
-import { PropButtonCallbacks } from '../../types/props/button-callbacks';
-import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
 import { PropTooltipAlign } from '../../types/props/tooltip-align';
-import { PropButtonType } from '../../types/props/button-type';
-import { PropButtonVariant } from '../../types/props/button-variant';
-import { KoliBriAllIcon } from '../../types/icon';
+import { StencilUnknown } from '../../types/unknown';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
   tabIndex: number;
@@ -28,10 +28,11 @@ export type OptionalButtonProps = {
   accessKey: string;
   iconAlign: AlignPropType;
   iconOnly: boolean;
-} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaCurrent & PropAriaExpanded & PropAriaLabel & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcon & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign;
+  icon: IconsPropType;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaCurrent & PropAriaExpanded & PropAriaLabel & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign;
 export type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
 export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {
-  icon: KoliBriAllIcon;
+  icons: KoliBriAllIcons;
 };
 export type OptionalButtonStates = Omit<RequiredButtonProps & OptionalButtonProps, keyof RequiredButtonStates>;
 export type Props = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;

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

@@ -1,17 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { AriaCurrentPropType } from '../../types/props/aria-current';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { StencilUnknown } from '../../types/unknown';
-import { IdPropType } from '../../types/props/id';
 import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
-import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
-import { ButtonTypePropType } from '../../types/props/button-type';
-import { Props } from './types';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
-import { IconPropType } from '../../types/props/icon';
+import { ButtonTypePropType } from '../../types/props/button-type';
+import { IconsPropType } from '../../types/props/icons';
+import { IdPropType } from '../../types/props/id';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { NamePropType } from '../../types/props/name';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
 import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { StencilUnknown } from '../../types/unknown';
+import { Props } from './types';
 export declare class KolButtonLink implements Props {
   private readonly host?;
   private ref?;
@@ -25,7 +25,8 @@ export declare class KolButtonLink implements Props {
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: IconPropType;
+  _icon?: IconsPropType;
+  _icons?: IconsPropType;
   _iconOnly?: boolean;
   _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;

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

@@ -1,6 +1,6 @@
 import { Generic } from '@a11y-ui/core';
-import { OptionalButtonProps, RequiredButtonProps, OptionalButtonStates, RequiredButtonStates } from '../button/types';
 import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+import { OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../button/types';
 type RequiredProps = RequiredButtonProps;
 type OptionalProps = Omit<OptionalButtonProps, keyof PropAlternativeButtonLinkRole>;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -7,7 +7,7 @@ export default class DetailsAnimationController {
   private isExpanding;
   constructor(detailsElement: HTMLDetailsElement, summaryElement: HTMLElement, contentElement: HTMLElement);
   private handleSummaryClick;
-  private open;
+  open(): void;
   private expand;
   private collapse;
   private animateDetailsHeight;

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

@@ -1,7 +1,7 @@
 import { Generic } from '@a11y-ui/core';
+import { EventValueOrEventCallback } from '../../types/callbacks';
 import { PropLabel } from '../../types/props/label';
 import { PropOpen } from '../../types/props/open';
-import { EventValueOrEventCallback } from '../../types/callbacks';
 export type EventCallbacks = {
   onToggle?: EventValueOrEventCallback<Event, boolean>;
 };

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

@@ -4,12 +4,14 @@ import { API, States } from './types';
 export declare class KolIcon implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
-  _icon: string;
+  _icon?: string;
+  _icons?: string;
   _label?: LabelPropType;
   _part?: string;
   state: States;
   validateAriaLabel(value?: string): void;
   validateIcon(value?: string): void;
+  validateIcons(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validatePart(value?: string): void;
   componentWillLoad(): void;

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

@@ -1,14 +1,14 @@
 import { Generic } from '@a11y-ui/core';
 import { PropAriaLabel } from '../../types/props/aria-label';
 import { PropLabel } from '../../types/props/label';
-type RequiredProps = {
-  icon: string;
-};
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
+  icons: string;
+  icon: string;
   part: string;
 } & PropAriaLabel & PropLabel;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
+type RequiredStates = Omit<RequiredProps, 'icon'>;
 type OptionalStates = OptionalProps;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,8 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { KoliBriHorizontalIcon } from '../../types/icon';
+import { KoliBriHorizontalIcons } from '../../types/icons';
 import { IdPropType } from '../../types/props/id';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 import { Props as ButtonProps } from '../button/types';
 import { Props } from './types';
 export declare class KolInput implements Props {
@@ -10,16 +12,20 @@ export declare class KolInput implements Props {
   private slotName;
   componentWillRender(): void;
   private catchInputSlot;
+  private getIconsProp;
   render(): JSX.Element;
   _alert?: boolean;
   _currentLength?: number;
   _disabled?: boolean;
   _error?: string;
   _hasCounter?: boolean;
+  _hideError?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
-  _icon?: KoliBriHorizontalIcon;
+  _icon?: KoliBriHorizontalIcons;
+  _icons?: KoliBriHorizontalIcons;
   _id: IdPropType;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _readOnly?: boolean;
   _renderNoLabel?: boolean;
@@ -27,5 +33,6 @@ export declare class KolInput implements Props {
   _slotName?: string;
   _suggestions?: SuggestionsPropType;
   _smartButton?: Stringified<ButtonProps>;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
 }

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

@@ -1,26 +1,30 @@
 import { Generic } from '@a11y-ui/core';
-import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
-import { KoliBriHorizontalIcon } from '../../types/icon';
+import { KoliBriHorizontalIcons } from '../../types/icons';
 import { PropAlert } from '../../types/props/alert';
 import { PropDisabled } from '../../types/props/disabled';
 import { PropHasCounter } from '../../types/props/has-counter';
+import { PropHideError } from '../../types/props/hide-error';
 import { PropHideLabel } from '../../types/props/hide-label';
+import { PropId } from '../../types/props/id';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropReadOnly } from '../../types/props/read-only';
 import { PropRequired } from '../../types/props/required';
 import { PropSuggestions } from '../../types/props/suggestions';
-import { PropTouched } from '../../types/props/touched';
 import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
-import { PropId } from '../../types/props/id';
-type RequiredProps = PropId;
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropTouched } from '../../types/props/touched';
+import { Props as ButtonProps } from '../button/types';
+type RequiredProps = PropId & PropLabelWithExpertSlot;
 type OptionalProps = {
   currentLength: number;
   error: string;
   hint: string;
-  icon: KoliBriHorizontalIcon;
+  icon: KoliBriHorizontalIcons;
+  icons: KoliBriHorizontalIcons;
   maxLength: number;
   slotName: string;
   smartButton: Stringified<ButtonProps>;
-} & PropAlert & PropDisabled & PropHasCounter & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
+} & 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-adapter-leanup/associated.controller.d.ts

@@ -1,7 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { NamePropType } from '../../types/props/name';
-import { StencilUnknown } from '../../types/unknown';
 import { PropSyncValueBySelector, SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { StencilUnknown } from '../../types/unknown';
 type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   name: string;