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

package/dist/kolibri/show-32e7c9a1.js

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

package/dist/kolibri/show-32e7c9a1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateShow","component","value","hooks","watchBoolean"],"sources":["src/types/props/show.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchBoolean, WatchBooleanOptions } from '../../utils/prop.validators';\n\n/* types */\nexport type ShowPropType = boolean;\n\n/**\n * Makes the element show up.\n */\nexport type PropShow = {\n\tshow: ShowPropType;\n};\n\n/* validator */\nexport const validateShow = (component: Generic.Element.Component, value?: ShowPropType, hooks?: WatchBooleanOptions): void => {\n\twatchBoolean(component, '_show', value, hooks);\n};\n"],"mappings":";;;wDAeaA,EAAe,CAACC,EAAsCC,EAAsBC,KACxFC,EAAaH,EAAW,QAASC,EAAOC,EAAM,S"}

package/dist/kolibri/suggestions-b21d08a1.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as s}from"./prop.validators-848907c9.js";import{a as o}from"./a11y.tipps-35a8451a.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/suggestions-b21d08a1.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["validateSuggestions","component","value","watchJsonArrayString","item","undefined","hooks","afterPatch","Array","isArray","length","a11yHint"],"sources":["src/types/props/suggestions.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchJsonArrayString } from '../../utils/prop.validators';\nimport { Stringified } from '../common';\nimport { W3CInputValue } from '../w3c';\nimport { a11yHint } from '../../utils/a11y.tipps';\n\n/* types */\nexport type SuggestionsPropType = Stringified<W3CInputValue[]>;\n\n/**\n * Suggestions to provide for an input.\n */\nexport type PropSuggestions = {\n\tsuggestions: SuggestionsPropType;\n};\n\n/* validator */\nexport const validateSuggestions = (component: Generic.Element.Component, value?: SuggestionsPropType): void => {\n\twatchJsonArrayString(component, '_suggestions', (item: W3CInputValue) => typeof item === 'string' || typeof item === 'number', value, undefined, {\n\t\thooks: {\n\t\t\tafterPatch: (value: unknown) => {\n\t\t\t\tif (Array.isArray(value) && value.length) {\n\t\t\t\t\ta11yHint('Property suggestions: Options have accessibility issues in how browsers implemented them and should not be used for now.');\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t});\n};\n"],"mappings":";;;qGAkBaA,EAAsB,CAACC,EAAsCC,KACzEC,EAAqBF,EAAW,gBAAiBG,UAA+BA,IAAS,iBAAmBA,IAAS,UAAUF,EAAOG,UAAW,CAChJC,MAAO,CACNC,WAAaL,IACZ,GAAIM,MAAMC,QAAQP,IAAUA,EAAMQ,OAAQ,CACzCC,EAAS,2H,KAIX,S"}

package/dist/kolibri/tab-index-6f2034cd.js

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

package/dist/kolibri/tab-index-6f2034cd.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;0FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}

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

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

package/dist/kolibri/tooltip-align-bbfedcc8.js.map

@@ -0,0 +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"}

package/dist/kolibri/validation-5031e4a9.js

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

package/dist/kolibri/validation-5031e4a9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["watchNavLinks","className","component","value","watchJsonArrayString","link","_href","_label","uiUxHintMillerscheZahl","state","_links","length"],"sources":["src/components/nav/validation.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { Stringified } from '../../types/common';\nimport { HrefProp } from '../../types/props/href';\nimport { LabelProp } from '../../types/props/label';\nimport { uiUxHintMillerscheZahl } from '../../utils/a11y.tipps';\nimport { watchJsonArrayString } from '../../utils/prop.validators';\n\ntype HrefOrLabelProp = HrefProp | LabelProp;\n\nexport const watchNavLinks = (\n\tclassName: string,\n\tcomponent: Generic.Element.Component & {\n\t\tstate: {\n\t\t\t_links: HrefOrLabelProp[];\n\t\t};\n\t},\n\tvalue?: Stringified<HrefOrLabelProp[]>\n): void => {\n\twatchJsonArrayString(\n\t\tcomponent,\n\t\t'_links',\n\t\t(link) => typeof link === 'object' && (typeof (link as HrefProp)._href === 'string' || typeof (link as LabelProp)._label === 'string'),\n\t\tvalue\n\t);\n\tuiUxHintMillerscheZahl(className, component.state._links.length);\n};\n"],"mappings":";;;qGAUaA,EAAgB,CAC5BC,EACAC,EAKAC,KAEAC,EACCF,EACA,UACCG,UAAgBA,IAAS,kBAAqBA,EAAkBC,QAAU,iBAAoBD,EAAmBE,SAAW,WAC7HJ,GAEDK,EAAuBP,EAAWC,EAAUO,MAAMC,OAAOC,OAAO,S"}

package/dist/kolibri/validation-803143f8.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./prop.validators-848907c9.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-803143f8.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["watchHeadingLevel","component","value","watchValidator","Set","defaultValue","required"],"sources":["src/components/heading/validation.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { watchValidator } from '../../utils/prop.validators';\n\nexport const watchHeadingLevel = (component: Generic.Element.Component, value?: number): void => {\n\twatchValidator(\n\t\tcomponent,\n\t\t'_level',\n\t\t(value): boolean => {\n\t\t\treturn typeof value === 'number' && 0 <= value && value <= 6;\n\t\t},\n\t\tnew Set(['Number {0, 1, 2, 3, 4, 5, 6}']),\n\t\tvalue,\n\t\t{\n\t\t\t// TODO: options not in the validator\n\t\t\tdefaultValue: 1,\n\t\t\trequired: true,\n\t\t}\n\t);\n};\n"],"mappings":";;;wDAIaA,EAAoB,CAACC,EAAsCC,KACvEC,EACCF,EACA,UACCC,UACcA,IAAU,UAAY,GAAKA,GAASA,GAAS,GAE5D,IAAIE,IAAI,CAAC,iCACTF,EACA,CAECG,aAAc,EACdC,SAAU,MAEX,S"}

package/dist/loader/index.d.ts

@@ -8,7 +8,7 @@ export interface CustomElementsDefineOptions {
   ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
-export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
 export declare function applyPolyfills(): Promise<void>;
 
 /**

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

@@ -1,24 +1,24 @@
 import { Generic } from '@a11y-ui/core';
-import { ButtonProps } from '../../../types/button-link';
 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 { 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;
-  hideLabel: boolean;
   private readonly valueChangeListeners;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAccessKey(value?: string): void;
-  validateAdjustHeight(value?: boolean): 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?: string): void;
-  validateName(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateSmartButton(value?: ButtonProps | string): void;
   validateTabIndex(value?: number): void;

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

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../../types/common';
 import { KoliBriHorizontalIcon } from '../../../types/icon';
-import { PropLabel } from '../../../types/props/label';
-type RequiredProps = PropLabel;
+import { PropLabelWithExpertSlot } from '../../../types/props/label';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   icon: Stringified<KoliBriHorizontalIcon>;
 };

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

@@ -1,8 +1,9 @@
 import { Generic } from '@a11y-ui/core';
-import { ButtonProps } from '../../../types/button-link';
+import { Props as ButtonProps } from '../../button/types';
+import { Stringified } from '../../../types/common';
 import { InputTypeOnDefault } from '../../../types/input/types';
-import { PropLabel } from '../../../types/props';
-type RequiredProps = PropLabel;
+import { PropLabelWithExpertSlot } from '../../../types/props/label';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   adjustHeight: boolean;
@@ -11,9 +12,8 @@ type OptionalProps = {
   hideLabel: boolean;
   hint: string;
   id: string;
-  name: string;
   on: InputTypeOnDefault;
-  smartButton: ButtonProps;
+  smartButton: Stringified<ButtonProps>;
   syncValueBySelector: string;
   tabIndex: number;
 };

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

@@ -1,7 +1,7 @@
-import { JSX } from '../../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-type RequiredProps = unknown;
-type OptionalProps = unknown;
+import { JSX } from '../../../stencil-public-runtime';
+type RequiredProps = NonNullable<unknown>;
+type OptionalProps = NonNullable<unknown>;
 type RequiredStates = RequiredProps & OptionalProps;
 type OptionalStates = OptionalProps;
 type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -1,13 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Align } from '../../types/props';
+import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 export declare class KolAbbr implements API {
   private readonly nonce;
   render(): JSX.Element;
-  _tooltipAlign?: Align;
-  _title: string;
+  _label?: LabelPropType;
+  _tooltipAlign?: TooltipAlignPropType;
+  _title?: string;
   state: States;
+  validateLabel(value?: LabelPropType): void;
   validateTitle(value?: string): void;
-  validateTooltipAlign(value?: Align): void;
+  validateTooltipAlign(value?: TooltipAlignPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,13 +1,12 @@
 import { Generic } from '@a11y-ui/core';
-import { Align } from '../../types/props';
-type RequiredProps = {
-  title: string;
-};
+import { PropLabel } from '../../types/props/label';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  tooltipAlign: Align;
-};
-type RequiredStates = RequiredProps & OptionalProps;
-type OptionalStates = unknown;
+  title: string;
+} & PropLabel & PropTooltipAlign;
+type RequiredStates = RequiredProps & Omit<OptionalProps, 'title'>;
+type OptionalStates = NonNullable<unknown>;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;

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

@@ -1,5 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
+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 nonce;
@@ -11,15 +13,17 @@ export declare class KolAccordion implements API {
   private readonly catchContentWrapperElement;
   resizeWrapper(list?: ResizeObserverEntry[]): void;
   render(): JSX.Element;
-  _heading: string;
+  _heading?: string;
+  _label?: string;
   _level?: HeadingLevel;
   _on?: KoliBriAccordionCallbacks;
   _open?: boolean;
   state: States;
   validateHeading(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateOn(value?: KoliBriAccordionCallbacks): void;
-  validateOpen(value?: boolean): void;
+  validateOpen(value?: OpenPropType): void;
   componentWillLoad(): void;
   private onClick;
 }

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

@@ -1,19 +1,19 @@
 import { Generic } from '@a11y-ui/core';
-import { HeadingLevel } from '../../components';
 import { Events } from '../../enums/events';
 import { EventValueOrEventCallback } from '../../types/callbacks';
-import { PropOpen } from '../../types/props';
+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>;
 };
-type RequiredProps = {
-  heading: string;
-};
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
+  heading: string;
   level: HeadingLevel;
   on: KoliBriAccordionCallbacks;
-} & PropOpen;
-type RequiredStates = RequiredProps;
+} & PropOpen & PropLabel;
+type RequiredStates = RequiredProps & PropLabel;
 type OptionalStates = OptionalProps;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -1,21 +1,23 @@
 import { JSX } from '../../stencil-public-runtime';
-import { API, States, AlertType, AlertVariant, KoliBriAlertEventCallbacks } from './types';
 import { HeadingLevel } from '../../types/heading-level';
+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;
-  _heading?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
   _on?: KoliBriAlertEventCallbacks;
   _type?: AlertType;
   _variant?: AlertVariant;
   state: States;
   validateAlert(value?: boolean): void;
-  validateHasCloser(value?: boolean): void;
-  validateHeading(value?: string): void;
+  validateHasCloser(value?: HasCloserPropType): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   private validateOnValue;
   validateOn(value?: KoliBriAlertEventCallbacks): void;

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

@@ -1,11 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 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;
   _heading?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
   _on?: KoliBriAlertEventCallbacks;
   _type?: AlertType;

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

@@ -1,24 +1,25 @@
 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';
 export type AlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
 export type AlertVariant = 'card' | 'msg';
 export type KoliBriAlertEventCallbacks = {
   onClose?: EventCallback<Event>;
 };
-type RequiredAlertProps = unknown;
+type RequiredAlertProps = NonNullable<unknown>;
 type OptionalAlertProps = {
-  alert: boolean;
-  hasCloser: boolean;
   heading: string;
   level: HeadingLevel;
   on: KoliBriAlertEventCallbacks;
   type: AlertType;
   variant: AlertVariant;
-};
+} & PropLabel & PropAlert & PropHasCloser;
 type RequiredAlertStates = RequiredAlertProps;
-type OptionalAlertStates = OptionalAlertProps;
+type OptionalAlertStates = Omit<OptionalAlertProps, 'heading'>;
 export type Props = Generic.Element.Members<RequiredAlertProps, OptionalAlertProps>;
 export type States = Generic.Element.Members<RequiredAlertStates, OptionalAlertStates>;
-export type API = Generic.Element.ComponentApi<RequiredAlertProps, OptionalAlertProps, RequiredAlertStates, OptionalAlertStates>;
+export type API = Generic.Element.ComponentApi<RequiredAlertProps, Omit<OptionalAlertProps, 'heading'>, RequiredAlertStates, OptionalAlertStates>;
 export {};

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

@@ -0,0 +1,13 @@
+import { JSX } from '../../stencil-public-runtime';
+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;
+}

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

@@ -0,0 +1 @@
+export declare const formatLabelAsInitials: (label: string) => string;

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

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

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

@@ -0,0 +1,2 @@
+import { Props } from '../types';
+export declare const getAvatarHtml: (props: Props) => string;

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

@@ -0,0 +1,11 @@
+import { Generic } from '@a11y-ui/core';
+import { PropImageSource } from '../../types/props/image-source';
+import { PropLabel } from '../../types/props/label';
+type RequiredAvatarProps = PropLabel;
+type OptionalAvatarProps = PropImageSource;
+type RequiredAvatarStates = RequiredAvatarProps;
+type OptionalAvatarStates = OptionalAvatarProps;
+export type Props = Generic.Element.Members<RequiredAvatarProps, OptionalAvatarProps>;
+export type States = Generic.Element.Members<RequiredAvatarStates, OptionalAvatarStates>;
+export type API = Generic.Element.ComponentApi<RequiredAvatarProps, OptionalAvatarProps, RequiredAvatarStates, OptionalAvatarStates>;
+export {};

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

@@ -1,24 +1,25 @@
 import { JSX } from '../../stencil-public-runtime';
-import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { PropColor } from '../../types/props/color';
-import { KoliBriBadgeProps, KoliBriBadgeStates } from './types';
-export declare class KolBadge implements KoliBriBadgeProps {
+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>;
   _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _label: string;
+  _label: LabelPropType;
   _smartButton?: Stringified<ButtonProps>;
-  state: KoliBriBadgeStates;
+  state: States;
   private handleColorChange;
   validateColor(value?: Stringified<PropColor>): void;
-  validateLabel(value?: string): void;
   validateSmartButton(value?: ButtonProps | string): void;
   componentWillLoad(): void;
 }

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

@@ -1,2 +1,2 @@
-import { KoliBriBadgeProps } from '../types';
-export declare const getBadgeHtml: (props: KoliBriBadgeProps, additionalAttrs?: string) => string;
+import { Props } from '../types';
+export declare const getBadgeHtml: (props: Props, additionalAttrs?: string) => string;

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

@@ -1,21 +1,27 @@
+import { Props as ButtonProps } from '../button/types';
+import { Stringified } from '../../types/common';
+import { ColorPair, PropColor } from '../../types/props/color';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropLabel } from '../../types/props/label';
+import { PropIcon } from '../../types/props/icon';
 import { Generic } from '@a11y-ui/core';
-import { ButtonProps, KoliBriIconProp, PropColor, Stringified } from '../../components';
-import { PropHideLabel, PropLabel } from '../../types/props';
-import { ColorPair } from '../../types/props/color';
 type RequiredProps = PropLabel;
 type OptionalProps = {
   color: Stringified<PropColor>;
-  hideLabel: boolean;
-  icon: Stringified<KoliBriIconProp>;
-  iconOnly: boolean;
   smartButton: Stringified<ButtonProps>;
-} & PropHideLabel;
-export type KoliBriBadgeProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+  iconOnly: boolean;
+} & PropHideLabel & PropIcon;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   color: ColorPair;
-} & PropLabel;
+};
 type OptionalStates = {
   smartButton: ButtonProps;
 };
-export type KoliBriBadgeStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+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>;
+};
 export {};

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

@@ -1,16 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
-import { LinkProps } from '../../types/button-link';
+import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
-import { KoliBriBreadcrumbAPI, KoliBriBreadcrumbStates } from './types';
-export declare class KolBreadcrumb implements KoliBriBreadcrumbAPI {
+import { LabelPropType } from '../../types/props/label';
+import { BreadcrumbLinkProps, API, States } from './types';
+export declare class KolBreadcrumb implements API {
   private readonly renderLink;
   render(): JSX.Element;
   _ariaLabel?: string;
-  _label?: string;
-  _links: Stringified<LinkProps[]>;
-  state: KoliBriBreadcrumbStates;
+  _label?: LabelPropType;
+  _links: Stringified<BreadcrumbLinkProps[]>;
+  state: States;
   validateAriaLabel(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;
   componentWillLoad(): void;
 }

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

@@ -1,2 +1,2 @@
-import { KoliBriBreadcrumbProps } from '../types';
-export declare const getBreadcrumbHtml: (props: KoliBriBreadcrumbProps) => string;
+import { Props } from '../types';
+export declare const getBreadcrumbHtml: (props: Props) => string;

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

@@ -1,16 +1,18 @@
 import { Generic } from '@a11y-ui/core';
-import { LinkProps, Stringified } from '../../components';
-import { PropLabel } from '../../types/props';
-import { PropAriaLabel } from '../../types/props';
+import { LinkProps } from '../link/types';
+import { Stringified } from '../../types/common';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { LabelProp, PropLabel } from '../../types/props/label';
+export type BreadcrumbLinkProps = LinkProps & LabelProp;
 type RequiredProps = {
-  links: Stringified<LinkProps[]>;
+  links: Stringified<BreadcrumbLinkProps[]>;
 };
 type OptionalProps = PropAriaLabel & PropLabel;
-export type KoliBriBreadcrumbProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  links: LinkProps[];
+  links: BreadcrumbLinkProps[];
 } & PropLabel;
 type OptionalStates = OptionalProps;
-export type KoliBriBreadcrumbStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriBreadcrumbAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};