@public-ui/components 1.6.0-rc.2 → 1.6.0-rc.20

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

@@ -1,8 +1,9 @@
 import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../../components';
 import { ButtonProps } from '../../../types/button-link';
 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;
@@ -13,7 +14,8 @@ type OptionalProps = {
   id: string;
   name: string;
   on: InputTypeOnDefault;
-  smartButton: ButtonProps;
+  smartButton: Stringified<ButtonProps>;
+  syncValueBySelector: string;
   tabIndex: number;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -1,5 +1,5 @@
-import { JSX } from '../../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { JSX } from '../../../stencil-public-runtime';
 type RequiredProps = unknown;
 type OptionalProps = unknown;
 type RequiredStates = RequiredProps & OptionalProps;

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

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

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

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

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

@@ -1,5 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
+import { LabelPropType } from '../../types/props/label';
 import { API, KoliBriAccordionCallbacks, States } from './types';
 export declare class KolAccordion implements API {
   private readonly nonce;
@@ -11,12 +12,14 @@ 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;

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 = 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,13 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { API, States, AlertType, AlertVariant, KoliBriAlertEventCallbacks } from './types';
 import { HeadingLevel } from '../../types/heading-level';
+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;
@@ -15,7 +16,7 @@ export declare class KolAlertWc implements API {
   state: States;
   validateAlert(value?: boolean): void;
   validateHasCloser(value?: boolean): void;
-  validateHeading(value?: string): 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,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { EventCallback } from '../../types/callbacks';
 import { HeadingLevel } from '../../types/heading-level';
+import { PropLabel } from '../../types/props/label';
 export type AlertType = 'default' | 'info' | 'success' | 'warning' | 'error';
 export type AlertVariant = 'card' | 'msg';
 export type KoliBriAlertEventCallbacks = {
@@ -15,10 +16,10 @@ type OptionalAlertProps = {
   on: KoliBriAlertEventCallbacks;
   type: AlertType;
   variant: AlertVariant;
-};
+} & PropLabel;
 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,15 @@
+import { Generic } from '@a11y-ui/core';
+import { ImageSourcePropType } from '../../types/props/image-source';
+import { LabelPropType } from '../../types/props/label';
+type RequiredAvatarProps = {
+  label: LabelPropType;
+};
+type OptionalAvatarProps = {
+  src: ImageSourcePropType;
+};
+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,42 +1,25 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { ColorPair, PropColor } from '../../types/props/color';
-type RequiredProps = {
-  label: string;
-};
-type OptionalProps = {
-  color: Stringified<PropColor>;
-  icon: Stringified<KoliBriIconProp>;
-  iconOnly: boolean;
-  smartButton: Stringified<ButtonProps>;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
-  color: ColorPair;
-  label: string;
-};
-type OptionalStates = {
-  smartButton: ButtonProps;
-};
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolBadge implements Props {
+import { PropColor } from '../../types/props/color';
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriBadgeProps, KoliBriBadgeStates } from './types';
+export declare class KolBadge implements KoliBriBadgeProps {
   private bgColorStr;
   private colorStr;
   private readonly id;
   render(): JSX.Element;
   _color?: Stringified<PropColor>;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _label: string;
+  _label: LabelPropType;
   _smartButton?: Stringified<ButtonProps>;
-  state: States;
+  state: KoliBriBadgeStates;
   private handleColorChange;
   validateColor(value?: Stringified<PropColor>): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateSmartButton(value?: ButtonProps | string): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,24 @@
+import { Generic } from '@a11y-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { KoliBriIconProp } from '../../types/icon';
+import { ColorPair, PropColor } from '../../types/props/color';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropLabel } from '../../types/props/label';
+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>;
+type RequiredStates = {
+  color: ColorPair;
+} & PropLabel;
+type OptionalStates = {
+  smartButton: ButtonProps;
+};
+export type KoliBriBadgeStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export {};

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

@@ -1,26 +1,17 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { LinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-type RequiredProps = {
-  ariaLabel: string;
-  links: Stringified<LinkProps[]>;
-};
-type OptionalProps = unknown;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
-  ariaLabel: string;
-  links: LinkProps[];
-};
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolBreadcrumb implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { BreadcrumbLinkProps, KoliBriBreadcrumbAPI, KoliBriBreadcrumbStates } from './types';
+export declare class KolBreadcrumb implements KoliBriBreadcrumbAPI {
+  private readonly renderLink;
   render(): JSX.Element;
-  _ariaLabel: string;
-  _links: Stringified<LinkProps[]>;
-  state: States;
+  _ariaLabel?: string;
+  _label?: LabelPropType;
+  _links: Stringified<BreadcrumbLinkProps[]>;
+  state: KoliBriBreadcrumbStates;
   validateAriaLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,18 @@
+import { Generic } from '@a11y-ui/core';
+import { LinkProps } from '../../types/button-link';
+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<BreadcrumbLinkProps[]>;
+};
+type OptionalProps = PropAriaLabel & PropLabel;
+export type KoliBriBreadcrumbProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = {
+  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 {};

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

@@ -1,9 +1,11 @@
-import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
   private readonly host?;
   private readonly nonce;
@@ -19,11 +21,12 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _ariaSelected?: boolean;
   _customClass?: string;
   _disabled?: boolean;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Align;
   _iconOnly?: boolean;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;
@@ -40,11 +43,12 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   validateAriaSelected(value?: boolean): void;
   validateCustomClass(value?: string): void;
   validateDisabled(value?: boolean): void;
+  validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconAlign(value?: Align): void;
   validateIconOnly(value?: boolean): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateOn(value?: KoliBriButtonCallbacks<unknown>): void;
   validateRole(value?: AlternativButtonLinkRole): void;
   validateTabIndex(value?: number): void;

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

@@ -1,9 +1,11 @@
-import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
   private readonly host?;
   private ref?;
@@ -17,11 +19,12 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _ariaSelected?: boolean;
   _customClass?: string;
   _disabled?: boolean;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconAlign?: Align;
   _iconOnly?: boolean;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;

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

@@ -1,5 +1,5 @@
-import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { JSX } from '../../stencil-public-runtime';
 type RequiredProps = unknown;
 type OptionalProps = unknown;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -1,9 +1,11 @@
-import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
+import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, RequiredButtonLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
   private readonly host?;
   private ref?;
@@ -16,10 +18,11 @@ export declare class KolButtonLink implements Generic.Element.Members<RequiredBu
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _on?: KoliBriButtonCallbacks<unknown>;
   _role?: AlternativButtonLinkRole;
   _tabIndex?: number;

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

@@ -0,0 +1,11 @@
+import { JSX } from '../../stencil-public-runtime';
+import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
+import { Props } from './types';
+export declare class KolButtonLinkTextSwitch implements Props {
+  render(): JSX.Element;
+  private renderContent;
+  private button;
+  private link;
+  private text;
+  _link: ButtonOrLinkOrTextWithChildrenProps;
+}

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

@@ -0,0 +1,12 @@
+import { Generic } from '@a11y-ui/core';
+import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
+type RequiredProps = {
+  link: ButtonOrLinkOrTextWithChildrenProps;
+};
+type OptionalProps = {
+  hasChildren: boolean;
+  hideLabel: boolean;
+  selected: boolean;
+};
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export {};

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

@@ -1,29 +1,19 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
-import { PropHasFooter } from '../../types/props';
-type RequiredProps = {
-  heading: string;
-};
-type OptionalProps = {
-  headline: string;
-  level: HeadingLevel;
-} & PropHasFooter;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolCard implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriCardAPI, KoliBriCardStates } from './types';
+export declare class KolCard implements KoliBriCardAPI {
   render(): JSX.Element;
   _hasFooter?: boolean;
-  _heading: string;
+  _heading?: string;
   _headline?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
-  state: States;
+  state: KoliBriCardStates;
   validateHasFooter(value?: boolean): void;
   validateHeading(value?: string): void;
   validateHeadline(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,16 @@
+import { Generic } from '@a11y-ui/core';
+import { HeadingLevel } from '../../types/heading-level';
+import { PropHasFooter } from '../../types/props/has-footer';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = unknown;
+type OptionalProps = {
+  heading: string;
+  headline: string;
+  level: HeadingLevel;
+} & PropHasFooter & PropLabel;
+export type koliBriCardProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps & PropLabel;
+type OptionalStates = OptionalProps;
+export type KoliBriCardStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriCardAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,24 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-type RequiredProps = {
-  summary: string;
-};
-type OptionalProps = {
-  open: boolean;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolDetails implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriDetailsAPI, KoliBriDetailsStates } from './types';
+export declare class KolDetails implements KoliBriDetailsAPI {
   private htmlDetailsElement?;
   render(): JSX.Element;
+  _label?: LabelPropType;
   _open?: boolean;
-  _summary: string;
-  state: States;
+  _summary?: string;
+  state: KoliBriDetailsStates;
+  validateLabel(value?: LabelPropType): void;
   validateOpen(value?: boolean): void;
   validateSummary(value?: string): void;
   componentWillLoad(): void;
   private onClick;
 }
-export {};

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

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

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

@@ -0,0 +1,13 @@
+import { Generic } from '@a11y-ui/core';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = unknown;
+type OptionalProps = {
+  open: boolean;
+  summary: string;
+} & PropLabel;
+export type KoliBriDetailsProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps;
+type OptionalStates = OptionalProps;
+export type KoliBriDetailsStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriDetailsAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};