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

package/dist/types/components/input-text/types.d.ts

@@ -1,71 +1,64 @@
 import { Generic } from '@a11y-ui/core';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTextType } from '../../types/input/control/text';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-import { PropLabel } from '../../types/props';
-import { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps;
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropSuggestions } from '../../types/props/suggestions';
+import { W3CInputValue } from '../../types/w3c';
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHasCounter } from '../../types/props/has-counter';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropId } from '../../types/props/id';
+import { PropName } from '../../types/props/name';
+import { PropReadOnly } from '../../types/props/read-only';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
   autoComplete: InputTypeOnOff;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
-  id: string;
   list: Stringified<string[]>;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
-  smartButton: ButtonProps;
-  syncValueBySelector: string;
+  smartButton: Stringified<ButtonProps>;
   tabIndex: number;
-  touched: boolean;
   type: InputTextType;
   value: string;
-};
+} & PropDisabled & PropHasCounter & PropHideLabel & PropId & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
-  id: string;
-  list: string[];
+  suggestions: W3CInputValue[];
   type: InputTextType;
-} & PropLabel;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
   currentLength: number;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
   smartButton: ButtonProps;
   tabIndex: number;
-  touched: boolean;
   value: string;
-};
+} & PropDisabled & PropHasCounter & PropHideLabel & PropName & PropReadOnly & PropRequired & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
-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/kolibri/component.d.ts

@@ -1,14 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
+import { Stringified } from '../../types/common';
 import { PropColor } from '../../types/props/color';
-import { Stringified } from '../../components';
-import { KoliBriKolibriAPI, KoliBriKolibriStates } from './types';
-export declare class KolKolibri implements KoliBriKolibriAPI {
+import { API, States } from './types';
+export declare class KolKolibri implements API {
   render(): JSX.Element;
   private interval?;
   _animate?: boolean;
   _color?: Stringified<PropColor>;
   _labeled?: boolean;
-  state: KoliBriKolibriStates;
+  state: States;
   validateAnimate(value?: boolean): void;
   private handleColorChange;
   validateColor(value?: Stringified<PropColor>): void;

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

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
-import { PropColor, Stringified } from '../../components';
-type RequiredProps = unknown;
+import { Stringified } from '../../types/common';
+import { PropColor } from '../../types/props/color';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   animate: boolean;
   color: Stringified<PropColor>;
@@ -15,7 +16,7 @@ type RequiredStates = {
   };
   labeled: boolean;
 };
-type OptionalStates = unknown;
-export type KoliBriKolibriStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriKolibriAPI = 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/link/component.d.ts

@@ -1,60 +1,72 @@
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, KoliBriLinkAPI, LinkOnCallbacks, LinkStates, LinkTarget, LinkUseCase } from '../../types/button-link';
+import { LinkUseCase } from '../../types/button-link';
+import { States as LinkStates } from '../link/types';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolLinkWc implements KoliBriLinkAPI {
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { DownloadPropType } from '../../types/props/download';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { LinkTargetPropType } from '../../types/props/link-target';
+import { API } from './types';
+import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
+export declare class KolLinkWc implements API {
   private readonly host?;
-  private readonly nonce;
   private ref?;
   private readonly catchRef;
   private readonly onClick;
   private readonly getRenderValues;
   render(): JSX.Element;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
-  _download?: boolean | string;
+  _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Align;
+  _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
-  _label?: string;
-  _on?: LinkOnCallbacks;
-  _role?: AlternativButtonLinkRole;
+  _label?: LabelWithExpertSlotPropType;
+  _listenAriaCurrent?: AriaCurrentPropType;
+  _on?: LinkOnCallbacksPropType;
+  _role?: AlternativeButtonLinkRolePropType;
   _selector?: string;
   _stealth?: boolean;
   _tabIndex?: number;
-  _target?: LinkTarget;
+  _target?: LinkTargetPropType;
   _targetDescription?: string;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _useCase?: LinkUseCase;
   state: LinkStates;
   validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
+  validateAriaCurrent(value?: AriaCurrentPropType): void;
   validateAriaExpanded(value?: boolean): void;
   validateAriaLabel(value?: string): void;
   validateAriaSelected(value?: boolean): void;
   validateDisabled(value?: boolean): void;
-  validateDownload(value?: boolean | string): void;
+  validateDownload(value?: DownloadPropType): void;
   validateHideLabel(value?: boolean): void;
   validateHref(value?: string): void;
   validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Align): void;
+  validateIconAlign(value?: AlignPropType): void;
   validateIconOnly(value?: boolean): void;
-  validateLabel(value?: string): void;
-  validateOn(value?: LinkOnCallbacks): void;
-  validateRole(value?: AlternativButtonLinkRole): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
+  validateListenAriaCurrent(value?: AriaCurrentPropType): void;
+  validateOn(value?: LinkOnCallbacksPropType): void;
+  validateRole(value?: AlternativeButtonLinkRolePropType): void;
   validateSelector(value?: string): void;
   validateStealth(value?: boolean): void;
   validateTabIndex(value?: number): void;
-  validateTarget(value?: LinkTarget): void;
+  validateTarget(value?: LinkTargetPropType): void;
   validateTargetDescription(value?: string): void;
-  validateTooltipAlign(value?: Align): void;
+  validateTooltipAlign(value?: TooltipAlignPropType): void;
   validateUseCase(value?: LinkUseCase): void;
   componentWillLoad(): void;
+  private unsubscribeAriaCurrentSubject;
+  disconnectedCallback(): void;
 }

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

@@ -1,34 +1,42 @@
-import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
-import { AlternativButtonLinkRole, LinkOnCallbacks, LinkTarget, LinkUseCase, OptionalLinkProps, RequiredLinkProps } from '../../types/button-link';
+import { LinkUseCase } from '../../types/button-link';
+import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolLink implements Generic.Element.Members<RequiredLinkProps, OptionalLinkProps> {
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { DownloadPropType } from '../../types/props/download';
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { LinkTargetPropType } from '../../types/props/link-target';
+import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
+export declare class KolLink implements LinkProps {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
   _disabled?: boolean;
-  _download?: boolean | string;
+  _download?: DownloadPropType;
   _hideLabel?: boolean;
   _href: string;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Align;
+  _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
-  _label?: string;
-  _on?: LinkOnCallbacks;
-  _role?: AlternativButtonLinkRole;
+  _label?: LabelWithExpertSlotPropType;
+  _listenAriaCurrent?: AriaCurrentPropType;
+  _on?: LinkOnCallbacksPropType;
+  _role?: AlternativeButtonLinkRolePropType;
   _selector?: string;
   _stealth?: boolean;
   _tabIndex?: number;
-  _target?: LinkTarget;
+  _target?: LinkTargetPropType;
   _targetDescription?: string;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _useCase?: LinkUseCase;
 }

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

@@ -1,2 +1,2 @@
-import { LinkProps } from '../../../types/button-link';
+import { LinkProps } from '../../link/types';
 export declare const getLinkHtml: (props: LinkProps, innerHTML?: string) => string;

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

@@ -0,0 +1,34 @@
+import { PropHref } from '../../types/props/href';
+import { PropDownload } from '../../types/props/download';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { PropAriaCurrent, PropListenAriaCurrent } from '../../types/props/aria-current';
+import { PropStealth } from '../../types/props/stealth';
+import { PropLinkTarget } from '../../types/props/link-target';
+import { Generic } from '@a11y-ui/core';
+import { LinkUseCase } from '../../types/button-link';
+import { PropTooltipAlign } from '../../types/props/tooltip-align';
+import { PropAriaExpanded } from '../../types/props/aria-expanded';
+import { AlignPropType } from '../../types/props/align';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropAriaControls } from '../../types/props/aria-controls';
+import { PropAriaSelected } from '../../types/props/aria-selected';
+import { PropIcon } from '../../types/props/icon';
+import { PropLinkOnCallbacks } from '../../types/props/link-on-callbacks';
+export type RequiredProps = PropHref;
+export type OptionalProps = {
+  targetDescription: string;
+  tabIndex: number;
+  iconAlign: AlignPropType;
+  iconOnly: boolean;
+  selector: string;
+  useCase: LinkUseCase;
+} & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaCurrent & PropAriaExpanded & PropAriaLabel & PropAriaSelected & PropDisabled & PropDownload & PropHideLabel & PropIcon & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropListenAriaCurrent & PropStealth & PropTooltipAlign;
+export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = PropIcon & PropHref & PropLabelWithExpertSlot;
+type OptionalStates = Omit<RequiredProps & OptionalProps, keyof RequiredStates>;
+export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type API = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,32 +1,40 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { AlternativButtonLinkRole, KoliBriButtonVariant, LinkOnCallbacks, LinkTarget, OptionalLinkButtonProps, RequiredLinkButtonProps } from '../../types/button-link';
-import { Stringified } from '../../types/common';
-import { KoliBriIconProp } from '../../types/icon';
-import { AriaCurrent, Align } from '../../types/props';
-export declare class KolLinkButton implements Generic.Element.Members<RequiredLinkButtonProps, OptionalLinkButtonProps> {
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { DownloadPropType } from '../../types/props/download';
+import { AlternativeButtonLinkRolePropType } from '../../types/props/alternative-button-link-role';
+import { ButtonVariantPropType } from '../../types/props/button-variant';
+import { LinkTargetPropType } from '../../types/props/link-target';
+import { Props } from './types';
+import { CustomClassPropType } from '../../types/props/custom-class';
+import { HrefPropType } from '../../types/props/href';
+import { IconPropType } from '../../types/props/icon';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { LinkOnCallbacksPropType } from '../../types/props/link-on-callbacks';
+export declare class KolLinkButton implements Props {
   private readonly host?;
   private ref?;
   private readonly catchRef;
   render(): JSX.Element;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
-  _customClass?: string;
+  _customClass?: CustomClassPropType;
   _disabled?: boolean;
-  _download?: boolean | string;
+  _download?: DownloadPropType;
   _hideLabel?: boolean;
-  _href: string;
-  _icon?: Stringified<KoliBriIconProp>;
+  _href: HrefPropType;
+  _icon?: IconPropType;
   _iconOnly?: boolean;
-  _label: string;
-  _on?: LinkOnCallbacks;
-  _role?: AlternativButtonLinkRole;
+  _label: LabelWithExpertSlotPropType;
+  _listenAriaCurrent?: AriaCurrentPropType;
+  _on?: LinkOnCallbacksPropType;
+  _role?: AlternativeButtonLinkRolePropType;
   _tabIndex?: number;
-  _target?: LinkTarget;
+  _target?: LinkTargetPropType;
   _targetDescription?: string;
-  _tooltipAlign?: Align;
-  _variant?: KoliBriButtonVariant;
+  _tooltipAlign?: TooltipAlignPropType;
+  _variant?: ButtonVariantPropType;
 }

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

@@ -0,0 +1,7 @@
+import { Generic } from '@a11y-ui/core';
+import { OptionalProps as LinkOptionalProps, RequiredProps as LinkRequiredProps } from '../link/types';
+import { PropAlternativeButtonLinkRole } from '../../types/props/alternative-button-link-role';
+type RequiredProps = LinkRequiredProps;
+type OptionalProps = Omit<LinkOptionalProps, keyof PropAlternativeButtonLinkRole>;
+export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
+export {};

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

@@ -1,24 +1,25 @@
 import { JSX } from '../../stencil-public-runtime';
-import { LinkProps } from '../../types/button-link';
+import { LinkProps } from '../link/types';
 import { Stringified } from '../../types/common';
 import { HeadingLevel } from '../../types/heading-level';
 import { Orientation } from '../../types/orientation';
-import { KoliBriLinkGroupAPI, KoliBriLinkGroupStates, ListStyleType } from './types';
-export declare class KolLinkGroup implements KoliBriLinkGroupAPI {
+import { LabelPropType } from '../../types/props/label';
+import { API, States, ListStyleType } from './types';
+export declare class KolLinkGroup implements API {
   render(): JSX.Element;
   private isUl;
   _ariaLabel?: string;
   _listStyleType?: ListStyleType;
   _heading?: string;
-  _label?: string;
+  _label?: LabelPropType;
   _level?: HeadingLevel;
   _links: Stringified<LinkProps[]>;
   _ordered?: boolean;
   _orientation?: Orientation;
-  state: KoliBriLinkGroupStates;
+  state: States;
   validateAriaLabel(value?: string): void;
   validateHeading(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateListStyleType(value?: ListStyleType): void;
   validateLinks(value?: Stringified<LinkProps[]>): void;

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

@@ -1,7 +1,10 @@
 import { Generic } from '@a11y-ui/core';
-import { HeadingLevel, LinkProps, Orientation, Stringified } from '../../components';
-import { PropLabel } from '../../types/props';
-import { PropAriaLabel } from '../../types/props';
+import { LinkProps } from '../link/types';
+import { Stringified } from '../../types/common';
+import { HeadingLevel } from '../../types/heading-level';
+import { Orientation } from '../../types/orientation';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
 export type ListStyleType = 'disc' | 'circle' | 'square' | 'none' | 'decimal' | 'decimal-leading-zero' | 'lower-alpha' | 'lower-greek' | 'lower-latin' | 'lower-roman' | 'upper-alpha' | 'upper-latin' | 'upper-roman';
 type RequiredProps = {
   links: Stringified<LinkProps[]>;
@@ -23,6 +26,6 @@ type OptionalStates = {
   level: HeadingLevel;
   ordered: boolean;
 };
-export type KoliBriLinkGroupStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriLinkGroupAPI = 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/logo/component.d.ts

@@ -1,10 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Bundesamt, Bundesanstalt, Bundesministerium } from '../../enums/bund';
-import { KoliBriLogoAPI, KoliBriLogoStates } from './types';
-export declare class KolLogo implements KoliBriLogoAPI {
+import { API, States } from './types';
+export declare class KolLogo implements API {
   _abbr?: Bundesministerium | Bundesamt | Bundesanstalt;
   _org: Bundesministerium | Bundesamt | Bundesanstalt;
-  state: KoliBriLogoStates;
+  state: States;
   validateAbbr(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
   validateOrg(value?: Bundesministerium | Bundesamt | Bundesanstalt): void;
   componentWillLoad(): void;

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

@@ -8,6 +8,6 @@ type OptionalProps = {
 };
 type RequiredStates = RequiredProps;
 type OptionalStates = OptionalProps;
-export type KoliBriLogoStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriLogoAPI = 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/modal/component.d.ts

@@ -1,7 +1,8 @@
 import { JSX } from '../../stencil-public-runtime';
 import { KoliBriModalEventCallbacks } from '../../types/modal';
-import { KoliBriModalAPI, KoliBriModalStates } from './types';
-export declare class KolModal implements KoliBriModalAPI {
+import { LabelPropType } from '../../types/props/label';
+import { API, States } from './types';
+export declare class KolModal implements API {
   private hostElement?;
   componentDidRender(): void;
   disconnectedCallback(): void;
@@ -9,13 +10,13 @@ export declare class KolModal implements KoliBriModalAPI {
   render(): JSX.Element;
   _activeElement?: HTMLElement | null;
   _ariaLabel?: string;
-  _label?: string;
+  _label?: LabelPropType;
   _on?: KoliBriModalEventCallbacks;
   _width?: string;
-  state: KoliBriModalStates;
+  state: States;
   validateActiveElement(value?: HTMLElement | null): void;
   validateAriaLabel(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validateOn(value?: KoliBriModalEventCallbacks): void;
   validateWidth(value?: string): void;
   componentWillLoad(): void;

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

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-import { PropAriaLabel } from '../../types/props';
-import { KoliBriModalEventCallbacks } from '../../components';
-import { PropLabel } from '../../types/props';
-type RequiredProps = unknown;
+import { KoliBriModalEventCallbacks } from '../../types/modal';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   activeElement: HTMLElement | null;
   on: KoliBriModalEventCallbacks;
@@ -15,6 +15,6 @@ type RequiredStates = {
 type OptionalStates = {
   on: KoliBriModalEventCallbacks;
 };
-export type KoliBriModalStates = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type KoliBriModalAPI = 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/nav/component.d.ts

@@ -2,10 +2,13 @@ import { JSX } from '../../stencil-public-runtime';
 import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
 import { Stringified } from '../../types/common';
 import { Orientation } from '../../types/orientation';
-import { AriaCurrent } from '../../types/props';
-import { KoliBriNavAPI, KoliBriNavStates } from './types';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { CollapsiblePropType } from '../../types/props/collapsible';
+import { HideLabelPropType } from '../../types/props/hide-label';
+import { LabelPropType } from '../../types/props/label';
+import { API, States } from './types';
 export type KoliBriNavVariant = 'primary' | 'secondary';
-export declare class KolNav implements KoliBriNavAPI {
+export declare class KolNav implements API {
   private readonly onClick;
   private readonly hasActiveChild;
   private entry;
@@ -13,22 +16,24 @@ export declare class KolNav implements KoliBriNavAPI {
   private li;
   private linkList;
   render(): JSX.Element;
-  _ariaCurrentValue: AriaCurrent;
+  _ariaCurrentValue: AriaCurrentPropType;
   _ariaLabel?: string;
   _collapsible?: boolean;
   _compact?: boolean;
   _hasCompactButton?: boolean;
-  _label?: string;
+  _hideLabel?: boolean;
+  _label?: LabelPropType;
   _links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
   _orientation?: Orientation;
   _variant?: KoliBriNavVariant;
-  state: KoliBriNavStates;
-  validateAriaCurrentValue(value?: AriaCurrent): void;
+  state: States;
+  validateAriaCurrentValue(value?: AriaCurrentPropType): void;
   validateAriaLabel(value?: string): void;
-  validateCollapsible(value?: boolean): void;
+  validateCollapsible(value?: CollapsiblePropType): void;
   validateCompact(value?: boolean): void;
   validateHasCompactButton(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateHideLabel(value?: HideLabelPropType): void;
+  validateLabel(value?: LabelPropType): void;
   validateLinks(value?: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>): void;
   validateOrientation(value?: Orientation): void;
   validateVariant(value?: KoliBriNavVariant): void;

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

@@ -1,24 +1,31 @@
 import { Generic } from '@a11y-ui/core';
-import { AriaCurrent, ButtonOrLinkOrTextWithChildrenProps, KoliBriNavVariant, Orientation, Stringified } from '../../components';
-import { PropCollapsible, PropCompact, PropHasCompactButton, PropLabel } from '../../types/props';
-import { PropAriaLabel } from '../../types/props';
+import { ButtonOrLinkOrTextWithChildrenProps } from '../../types/button-link-text';
+import { Stringified } from '../../types/common';
+import { Orientation } from '../../types/orientation';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropCollapsible } from '../../types/props/collapsible';
+import { PropCompact } from '../../types/props/compact';
+import { HasCompactButtonPropType, PropHasCompactButton } from '../../types/props/has-compact-button';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropLabel } from '../../types/props/label';
+import { KoliBriNavVariant } from './component';
 type RequiredProps = {
   links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 };
 type OptionalProps = {
-  ariaCurrentValue: AriaCurrent;
+  ariaCurrentValue: AriaCurrentPropType;
   orientation: Orientation;
   variant: KoliBriNavVariant;
-} & PropAriaLabel & PropCollapsible & PropCompact & PropHasCompactButton & PropLabel;
+} & PropAriaLabel & PropCollapsible & PropCompact & PropHasCompactButton & PropLabel & PropHideLabel;
 type RequiredStates = {
-  ariaCurrentValue: AriaCurrent;
-  collapsible: boolean;
-  hasCompactButton: boolean;
+  ariaCurrentValue: AriaCurrentPropType;
+  hasCompactButton: HasCompactButtonPropType;
   links: ButtonOrLinkOrTextWithChildrenProps[];
   orientation: Orientation;
   variant: KoliBriNavVariant;
-} & PropCollapsible & PropHasCompactButton & PropLabel;
+} & 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 {};