@public-ui/components 1.6.0-rc.9 → 1.6.1

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

@@ -1,58 +1,74 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
+import { States as ButtonStates } from '../../components/button/types';
+import { API } from './types';
 import { Stringified } from '../../types/common';
-import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { DisabledPropType } from '../../types/props/disabled';
+import { IconPropType } from '../../types/props/icon';
+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';
+export declare class KolButtonWc implements API {
   private readonly host?;
-  private readonly nonce;
   private ref?;
   private readonly catchRef;
   private readonly onClick;
   render(): JSX.Element;
+  private readonly controller;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
-  _customClass?: string;
+  _customClass?: CustomClassPropType;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Align;
+  _icon?: IconPropType;
+  _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
   _id?: string;
-  _label: string;
-  _on?: KoliBriButtonCallbacks<unknown>;
-  _role?: AlternativButtonLinkRole;
+  _label: LabelWithExpertSlotPropType;
+  _name?: string;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
-  _value?: Stringified<unknown>;
-  _variant?: KoliBriButtonVariant;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
+  _value?: Stringified<StencilUnknown>;
+  _variant?: ButtonVariantPropType;
   state: ButtonStates;
+  constructor();
   validateAccessKey(value?: string): void;
   validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
+  validateAriaCurrent(value?: AriaCurrentPropType): void;
   validateAriaExpanded(value?: boolean): void;
   validateAriaLabel(value?: string): void;
   validateAriaSelected(value?: boolean): void;
-  validateCustomClass(value?: string): void;
-  validateDisabled(value?: boolean): void;
+  validateCustomClass(value?: CustomClassPropType): void;
+  validateDisabled(value?: DisabledPropType): void;
   validateHideLabel(value?: boolean): void;
-  validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Align): void;
+  validateIcon(value?: IconPropType): void;
+  validateIconAlign(value?: AlignPropType): void;
   validateIconOnly(value?: boolean): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
-  validateOn(value?: KoliBriButtonCallbacks<unknown>): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
+  validateName(value?: string): void;
+  validateOn(value?: ButtonCallbacksPropType<StencilUnknown>): void;
+  validateRole(value?: AlternativeButtonLinkRolePropType): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Align): void;
-  validateType(value?: KoliBriButtonType): void;
-  validateValue(value?: Stringified<unknown>): void;
-  validateVariant(value?: KoliBriButtonVariant): void;
+  validateTooltipAlign(value?: TooltipAlignPropType): void;
+  validateType(value?: ButtonTypePropType): void;
+  validateValue(value?: Stringified<StencilUnknown>): void;
+  validateVariant(value?: ButtonVariantPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,33 +1,44 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-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';
-export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
+import { AlignPropType } from '../../types/props/align';
+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';
+export declare class KolButton implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
-  _customClass?: string;
+  _customClass?: CustomClassPropType;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Align;
+  _icon?: IconPropType;
+  _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
   _id?: string;
-  _label: string;
-  _on?: KoliBriButtonCallbacks<unknown>;
-  _role?: AlternativButtonLinkRole;
+  _label: LabelWithExpertSlotPropType;
+  _name?: string;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
-  _value?: Stringified<unknown>;
-  _variant?: KoliBriButtonVariant;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
+  _value?: Stringified<StencilUnknown>;
+  _variant?: ButtonVariantPropType;
 }

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

@@ -1,7 +1,7 @@
-import { ButtonProps } from '../../../types/button-link';
+import { Props } from '../types';
 type Slots = {
   expert?: string;
 };
-export declare const getButtonWcHtml: (props: ButtonProps, slots?: Slots, additionalAttrs?: string) => string;
-export declare const getButtonHtml: (props: ButtonProps) => string;
+export declare const getButtonWcHtml: (props: Props, slots?: Slots, additionalAttrs?: string) => string;
+export declare const getButtonHtml: (props: Props) => string;
 export {};

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

@@ -0,0 +1,39 @@
+import { Generic } from '@a11y-ui/core';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropAriaControls } from '../../types/props/aria-controls';
+import { PropAriaExpanded } from '../../types/props/aria-expanded';
+import { PropAriaSelected } from '../../types/props/aria-selected';
+import { PropDisabled } from '../../types/props/disabled';
+import { StencilUnknown } from '../../types/unknown';
+import { PropId } from '../../types/props/id';
+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';
+export type RequiredButtonProps = PropLabelWithExpertSlot;
+export type OptionalButtonProps = {
+  tabIndex: number;
+  value: Stringified<StencilUnknown>;
+  accessKey: string;
+  iconAlign: AlignPropType;
+  iconOnly: boolean;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaCurrent & PropAriaExpanded & PropAriaLabel & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcon & PropId & PropName & PropSyncValueBySelector & PropTooltipAlign;
+export type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
+export type RequiredButtonStates = RequiredButtonProps & PropButtonType & PropButtonVariant & {
+  icon: KoliBriAllIcon;
+};
+export type OptionalButtonStates = Omit<RequiredButtonProps & OptionalButtonProps, keyof RequiredButtonStates>;
+export type Props = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
+export type States = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
+export type API = Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates>;

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

@@ -1,13 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-type RequiredProps = unknown;
-type OptionalProps = unknown;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolButtonGroupWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { API, States } from './types';
+export declare class KolButtonGroupWc implements API {
   render(): JSX.Element;
   state: States;
 }
-export {};

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

@@ -1,5 +1,5 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Props } from './component';
+import { Props } from './types';
 export declare class KolButtonGroup implements Props {
   render(): JSX.Element;
 }

package/dist/types/components/button-group/test/html.mock.d.ts

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

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

@@ -0,0 +1,9 @@
+import { Generic } from '@a11y-ui/core';
+type RequiredProps = NonNullable<unknown>;
+type OptionalProps = NonNullable<unknown>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps;
+type OptionalStates = OptionalProps;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,30 +1,40 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-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';
-export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
+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 { ButtonCallbacksPropType } from '../../types/props/button-callbacks';
+import { IconPropType } from '../../types/props/icon';
+import { NamePropType } from '../../types/props/name';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+export declare class KolButtonLink implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
   _hideLabel?: boolean;
-  _icon?: Stringified<KoliBriIconProp>;
+  _icon?: IconPropType;
   _iconOnly?: boolean;
-  _id?: string;
-  _label: string;
-  _on?: KoliBriButtonCallbacks<unknown>;
-  _role?: AlternativButtonLinkRole;
+  _id?: IdPropType;
+  _label: LabelWithExpertSlotPropType;
+  _name?: NamePropType;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
-  _value?: Stringified<unknown>;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
+  _value?: Stringified<StencilUnknown>;
 }

package/dist/types/components/button-link/test/html.mock.d.ts

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

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

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

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

@@ -1,5 +1,4 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AriaCurrent } from '../../components';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Props } from './types';
 export declare class KolButtonLinkTextSwitch implements Props {
@@ -8,9 +7,5 @@ export declare class KolButtonLinkTextSwitch implements Props {
   private button;
   private link;
   private text;
-  _ariaCurrentValue: AriaCurrent;
-  _hasChildren?: boolean;
   _link: ButtonOrLinkOrTextWithChildrenProps;
-  _hideLabel?: boolean;
-  _selected?: boolean;
 }

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

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

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

@@ -1,16 +1,28 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
-import { KoliBriCardAPI, KoliBriCardStates } from './types';
-export declare class KolCard implements KoliBriCardAPI {
+import { HasCloserPropType } from '../../types/props/has-closer';
+import { HasFooterPropType } from '../../types/props/has-footer';
+import { LabelPropType } from '../../types/props/label';
+import { API, KoliBriCardEventCallbacks, States } from './types';
+export declare class KolCard implements API {
+  private readonly close;
+  private readonly on;
   render(): JSX.Element;
+  _on?: KoliBriCardEventCallbacks;
+  _hasCloser?: boolean;
   _hasFooter?: boolean;
-  _heading: string;
+  _heading?: string;
   _headline?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
-  state: KoliBriCardStates;
-  validateHasFooter(value?: boolean): void;
+  state: States;
+  private validateOnValue;
+  validateOn(value?: KoliBriCardEventCallbacks): void;
+  validateHasCloser(value?: HasCloserPropType): void;
+  validateHasFooter(value?: HasFooterPropType): void;
   validateHeading(value?: string): void;
   validateHeadline(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   componentWillLoad(): void;
 }

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

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

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

@@ -1,16 +1,22 @@
 import { Generic } from '@a11y-ui/core';
-import { HeadingLevel } from '../../components';
-import { PropHasFooter } from '../../types/props';
-type RequiredProps = {
-  heading: string;
+import { EventCallback } from '../../types/callbacks';
+import { HeadingLevel } from '../../types/heading-level';
+import { PropHasCloser } from '../../types/props/has-closer';
+import { PropHasFooter } from '../../types/props/has-footer';
+import { PropLabel } from '../../types/props/label';
+export type KoliBriCardEventCallbacks = {
+  onClose?: EventCallback<Event>;
 };
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
+  heading: string;
   headline: string;
   level: HeadingLevel;
-} & PropHasFooter;
-export type koliBriCardProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
+  on: KoliBriCardEventCallbacks;
+} & PropHasFooter & PropLabel & PropHasCloser;
+export type Props = 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 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,11 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { KoliBriDetailsAPI, KoliBriDetailsStates } from './types';
-export declare class KolDetails implements KoliBriDetailsAPI {
+import { LabelPropType } from '../../types/props/label';
+import { API, States } from './types';
+export declare class KolDetails implements API {
   private htmlDetailsElement?;
   render(): JSX.Element;
+  _label?: LabelPropType;
   _open?: boolean;
-  _summary: string;
-  state: KoliBriDetailsStates;
+  _summary?: string;
+  state: States;
+  validateLabel(value?: LabelPropType): void;
   validateOpen(value?: boolean): void;
   validateSummary(value?: string): void;
   componentWillLoad(): void;

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

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

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

@@ -1,13 +1,13 @@
 import { Generic } from '@a11y-ui/core';
-type RequiredProps = {
-  summary: string;
-};
+import { PropLabel } from '../../types/props/label';
+import { PropOpen } from '../../types/props/open';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  open: boolean;
-};
-export type KoliBriDetailsProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+  summary: string;
+} & PropOpen & PropLabel;
+export type Props = 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 type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,13 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { KoliBriFormAPI, KoliBriFormCallbacks, KoliBriFormStates } from './types';
-export declare class KolForm implements KoliBriFormAPI {
+import { API, KoliBriFormCallbacks, States } from './types';
+export declare class KolForm implements API {
   private readonly onSubmit;
   private readonly onReset;
   render(): JSX.Element;
   _on?: KoliBriFormCallbacks;
   _requiredText?: Stringified<boolean>;
-  state: KoliBriFormStates;
+  state: States;
   validateOn(value?: KoliBriFormCallbacks): void;
   validateRequiredText(value?: Stringified<boolean>): void;
   componentWillLoad(): void;

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

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

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

@@ -5,14 +5,14 @@ export type KoliBriFormCallbacks = {
   [Events.onSubmit]?: EventCallback<Event>;
   [Events.onReset]?: EventCallback<Event>;
 };
-type RequiredProps = unknown;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   on: KoliBriFormCallbacks;
   requiredText: string | boolean;
 };
-export type KoliBriFormProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
-export type KoliBriFormStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriFormAPI = 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 {};

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

@@ -1,12 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
-import { KoliBriHeadingAPI, KoliBriHeadingStates } from './types';
-export declare class KolHeadingWc implements KoliBriHeadingAPI {
-  _label: string;
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { API, States } from './types';
+export declare class KolHeadingWc implements API {
+  _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
-  state: KoliBriHeadingStates;
-  validateLabel(value?: string): void;
+  state: States;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateSecondaryHeadline(value?: string): void;
   componentWillLoad(): void;

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

@@ -1,9 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
-import { KoliBriHeadingProps } from './types';
-export declare class KolHeading implements KoliBriHeadingProps {
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { Props } from './types';
+export declare class KolHeading implements Props {
   render(): JSX.Element;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
 }

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

@@ -1,7 +1,7 @@
-import { KoliBriHeadingProps } from '../types';
-export declare const getHeadingWcHtml: (props: KoliBriHeadingProps, slots?: {
+import { Props } from '../types';
+export declare const getHeadingWcHtml: (props: Props, slots?: {
   default?: string;
 }, additionalAttrs?: string) => string;
-export declare const getHeadingHtml: (props: KoliBriHeadingProps, slots?: {
+export declare const getHeadingHtml: (props: Props, slots?: {
   default?: string;
 }) => string;

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

@@ -1,18 +1,18 @@
 import { Generic } from '@a11y-ui/core';
-import { HeadingLevel } from '../../components';
-import { PropLabel } from '../../types/props';
-type RequiredProps = PropLabel;
+import { HeadingLevel } from '../../types/heading-level';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   secondaryHeadline: string;
   level: HeadingLevel;
 };
-export type KoliBriHeadingProps = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps & {
   level: HeadingLevel;
-} & PropLabel;
+};
 type OptionalStates = {
   secondaryHeadline: string;
 };
-export type KoliBriHeadingStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriHeadingAPI = 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 {};

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

@@ -1,15 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { KoliBriIconAPI, KoliBriIconStates } from './types';
-export declare class KolIcon implements KoliBriIconAPI {
+import { LabelPropType } from '../../types/props/label';
+import { API, States } from './types';
+export declare class KolIcon implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
   _icon: string;
-  _label?: string;
+  _label?: LabelPropType;
   _part?: string;
-  state: KoliBriIconStates;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateIcon(value?: string): void;
-  validateLabel(value?: string): void;
-  validatePart(): void;
+  validateLabel(value?: LabelPropType): void;
+  validatePart(value?: string): void;
   componentWillLoad(): void;
 }