@public-ui/components 1.6.0-rc.23 → 1.6.0-rc.25

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

@@ -1,13 +1,21 @@
-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 { States as ButtonStates } from '../../components/button/types';
+import { API } from './types';
 import { Stringified } from '../../types/common';
-import { KoliBriIconProp } from '../../types/icon';
-import { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+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';
-export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
+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 ref?;
   private readonly catchRef;
@@ -16,51 +24,51 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   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: LabelWithExpertSlotPropType;
   _name?: string;
-  _on?: KoliBriButtonCallbacks<StencilUnknown>;
-  _role?: AlternativButtonLinkRole;
-  _syncValueBySelector?: string;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
   _value?: Stringified<StencilUnknown>;
-  _variant?: KoliBriButtonVariant;
+  _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?: LabelWithExpertSlotPropType): void;
   validateName(value?: string): void;
-  validateOn(value?: KoliBriButtonCallbacks<StencilUnknown>): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
-  validateSyncValueBySelector(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;
+  validateTooltipAlign(value?: TooltipAlignPropType): void;
+  validateType(value?: ButtonTypePropType): void;
   validateValue(value?: Stringified<StencilUnknown>): void;
-  validateVariant(value?: KoliBriButtonVariant): void;
+  validateVariant(value?: ButtonVariantPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,38 +1,44 @@
-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 { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
-export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
+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: LabelWithExpertSlotPropType;
   _name?: string;
-  _on?: KoliBriButtonCallbacks<StencilUnknown>;
-  _role?: AlternativButtonLinkRole;
-  _syncValueBySelector?: string;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
   _value?: Stringified<StencilUnknown>;
-  _variant?: KoliBriButtonVariant;
+  _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 { 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>;
-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,35 +1,40 @@
-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 { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
-export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
+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;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
-  _name?: string;
-  _on?: KoliBriButtonCallbacks<StencilUnknown>;
-  _role?: AlternativButtonLinkRole;
-  _syncValueBySelector?: string;
+  _name?: NamePropType;
+  _on?: ButtonCallbacksPropType<StencilUnknown>;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
-  _type?: KoliBriButtonType;
+  _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/types.d.ts

@@ -1,12 +1,12 @@
 import { Generic } from '@a11y-ui/core';
 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,24 +1,25 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { HasCloserPropType } from '../../types/props/has-closer';
+import { HasFooterPropType } from '../../types/props/has-footer';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriCardAPI, KoliBriCardEventCallbacks, KoliBriCardStates } from './types';
-export declare class KolCard implements KoliBriCardAPI {
+import { API, KoliBriCardEventCallbacks, States } from './types';
+export declare class KolCard implements API {
   private readonly close;
   private readonly on;
   render(): JSX.Element;
   _on?: KoliBriCardEventCallbacks;
-  _hasCloser?: HasCloserPropType;
+  _hasCloser?: boolean;
   _hasFooter?: boolean;
   _heading?: string;
   _headline?: string;
   _label?: LabelPropType;
   _level?: HeadingLevel;
-  state: KoliBriCardStates;
+  state: States;
   private validateOnValue;
   validateOn(value?: KoliBriCardEventCallbacks): void;
   validateHasCloser(value?: HasCloserPropType): void;
-  validateHasFooter(value?: boolean): void;
+  validateHasFooter(value?: HasFooterPropType): void;
   validateHeading(value?: string): void;
   validateHeadline(value?: string): void;
   validateLabel(value?: LabelPropType): 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

@@ -7,16 +7,16 @@ import { PropLabel } from '../../types/props/label';
 export type KoliBriCardEventCallbacks = {
   onClose?: EventCallback<Event>;
 };
-type RequiredProps = unknown;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   heading: string;
   headline: string;
   level: HeadingLevel;
   on: KoliBriCardEventCallbacks;
 } & PropHasFooter & PropLabel & PropHasCloser;
-export type koliBriCardProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+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,13 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriDetailsAPI, KoliBriDetailsStates } from './types';
-export declare class KolDetails implements KoliBriDetailsAPI {
+import { API, States } from './types';
+export declare class KolDetails implements API {
   private htmlDetailsElement?;
   render(): JSX.Element;
   _label?: LabelPropType;
   _open?: boolean;
   _summary?: string;
-  state: KoliBriDetailsStates;
+  state: States;
   validateLabel(value?: LabelPropType): void;
   validateOpen(value?: boolean): void;
   validateSummary(value?: string): 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';
 import { PropLabel } from '../../types/props/label';
-type RequiredProps = unknown;
+import { PropOpen } from '../../types/props/open';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
-  open: boolean;
   summary: string;
-} & PropLabel;
-export type KoliBriDetailsProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+} & 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,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { KoliBriHeadingAPI, KoliBriHeadingStates } from './types';
-export declare class KolHeadingWc implements KoliBriHeadingAPI {
+import { API, States } from './types';
+export declare class KolHeadingWc implements API {
   _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
-  state: KoliBriHeadingStates;
+  state: States;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateSecondaryHeadline(value?: string): void;

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

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

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

@@ -6,13 +6,13 @@ 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;
-} & PropLabelWithExpertSlot;
+};
 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,13 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriIconAPI, KoliBriIconStates } from './types';
-export declare class KolIcon implements KoliBriIconAPI {
+import { API, States } from './types';
+export declare class KolIcon implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
   _icon: string;
   _label?: LabelPropType;
   _part?: string;
-  state: KoliBriIconStates;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateIcon(value?: string): void;
   validateLabel(value?: LabelPropType): void;

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

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

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

@@ -7,9 +7,9 @@ type RequiredProps = {
 type OptionalProps = {
   part: string;
 } & PropAriaLabel & PropLabel;
-export type KoliBriIconProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
-export type KoliBriIconStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriIconAPI = 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/image/shadow.d.ts

@@ -1,8 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { ImageSourcePropType } from '../../types/props/image-source';
 import { Loading } from '../../utils/validators/loading';
-import { ComponentApi, States } from './types';
-export declare class KolImage implements ComponentApi {
+import { API, States } from './types';
+export declare class KolImage implements API {
   _alt: string;
   _loading?: Loading;
   _sizes?: string;

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

@@ -1,10 +1,9 @@
 import { Generic } from '@a11y-ui/core';
-import { ImageSourcePropType } from '../../types/props/image-source';
+import { PropImageSource } from '../../types/props/image-source';
 import { Loading } from '../../utils/validators/loading';
 type RequiredProps = {
-  src: ImageSourcePropType;
   alt: string;
-};
+} & PropImageSource;
 type OptionalProps = {
   loading: Loading;
   sizes: string;
@@ -19,5 +18,5 @@ type OptionalStates = {
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};