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

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

@@ -18,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 {};

package/dist/types/components/indented-text/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 KolIndentedText implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { API, States } from './types';
+export declare class KolIndentedText implements API {
   state: States;
   render(): JSX.Element;
 }
-export {};

package/dist/types/components/indented-text/test/html.mock.d.ts

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

package/dist/types/components/indented-text/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/input/component.d.ts

@@ -1,33 +1,27 @@
 import { JSX } from '../../stencil-public-runtime';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { Props } from './types';
-import { AlertPropType } from '../../types/props/alert';
-import { DisabledPropType } from '../../types/props/disabled';
-import { HasCounterPropType } from '../../types/props/has-counter';
-import { HideLabelPropType } from '../../types/props/hide-label';
-import { ReadOnlyPropType } from '../../types/props/read-only';
-import { RequiredPropType } from '../../types/props/required';
-import { TouchedPropType } from '../../types/props/touched';
+import { IdPropType } from '../../types/props/id';
 export declare class KolInput implements Props {
   render(): JSX.Element;
-  _alert?: AlertPropType;
+  _alert?: boolean;
   _currentLength?: number;
-  _disabled?: DisabledPropType;
+  _disabled?: boolean;
   _error?: string;
-  _hasCounter?: HasCounterPropType;
-  _hideLabel?: HideLabelPropType;
+  _hasCounter?: boolean;
+  _hideLabel?: boolean;
   _hint?: string;
   _icon?: KoliBriHorizontalIcon;
-  _id: string;
+  _id: IdPropType;
   _maxLength?: number;
-  _readOnly?: ReadOnlyPropType;
+  _readOnly?: boolean;
   _renderNoLabel?: boolean;
-  _required?: RequiredPropType;
+  _required?: boolean;
   _slotName?: string;
   _suggestions?: SuggestionsPropType;
   _smartButton?: Stringified<ButtonProps>;
-  _touched?: TouchedPropType;
+  _touched?: boolean;
 }

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

@@ -1,20 +1,18 @@
 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 { PropAlert } from '../../types/props/alert';
 import { PropDisabled } from '../../types/props/disabled';
 import { PropHasCounter } from '../../types/props/has-counter';
 import { PropHideLabel } from '../../types/props/hide-label';
-import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropReadOnly } from '../../types/props/read-only';
 import { PropRequired } from '../../types/props/required';
 import { PropSuggestions } from '../../types/props/suggestions';
 import { PropTouched } from '../../types/props/touched';
-export type InputRequiredProps = PropLabelWithExpertSlot;
-type RequiredProps = {
-  id: string;
-};
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropId;
 type OptionalProps = {
   currentLength: number;
   error: string;
@@ -23,7 +21,6 @@ type OptionalProps = {
   maxLength: number;
   slotName: string;
   smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
-} & PropAlert & PropDisabled & PropHasCounter & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropTouched;
+} & PropAlert & PropDisabled & PropHasCounter & PropHideLabel & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

package/dist/types/components/input-adapter-leanup/associated.controller.d.ts

@@ -1,11 +1,11 @@
 import { Generic } from '@a11y-ui/core';
 import { NamePropType } from '../../types/props/name';
 import { StencilUnknown } from '../../types/unknown';
-type RequiredProps = unknown;
+import { PropSyncValueBySelector, SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   name: string;
-  syncValueBySelector: string;
-};
+} & PropSyncValueBySelector;
 type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
 export declare class AssociatedInputController implements Watches {
@@ -21,7 +21,7 @@ export declare class AssociatedInputController implements Watches {
   readonly setFormAssociatedValue: (rawValue: StencilUnknown) => void;
   private syncValue;
   validateName(value?: NamePropType): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   componentWillLoad(): void;
 }
 export {};

package/dist/types/components/input-adapter-leanup/types.d.ts

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-type RequiredProps = unknown;
+type RequiredProps = NonNullable<unknown>;
 type OptionalProps = {
   alert: boolean;
   touched: boolean;

package/dist/types/components/input-checkbox/component.d.ts

@@ -1,13 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault } from '../../types/input/types';
-import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
-import { ComponentApi, InputCheckboxIcon, InputCheckboxVariant, States } from './types';
+import { API, InputCheckboxIcon, InputCheckboxVariant, States } from './types';
 import { CheckedPropType } from '../../types/props/checked';
 import { IndeterminatePropType } from '../../types/props/indeterminate';
-export declare class KolInputCheckbox implements ComponentApi {
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+export declare class KolInputCheckbox implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -15,21 +18,21 @@ export declare class KolInputCheckbox implements ComponentApi {
   private readonly controller;
   _accessKey?: string;
   _alert?: boolean;
-  _checked?: CheckedPropType;
+  _checked?: boolean;
   _disabled?: boolean;
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<InputCheckboxIcon>;
-  _id?: string;
-  _indeterminate?: IndeterminatePropType;
+  _id?: IdPropType;
+  _indeterminate?: boolean;
   _label: LabelWithExpertSlotPropType;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _required?: boolean;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _type?: InputCheckboxVariant;
   _value: Stringified<StencilUnknown>;
@@ -50,7 +53,7 @@ export declare class KolInputCheckbox implements ComponentApi {
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateRequired(value?: boolean): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputCheckboxVariant): void;

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

@@ -6,7 +6,12 @@ import { PropChecked } from '../../types/props/checked';
 import { PropIndeterminate } from '../../types/props/indeterminate';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
-import { InputRequiredProps } from '../input/types';
+import { PropSyncValueBySelector } from '../../types/props/sync-value-by-selector';
+import { PropDisabled } from '../../types/props/disabled';
+import { PropHideLabel } from '../../types/props/hide-label';
+import { PropName } from '../../types/props/name';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
 export type InputCheckboxVariant = 'button' | 'checkbox' | 'default' | 'switch';
 export type InputCheckboxIcon = {
   checked: AnyIconFontClass;
@@ -21,26 +26,20 @@ export type InputCheckboxIcon = {
   indeterminate?: AnyIconFontClass;
   unchecked: AnyIconFontClass;
 };
-type RequiredProps = InputRequiredProps & {
+type RequiredProps = PropLabelWithExpertSlot & {
   value: Stringified<StencilUnknown>;
 };
 type OptionalProps = {
-  alert: boolean;
   accessKey: string;
-  disabled: boolean;
+  alert: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<InputCheckboxIcon>;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
-  syncValueBySelector: string;
-  touched: boolean;
   tabIndex: number;
   type: InputCheckboxVariant;
   variant: InputCheckboxVariant;
-} & PropChecked & PropIndeterminate;
+} & PropChecked & PropDisabled & PropHideLabel & PropIndeterminate & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   icon: InputCheckboxIcon;
@@ -49,19 +48,14 @@ type RequiredStates = {
   variant: InputCheckboxVariant;
 } & PropChecked & PropIndeterminate & PropLabelWithExpertSlot;
 type OptionalStates = {
-  alert: boolean;
   accessKey: string;
-  disabled: boolean;
+  alert: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
-  touched: boolean;
   tabIndex: number;
-};
+} & PropDisabled & PropHideLabel & PropName & 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/input-color/component.d.ts

@@ -1,13 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
-import { ComponentApi, States } from './types';
-export declare class KolInputColor implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+export declare class KolInputColor implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -21,16 +24,16 @@ export declare class KolInputColor implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: SuggestionsPropType;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _smartButton?: Stringified<ButtonProps>;
   _suggestions?: SuggestionsPropType;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -50,7 +53,7 @@ export declare class KolInputColor implements ComponentApi {
   validateOn(value?: InputTypeOnDefault): void;
   validateSmartButton(value?: ButtonProps | string): void;
   validateSuggestions(value?: SuggestionsPropType): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: string): void;

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

@@ -1,31 +1,30 @@
 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 { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropSuggestions, SuggestionsPropType } from '../../types/props/suggestions';
 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 { PropName } from '../../types/props/name';
+import { PropTouched } from '../../types/props/touched';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
   autoComplete: InputTypeOnOff;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
   list: SuggestionsPropType;
-  name: string;
   on: InputTypeOnDefault;
   smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
-  touched: boolean;
   tabIndex: number;
   value: string;
-} & PropSuggestions;
+} & PropSuggestions & PropSyncValueBySelector & PropDisabled & PropHideLabel & PropName & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
@@ -35,19 +34,15 @@ type RequiredStates = {
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
-  name: string;
   on: InputTypeOnDefault;
   smartButton: ButtonProps;
-  touched: boolean;
   tabIndex: number;
   value: string;
-};
+} & PropDisabled & PropHideLabel & PropName & 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/input-date/component.d.ts

@@ -1,15 +1,18 @@
 import { JSX } from '../../stencil-public-runtime';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputDateType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { ComponentApi, States } from './types';
 import { ReadOnlyPropType } from '../../types/props/read-only';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
 export declare class KolInputDate implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -25,21 +28,21 @@ export declare class KolInputDate implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _max?: Iso8601 | Date;
   _min?: Iso8601 | Date;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
-  _readOnly?: ReadOnlyPropType;
+  _readOnly?: boolean;
   _required?: boolean;
   _smartButton?: Stringified<ButtonProps>;
   _suggestions?: SuggestionsPropType;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _step?: number;
   _tabIndex?: number;
-  _tooltipAlign?: AlignPropType;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _type: InputDateType;
   _value?: Iso8601 | Date | null;
@@ -65,7 +68,7 @@ export declare class KolInputDate implements ComponentApi {
   validateSmartButton(value?: ButtonProps | string): void;
   validateSuggestions(value?: SuggestionsPropType): void;
   validateStep(value?: number): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputDateType): void;