@public-ui/components 1.7.0-rc.9 → 1.7.1

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-abed689a.js

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

package/dist/kolibri/{tooltip-align-ab53c159.js.map → tooltip-align-abed689a.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-ab1d7def.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-4b764e13.js";import{c as t}from"./prop.validators-8a0008f0.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-d8e90a97.js

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

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

@@ -1,15 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault } from '../../types/input/types';
-import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { StencilUnknown } from '../../types/unknown';
-import { API, InputCheckboxIcon, InputCheckboxVariant, States } from './types';
 import { CheckedPropType } from '../../types/props/checked';
-import { IndeterminatePropType } from '../../types/props/indeterminate';
-import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { HideErrorPropType } from '../../types/props/hide-error';
 import { IdPropType } from '../../types/props/id';
+import { IndeterminatePropType } from '../../types/props/indeterminate';
+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 { API, InputCheckboxIconsProp, InputCheckboxVariant, States } from './types';
 export declare class KolInputCheckbox implements API {
   private readonly host?;
   private ref?;
@@ -19,11 +20,13 @@ export declare class KolInputCheckbox implements API {
   _accessKey?: string;
   _alert?: boolean;
   _checked?: boolean;
+  _hideError?: boolean;
   _disabled?: boolean;
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
-  _icon?: Stringified<InputCheckboxIcon>;
+  _icon?: Stringified<InputCheckboxIconsProp>;
+  _icons?: Stringified<InputCheckboxIconsProp>;
   _id?: IdPropType;
   _indeterminate?: boolean;
   _label?: LabelWithExpertSlotPropType;
@@ -44,9 +47,11 @@ export declare class KolInputCheckbox implements API {
   validateChecked(value?: CheckedPropType): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHideError(value?: HideErrorPropType): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
-  validateIcon(value?: Stringified<InputCheckboxIcon>): void;
+  validateIcon(value?: Stringified<InputCheckboxIconsProp>): void;
+  validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;
   validateId(value?: string): void;
   validateIndeterminate(value?: IndeterminatePropType): void;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
@@ -60,5 +65,6 @@ export declare class KolInputCheckbox implements API {
   validateValue(value?: Stringified<StencilUnknown>): void;
   validateVariant(value?: InputCheckboxVariant): void;
   componentWillLoad(): void;
+  private handleIconClick;
   private onChange;
 }

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

@@ -1,16 +1,19 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { CheckedPropType } from '../../types/props/checked';
+import { HideErrorPropType } from '../../types/props/hide-error';
 import { IndeterminatePropType } from '../../types/props/indeterminate';
 import { StencilUnknown } from '../../types/unknown';
 import { InputCheckboxRadioController } from '../input-radio/controller';
-import { InputCheckboxIcon, InputCheckboxVariant, Props, Watches } from './types';
+import { InputCheckboxIconsProp, InputCheckboxVariant, Props, Watches } from './types';
 export declare class InputCheckboxController extends InputCheckboxRadioController implements Watches {
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   readonly setFormAssociatedCheckboxValue: (value: StencilUnknown) => void;
   validateChecked(value?: CheckedPropType): void;
-  validateIcon(value?: Stringified<InputCheckboxIcon>): void;
+  validateHideError(value?: HideErrorPropType): void;
+  validateIcon(value?: Stringified<InputCheckboxIconsProp>): void;
+  validateIcons(value?: Stringified<InputCheckboxIconsProp>): void;
   validateIndeterminate(value?: IndeterminatePropType): void;
   validateType(value?: InputCheckboxVariant): void;
   validateValue(value?: Stringified<StencilUnknown>): void;