@public-ui/components 1.6.0-rc.0 → 1.6.0-rc.10

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

@@ -1,7 +1,48 @@
+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 { Align } from '../../types/props/align';
 export type KoliBriPaginationButtonCallbacks = {
   [Events.onClick]?: EventValueOrEventCallback<Event, number>;
   onChangePage?: EventValueOrEventCallback<Event, number>;
   onChangePageSize?: EventValueOrEventCallback<Event, number>;
 };
+export type PaginationHasButton = {
+  first: boolean;
+  last: boolean;
+  next: boolean;
+  previous: boolean;
+};
+type RequiredProps = {
+  on: KoliBriPaginationButtonCallbacks;
+  page: number;
+  total: number;
+};
+type OptionalProps = {
+  boundaryCount: number;
+  hasButtons: boolean | Stringified<PaginationHasButton>;
+  pageSize: number;
+  pageSizeOptions: Stringified<number[]>;
+  siblingCount: number;
+  tooltipAlign: Align;
+} & KoliBriButtonCustomClassPropState & KoliBriButtonVariantPropState;
+export type KoliBriPaginationProps = RequiredProps & OptionalProps;
+type RequiredStates = {
+  boundaryCount: number;
+  hasButtons: PaginationHasButton;
+  page: number;
+  pageSize: number;
+  pageSizeOptions: Option<number>[];
+  on: KoliBriPaginationButtonCallbacks;
+  siblingCount: number;
+  total: number;
+} & KoliBriButtonVariantPropState;
+type OptionalStates = {
+  tooltipAlign: Align;
+} & KoliBriButtonCustomClassPropState;
+export type KoliBriPaginationStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriPaginationAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,16 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { Alignment, PropAlignment, PropShow } from '../../types/props';
-type RequiredProps = unknown;
-type OptionalProps = PropAlignment & PropShow;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = PropAlignment & PropShow & {
-  visible: boolean;
-};
-type OptionalStates = unknown;
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
-export declare class KolPopover implements API {
+import { Align } from '../../types/props/align';
+import { KoliBriPopoverAPI, KoliBriPopoverStates } from './types';
+export declare class KolPopover implements KoliBriPopoverAPI {
   private arrowElement?;
   private popoverElement?;
   private triggerElement?;
@@ -27,11 +18,10 @@ export declare class KolPopover implements API {
   private catchPopoverElement;
   private catchArrowElement;
   render(): JSX.Element;
-  _alignment?: Alignment;
+  _align?: Align;
   _show?: boolean;
-  state: States;
-  validateAlignment(value?: Alignment): void;
+  state: KoliBriPopoverStates;
+  validateAlign(value?: Align): void;
   validateShow(value?: boolean): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,13 @@
+import { Generic } from '@a11y-ui/core';
+import { PropAlign } from '../../types/props/align';
+import { PropShow } from '../../types/props/show';
+type RequiredProps = unknown;
+type OptionalProps = PropAlign & PropShow;
+export type KoliBriPopoverProps = 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>;
+export {};

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

@@ -1,41 +1,23 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { KoliBriProgressType } from '../../types/progress';
-import { PropLabel } from '../../types/props';
-type RequiredProps = {
-  max: number;
-  value: number;
-};
-type OptionalProps = PropLabel & {
-  type: KoliBriProgressType;
-  unit: string;
-  variant: KoliBriProgressType;
-};
-type RequiredStates = RequiredProps & {
-  liveValue: number;
-};
-type OptionalStates = PropLabel & {
-  unit: string;
-  variant: KoliBriProgressType;
-};
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolProcess implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriProgressVariantType } from '../../types/progress';
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriProgressAPI, KoliBriProgressStates } from './types';
+export declare class KolProcess implements KoliBriProgressAPI {
   private interval?;
   render(): JSX.Element;
-  _label?: string;
+  _label?: LabelPropType;
   _max: number;
-  _type?: KoliBriProgressType;
+  _type?: KoliBriProgressVariantType;
   _unit?: string;
   _value: number;
-  _variant?: KoliBriProgressType;
-  state: States;
-  validateLabel(value?: string): void;
+  _variant?: KoliBriProgressVariantType;
+  state: KoliBriProgressStates;
+  validateLabel(value?: LabelPropType): void;
   validateMax(value?: number): void;
-  validateType(value?: KoliBriProgressType): void;
+  validateType(value?: KoliBriProgressVariantType): void;
   validateUnit(value?: string): void;
   validateValue(value?: number): void;
-  validateVariant(value?: KoliBriProgressType): void;
+  validateVariant(value?: KoliBriProgressVariantType): void;
   componentWillLoad(): void;
   disconnectedCallback(): void;
 }
-export {};

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

@@ -0,0 +1,22 @@
+import { Generic } from '@a11y-ui/core';
+import { KoliBriProgressVariantType } from '../../types/progress';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = {
+  max: number;
+  value: number;
+};
+type OptionalProps = {
+  type: KoliBriProgressVariantType;
+  unit: string;
+  variant: KoliBriProgressVariantType;
+} & PropLabel;
+type RequiredStates = RequiredProps & {
+  liveValue: number;
+};
+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 {};

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

@@ -1,11 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
-import { ComponentApi, KoliBriQuoteVariant, States } from './types';
-export declare class KolQuote implements ComponentApi {
+import { KoliBriQuoteApi, KoliBriQuoteStates, KoliBriQuoteVariant } from './types';
+export declare class KolQuote implements KoliBriQuoteApi {
   _caption?: string;
   _href: string;
   _quote: string;
   _variant?: KoliBriQuoteVariant;
-  state: States;
+  state: KoliBriQuoteStates;
   validateCaption(value?: string): void;
   validateHref(value?: string): void;
   validateQuote(value?: string): void;

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

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

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

@@ -1,22 +1,21 @@
 import { Generic } from '@a11y-ui/core';
+import { PropHref } from '../../types/props/href';
 export type KoliBriQuoteVariant = 'block' | 'inline';
 type RequiredProps = {
-  href: string;
   quote: string;
-};
+} & PropHref;
 type OptionalProps = {
   caption: string;
   variant: KoliBriQuoteVariant;
 };
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export type KoliBriQuoteProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  href: string;
   quote: string;
   variant: KoliBriQuoteVariant;
-};
+} & PropHref;
 type OptionalStates = {
   caption: string;
 };
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type KoliBriQuoteStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriQuoteApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -2,6 +2,7 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { ComponentApi, States } from './types';
 export declare class KolSelect implements ComponentApi {
@@ -20,13 +21,14 @@ export declare class KolSelect implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list: Stringified<SelectOption<W3CInputValue>[]>;
   _multiple?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;
   _required?: boolean;
   _size?: number;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: Stringified<W3CInputValue[]>;
@@ -41,13 +43,14 @@ export declare class KolSelect implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<SelectOption<W3CInputValue>[]>): void;
   validateMultiple(value?: boolean): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: Stringified<W3CInputValue[]>): void;

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, SelectOption } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { W3CInputValue } from '../../types/w3c';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps & {
   list: Stringified<SelectOption<W3CInputValue>[]>;
 };
@@ -22,6 +22,7 @@ type OptionalProps = {
   on: InputTypeOnDefault;
   required: boolean;
   size: number;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: Stringified<W3CInputValue[]>;
@@ -33,7 +34,7 @@ type RequiredStates = {
   list: SelectOption<W3CInputValue>[];
   multiple: boolean;
   value: W3CInputValue[];
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;

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

@@ -1,25 +1,16 @@
 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;
-type RequiredStates = {
-  ariaLabel: string;
-  links: LinkProps[];
-};
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSkipNav implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriSkipNavAPI, KoliBriSkipNavStates } from './types';
+export declare class KolSkipNav implements KoliBriSkipNavAPI {
   render(): JSX.Element;
-  _ariaLabel: string;
+  _ariaLabel?: string;
+  _label?: LabelPropType;
   _links: Stringified<LinkProps[]>;
-  state: States;
+  state: KoliBriSkipNavStates;
   validateAriaLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;
   componentWillLoad(): void;
 }
-export {};

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

@@ -0,0 +1,16 @@
+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 { PropLabel } from '../../types/props/label';
+type RequiredProps = {
+  links: Stringified<LinkProps[]>;
+};
+type OptionalProps = PropAriaLabel & PropLabel;
+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 {};

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

@@ -1,36 +1,18 @@
-import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
-import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
-type RequiredProps = {
-  label: string;
-};
-type OptionalProps = {
-  icon: Stringified<KoliBriIconProp>;
-  iconOnly: boolean;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
-  icon: {
-    top?: KoliBriCustomIcon;
-    right?: KoliBriCustomIcon;
-    bottom?: KoliBriCustomIcon;
-    left?: KoliBriCustomIcon;
-  };
-  iconOnly: boolean;
-  label: string;
-};
-type OptionalStates = unknown;
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSpanWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriIconProp } from '../../types/icon';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { KolibriSpanAPI, KolibriSpanStates } from './types';
+export declare class KolSpanWc implements KolibriSpanAPI {
   render(): JSX.Element;
+  _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _label: string;
-  state: States;
+  _label: LabelWithExpertSlotPropType;
+  state: KolibriSpanStates;
+  validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
   validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { Generic } from '@a11y-ui/core';
+import { Stringified } from '../../types/common';
+import { KoliBriCustomIcon, KoliBriIconProp } from '../../types/icon';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+type RequiredProps = PropLabelWithExpertSlot;
+type OptionalProps = {
+  icon: Stringified<KoliBriIconProp>;
+  iconOnly: boolean;
+} & PropHideLabel;
+export type KolibriSpanProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = {
+  icon: {
+    top?: KoliBriCustomIcon;
+    right?: KoliBriCustomIcon;
+    bottom?: KoliBriCustomIcon;
+    left?: KoliBriCustomIcon;
+  };
+} & PropLabelWithExpertSlot;
+type OptionalStates = {
+  iconOnly: boolean;
+} & PropHideLabel;
+export type KolibriSpanStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KolibriSpanAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,21 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { PropSpinVariant, SpinVariant } from '../../types/props/variant/spin';
-import { PropShow } from '../../types/props';
-type RequiredProps = unknown;
-type OptionalProps = PropSpinVariant & PropShow;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = PropSpinVariant;
-type OptionalStates = PropShow;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolSpin implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { SpinVariant } from '../../types/props/variant/spin';
+import { KoliBriSpinAPI, KoliBriSpinStates } from './types';
+export declare class KolSpin implements KoliBriSpinAPI {
   private showToggled;
   render(): JSX.Element;
   _show?: boolean;
   _variant?: SpinVariant;
-  state: States;
+  state: KoliBriSpinStates;
   validateShow(value?: boolean): void;
   validateVariant(value?: SpinVariant): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +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 OptionalProps = PropSpinVariant & PropShow;
+export type KoliBriSpinProps = 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 {};

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

@@ -1,7 +1,11 @@
 import { JSX } from '../../stencil-public-runtime';
-import { API, KoliBriSplitButtonCallback, States } from './types';
-import { Alignment, AlternativButtonLinkRole, AriaCurrent, KoliBriButtonType, KoliBriButtonVariant, Stringified } from '../../components';
-export declare class KolSplitButton implements API {
+import { AlternativButtonLinkRole, KoliBriButtonType, KoliBriButtonVariant } from '../../types/button-link';
+import { Stringified } from '../../types/common';
+import { Align } from '../../types/props/align';
+import { AriaCurrent } from '../../types/props/aria-current';
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriSplitButtonAPI, KoliBriSplitButtonAStates, KoliBriSplitButtonCallback } from './types';
+export declare class KolSplitButton implements KoliBriSplitButtonAPI {
   private dropdown;
   private dropdownContent;
   private readonly clickHandler;
@@ -23,18 +27,18 @@ export declare class KolSplitButton implements API {
   _hideLabel?: boolean;
   _icon?: string;
   _iconOnly?: boolean;
-  _label: string;
+  _label: LabelPropType;
   _on?: {
     onClick: KoliBriSplitButtonCallback;
   };
   _role?: AlternativButtonLinkRole;
   _showDropdown?: boolean;
   _tabIndex?: number;
-  _tooltipAlign?: Alignment;
+  _tooltipAlign?: Align;
   _type?: KoliBriButtonType;
   _value?: Stringified<unknown>;
   _variant?: KoliBriButtonVariant;
-  state: States;
+  state: KoliBriSplitButtonAStates;
   validateAccessKey(value?: string): void;
   validateAriaControls(value?: string): void;
   validateAriaCurrent(value?: AriaCurrent): void;
@@ -46,14 +50,14 @@ export declare class KolSplitButton implements API {
   validateHideLabel(value?: boolean): void;
   validateIcon(value?: string): void;
   validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateOn(value?: {
     onClick: KoliBriSplitButtonCallback;
   }): void;
   validateRole(value?: AlternativButtonLinkRole): void;
   validateShowDropdown(value?: boolean): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Alignment): void;
+  validateTooltipAlign(value?: Align): void;
   validateType(value?: KoliBriButtonType): void;
   validateValue(value?: Stringified<unknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { PropLabel } from '../../types/props';
+import { PropLabel } from '../../types/props/label';
 export type KoliBriSplitButtonCallback = (e: Event) => void;
 type RequiredProps = PropLabel;
 type OptionalProps = {
@@ -18,6 +18,6 @@ type RequiredStates = PropLabel & {
 type OptionalStates = {
   icon: string;
 };
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export type KoliBriSplitButtonAStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriSplitButtonAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};

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

@@ -1,21 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-type RequiredProps = {
-  ariaLabel: string;
-  symbol: string;
-};
-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 KolSymbol implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriSymbolAPI, KoliBriSymbolStates } from './types';
+export declare class KolSymbol implements KoliBriSymbolAPI {
   render(): JSX.Element;
-  _ariaLabel: string;
+  _ariaLabel?: string;
+  _label?: LabelPropType;
   _symbol: string;
-  state: States;
+  state: KoliBriSymbolStates;
   validateAriaLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateSymbol(value?: string): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,13 @@
+import { Generic } from '@a11y-ui/core';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = {
+  symbol: string;
+};
+type OptionalProps = PropAriaLabel & PropLabel;
+export type KoliBriSymbolProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps;
+type OptionalStates = OptionalProps;
+export type KoliBriSymbolStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriSymbolAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};