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

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

@@ -26,6 +26,6 @@ type RequiredStates = {
   variant: KoliBriNavVariant;
 } & PropCollapsible & PropHasCompactButton & PropLabel & PropHideLabel;
 type OptionalStates = PropCompact;
-export type KoliBriNavStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriNavAPI = 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/pagination/component.d.ts

@@ -1,25 +1,26 @@
 import { JSX } from '../../stencil-public-runtime';
-import { KoliBriButtonVariant } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { AlignPropType } from '../../types/props/align';
-import { KoliBriPaginationAPI, KoliBriPaginationButtonCallbacks, KoliBriPaginationStates, PaginationHasButton } from './types';
-export declare class KolPagination implements KoliBriPaginationAPI {
+import { API, KoliBriPaginationButtonCallbacks, States, PaginationHasButton } from './types';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { ButtonVariantPropType } from '../../types/props/button-variant';
+import { CustomClassPropType } from '../../types/props/custom-class';
+export declare class KolPagination implements API {
   private readonly nonce;
   private readonly calcCount;
   private readonly getCount;
   render(): JSX.Element;
   _boundaryCount?: number;
-  _customClass?: string;
+  _customClass?: CustomClassPropType;
   _hasButtons?: boolean | Stringified<PaginationHasButton>;
   _page: number;
   _pageSize: number;
   _pageSizeOptions: Stringified<number[]>;
   _on: KoliBriPaginationButtonCallbacks;
   _siblingCount?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _total: number;
-  _variant?: KoliBriButtonVariant;
-  state: KoliBriPaginationStates;
+  _variant?: ButtonVariantPropType;
+  state: States;
   private onClick;
   private onChangePage;
   private onChangePageSize;
@@ -30,7 +31,7 @@ export declare class KolPagination implements KoliBriPaginationAPI {
   private getUnselectedPageButton;
   private getSelectedPageButton;
   validateBoundaryCount(value?: number): void;
-  validateCustomClass(value?: string): void;
+  validateCustomClass(value?: CustomClassPropType): void;
   validateHasButtons(value?: string | boolean | Stringified<PaginationHasButton>): void;
   validateOn(value?: KoliBriPaginationButtonCallbacks): void;
   validatePage(value?: number): void;
@@ -41,7 +42,7 @@ export declare class KolPagination implements KoliBriPaginationAPI {
   validatePageSizeOptions(value?: Stringified<number[]>): void;
   validateSiblingCount(value?: number): void;
   validateTotal(value?: number): void;
-  validateTooltipAlign(value?: AlignPropType): void;
-  validateVariant(value?: KoliBriButtonVariant): void;
+  validateTooltipAlign(value?: TooltipAlignPropType): void;
+  validateVariant(value?: ButtonVariantPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,10 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { Events } from '../../enums/events';
-import { KoliBriButtonCustomClassPropState, KoliBriButtonVariantPropState } from '../../types/button-link';
 import { EventValueOrEventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
 import { Option } from '../../types/input/types';
-import { AlignPropType } from '../../types/props/align';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropButtonVariant } from '../../types/props/button-variant';
+import { PropCustomClass } from '../../types/props/custom-class';
 export type KoliBriPaginationButtonCallbacks = {
   [Events.onClick]?: EventValueOrEventCallback<Event, number>;
   onChangePage?: EventValueOrEventCallback<Event, number>;
@@ -27,8 +28,7 @@ type OptionalProps = {
   pageSize: number;
   pageSizeOptions: Stringified<number[]>;
   siblingCount: number;
-  tooltipAlign: AlignPropType;
-} & KoliBriButtonCustomClassPropState & KoliBriButtonVariantPropState;
+} & PropCustomClass & PropButtonVariant & PropTooltipAlign;
 export type KoliBriPaginationProps = RequiredProps & OptionalProps;
 type RequiredStates = {
   boundaryCount: number;
@@ -39,10 +39,8 @@ type RequiredStates = {
   on: KoliBriPaginationButtonCallbacks;
   siblingCount: number;
   total: number;
-} & KoliBriButtonVariantPropState;
-type OptionalStates = {
-  tooltipAlign: AlignPropType;
-} & KoliBriButtonCustomClassPropState;
-export type KoliBriPaginationStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriPaginationAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+} & PropButtonVariant;
+type OptionalStates = PropCustomClass & PropTooltipAlign;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,8 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { AlignPropType } from '../../types/props/align';
 import { ShowPropType } from '../../types/props/show';
-import { KoliBriPopoverAPI, KoliBriPopoverStates } from './types';
-export declare class KolPopover implements KoliBriPopoverAPI {
+import { API, States } from './types';
+export declare class KolPopover implements API {
   private arrowElement?;
   private popoverElement?;
   private triggerElement?;
@@ -20,8 +20,8 @@ export declare class KolPopover implements KoliBriPopoverAPI {
   private catchArrowElement;
   render(): JSX.Element;
   _align?: AlignPropType;
-  _show?: ShowPropType;
-  state: KoliBriPopoverStates;
+  _show?: boolean;
+  state: States;
   validateAlign(value?: AlignPropType): void;
   validateShow(value?: ShowPropType): void;
   componentWillLoad(): void;

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

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

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

@@ -1,13 +1,13 @@
 import { Generic } from '@a11y-ui/core';
 import { PropAlign } from '../../types/props/align';
 import { PropShow } from '../../types/props/show';
-type RequiredProps = unknown;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = PropAlign & PropShow;
-export type KoliBriPopoverProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = PropAlign & PropShow & {
   visible: boolean;
 };
-type OptionalStates = unknown;
-export type KoliBriPopoverStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriPopoverAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+type OptionalStates = NonNullable<unknown>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,8 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { KoliBriProgressVariantType } from '../../types/progress';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriProgressAPI, KoliBriProgressStates } from './types';
-export declare class KolProcess implements KoliBriProgressAPI {
+import { API, States } from './types';
+export declare class KolProcess implements API {
   private interval?;
   render(): JSX.Element;
   _label?: LabelPropType;
@@ -11,7 +11,7 @@ export declare class KolProcess implements KoliBriProgressAPI {
   _unit?: string;
   _value: number;
   _variant?: KoliBriProgressVariantType;
-  state: KoliBriProgressStates;
+  state: States;
   validateLabel(value?: LabelPropType): void;
   validateMax(value?: number): void;
   validateType(value?: KoliBriProgressVariantType): void;

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

@@ -17,6 +17,6 @@ type OptionalStates = {
   unit: string;
   variant: KoliBriProgressVariantType;
 } & PropLabel;
-export type KoliBriProgressStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriProgressAPI = 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/quote/shadow.d.ts

@@ -1,14 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriQuoteApi, KoliBriQuoteStates, KoliBriQuoteVariant } from './types';
+import { API, States, KoliBriQuoteVariant } from './types';
 import { HrefPropType } from '../../types/props/href';
-export declare class KolQuote implements KoliBriQuoteApi {
+export declare class KolQuote implements API {
   _caption?: string;
   _label?: string;
   _href: HrefPropType;
   _quote: string;
   _variant?: KoliBriQuoteVariant;
-  state: KoliBriQuoteStates;
+  state: States;
   validateCaption(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateHref(value?: HrefPropType): void;

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

@@ -1,6 +1,6 @@
-import { KoliBriQuoteProps } from '../types';
+import { Props } from '../types';
 type Slot = {
   expert?: string;
 };
-export declare const getQuoteHtml: (props: KoliBriQuoteProps, slots?: Slot) => string;
+export declare const getQuoteHtml: (props: Props, slots?: Slot) => string;
 export {};

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

@@ -9,12 +9,12 @@ type OptionalProps = {
   caption: string;
   variant: KoliBriQuoteVariant;
 } & PropLabel;
-export type KoliBriQuoteProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   quote: string;
   variant: KoliBriQuoteVariant;
 } & PropHref;
 type OptionalStates = PropLabel;
-export type KoliBriQuoteStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriQuoteApi = 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/select/component.d.ts

@@ -2,13 +2,16 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
-import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { OptionsWithOptgroupPropType } from '../../types/props/options';
 import { RowsPropType } from '../../types/props/rows';
 import { W3CInputValue } from '../../types/w3c';
-import { ComponentApi, States } from './types';
-export declare class KolSelect implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolSelect implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -23,19 +26,19 @@ export declare class KolSelect implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<SelectOption<W3CInputValue>[]>;
   _multiple?: boolean;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _options?: OptionsWithOptgroupPropType;
   _required?: boolean;
   _rows?: RowsPropType;
   _size?: number;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: Stringified<W3CInputValue[]>;
   state: States;
@@ -58,7 +61,7 @@ export declare class KolSelect implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateRows(value?: RowsPropType): void;
   validateSize(value?: number): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: Stringified<W3CInputValue[]>): void;

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

@@ -6,54 +6,46 @@ import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropOptionsWithOptgroup } from '../../types/props/options';
 import { PropRows } from '../../types/props/rows';
 import { W3CInputValue } from '../../types/w3c';
-import { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps;
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropMultiple } from '../../types/props/multiple';
+import { PropName } from '../../types/props/name';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
   height: string;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
   list: Stringified<SelectOption<W3CInputValue>[]>;
-  multiple: boolean;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
   size: number;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   value: Stringified<W3CInputValue[]>;
-} & PropRows & PropOptionsWithOptgroup;
+} & PropDisabled & PropHideLabel & PropMultiple & PropName & PropOptionsWithOptgroup & PropRequired & PropRows & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   hasValue: boolean;
-  id: string;
   options: SelectOption<W3CInputValue>[];
-  multiple: boolean;
   value: W3CInputValue[];
-} & PropLabelWithExpertSlot;
+} & PropId & PropMultiple & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
   height: string;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
-  id: string;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
   size: number;
   tabIndex: number;
-  touched: boolean;
-} & PropRows;
+} & PropDisabled & PropHideLabel & PropId & PropName & PropRequired & PropRows & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, Omit<OptionalProps, 'size' | 'list'>>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

package/dist/types/components/skip-nav/component.d.ts

@@ -1,14 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { LinkProps } from '../../types/button-link';
+import { Props as LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriSkipNavAPI, KoliBriSkipNavStates } from './types';
-export declare class KolSkipNav implements KoliBriSkipNavAPI {
+import { API, States } from './types';
+export declare class KolSkipNav implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
   _label?: LabelPropType;
   _links: Stringified<LinkProps[]>;
-  state: KoliBriSkipNavStates;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;

package/dist/types/components/skip-nav/types.d.ts

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { LinkProps } from '../../types/button-link';
+import { Props as LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { PropAriaLabel } from '../../types/props/aria-label';
 import { PropLabel } from '../../types/props/label';
@@ -11,6 +11,6 @@ type RequiredStates = {
   links: LinkProps[];
 } & PropLabel;
 type OptionalStates = OptionalProps;
-export type KoliBriSkipNavStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriSkipNavAPI = 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/span/component.d.ts

@@ -3,14 +3,14 @@ import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { KolibriSpanAPI, KolibriSpanStates } from './types';
-export declare class KolSpanWc implements KolibriSpanAPI {
+import { API, States } from './types';
+export declare class KolSpanWc implements API {
   render(): JSX.Element;
-  _hideLabel?: HideLabelPropType;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: LabelWithExpertSlotPropType;
-  state: KolibriSpanStates;
+  state: States;
   validateHideLabel(value?: HideLabelPropType): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconOnly(value?: boolean): void;

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

@@ -2,11 +2,10 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { KolibriSpanProps } from './types';
-import { HideLabelPropType } from '../../types/props/hide-label';
-export declare class KolSpan implements KolibriSpanProps {
+import { Props } from './types';
+export declare class KolSpan implements Props {
   render(): JSX.Element;
-  _hideLabel?: HideLabelPropType;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: LabelWithExpertSlotPropType;

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

@@ -1,8 +1,8 @@
-import { KolibriSpanProps } from '../types';
+import { Props } from '../types';
 type Slots = {
   ''?: string;
   expert?: string;
 } & Record<string, undefined | string>;
-export declare const getSpanWcHtml: (props: KolibriSpanProps, slots?: Slots, additionalAttrs?: string) => string;
-export declare const getSpanHtml: (props: KolibriSpanProps, slots?: Slots) => string;
+export declare const getSpanWcHtml: (props: Props, slots?: Slots, additionalAttrs?: string) => string;
+export declare const getSpanHtml: (props: Props, slots?: Slots) => string;
 export {};

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

@@ -8,7 +8,7 @@ type OptionalProps = {
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
 } & PropHideLabel;
-export type KolibriSpanProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   icon: {
     top?: KoliBriCustomIcon;
@@ -20,6 +20,6 @@ type RequiredStates = {
 type OptionalStates = {
   iconOnly: boolean;
 } & PropHideLabel;
-export type KolibriSpanStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KolibriSpanAPI = 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/spin/component.d.ts

@@ -1,13 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
 import { SpinVariantPropType } from '../../types/props/variant/spin';
-import { KoliBriSpinAPI, KoliBriSpinStates } from './types';
+import { API, States } from './types';
 import { ShowPropType } from '../../types/props/show';
-export declare class KolSpin implements KoliBriSpinAPI {
+export declare class KolSpin implements API {
   private showToggled;
   render(): JSX.Element;
-  _show?: ShowPropType;
+  _show?: boolean;
   _variant?: SpinVariantPropType;
-  state: KoliBriSpinStates;
+  state: States;
   validateShow(value?: ShowPropType): void;
   validateVariant(value?: SpinVariantPropType): void;
   componentWillLoad(): void;

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

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

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

@@ -1,11 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { PropShow } from '../../types/props/show';
 import { PropSpinVariant } from '../../types/props/variant/spin';
-type RequiredProps = unknown;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = PropSpinVariant & PropShow;
-export type KoliBriSpinProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = PropSpinVariant;
 type OptionalStates = PropShow;
-export type KoliBriSpinStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriSpinAPI = 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/split-button/component.d.ts

@@ -1,13 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { AlignPropType } from '../../types/props/align';
 import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { DisabledPropType } from '../../types/props/disabled';
 import { LabelPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
-import { KoliBriSplitButtonAPI, KoliBriSplitButtonAStates, KoliBriSplitButtonCallback } from './types';
-export declare class KolSplitButton implements KoliBriSplitButtonAPI {
+import { API, KoliBriSplitButtonCallback, States } from './types';
+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 KolSplitButton implements API {
   private dropdown;
   private dropdownContent;
   private readonly clickHandler;
@@ -25,7 +28,7 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _customClass?: string;
-  _disabled?: DisabledPropType;
+  _disabled?: boolean;
   _hideLabel?: boolean;
   _icon?: string;
   _iconOnly?: boolean;
@@ -34,15 +37,15 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   _on?: {
     onClick: KoliBriSplitButtonCallback;
   };
-  _role?: AlternativButtonLinkRole;
-  _syncValueBySelector?: string;
+  _role?: AlternativeButtonLinkRolePropType;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _showDropdown?: boolean;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
-  _type?: KoliBriButtonType;
+  _tooltipAlign?: TooltipAlignPropType;
+  _type?: ButtonTypePropType;
   _value?: Stringified<StencilUnknown>;
-  _variant?: KoliBriButtonVariant;
-  state: KoliBriSplitButtonAStates;
+  _variant?: ButtonVariantPropType;
+  state: States;
   validateAccessKey(value?: string): void;
   validateAriaControls(value?: string): void;
   validateAriaCurrent(value?: AriaCurrentPropType): void;
@@ -58,12 +61,12 @@ export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   validateOn(value?: {
     onClick: KoliBriSplitButtonCallback;
   }): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
+  validateRole(value?: AlternativeButtonLinkRolePropType): void;
   validateShowDropdown(value?: boolean): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: AlignPropType): 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/split-button/types.d.ts

@@ -1,5 +1,8 @@
 import { Generic } from '@a11y-ui/core';
 import { PropLabel } from '../../types/props/label';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropButtonVariant } from '../../types/props/button-variant';
 export type KoliBriSplitButtonCallback = (e: Event) => void;
 type RequiredProps = PropLabel;
 type OptionalProps = {
@@ -8,7 +11,7 @@ type OptionalProps = {
     onClick: KoliBriSplitButtonCallback;
   };
   showDropdown: boolean;
-};
+} & PropAlternativeButtonLinkRole & PropTooltipAlign & PropButtonVariant;
 type RequiredStates = PropLabel & {
   showDropdown: boolean;
   on: {
@@ -18,6 +21,6 @@ type RequiredStates = PropLabel & {
 type OptionalStates = {
   icon: string;
 };
-export type KoliBriSplitButtonAStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriSplitButtonAPI = 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/symbol/component.d.ts

@@ -1,12 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { LabelPropType } from '../../types/props/label';
-import { KoliBriSymbolAPI, KoliBriSymbolStates } from './types';
-export declare class KolSymbol implements KoliBriSymbolAPI {
+import { API, Statest } from './types';
+export declare class KolSymbol implements API {
   render(): JSX.Element;
   _ariaLabel?: string;
   _label?: LabelPropType;
   _symbol: string;
-  state: KoliBriSymbolStates;
+  state: Statest;
   validateAriaLabel(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateSymbol(value?: string): void;

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

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

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

@@ -5,9 +5,9 @@ type RequiredProps = {
   symbol: string;
 };
 type OptionalProps = PropAriaLabel & PropLabel;
-export type KoliBriSymbolProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = RequiredProps;
 type OptionalStates = PropLabel;
-export type KoliBriSymbolStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriSymbolAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type Statest = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};