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

package/dist/kolibri/tab-index-a7766f42.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{a as t}from"./a11y.tipps-010cc7bb.js";import{e as a}from"./prop.validators-286b41b1.js";const o={hooks:{afterPatch:a=>{-1!==a&&0!==a&&t("Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html")}}},r=(t,r)=>{a(t,"_tabIndex",r,o)};export{r as v};

package/dist/kolibri/{tab-index-62c82aff.js.map → tab-index-a7766f42.js.map}

@@ -1 +1 @@
-{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;0FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}
+{"version":3,"names":["options","hooks","afterPatch","value","a11yHint","validateTabIndex","component","watchNumber"],"sources":["src/utils/validators/tab-index.ts"],"sourcesContent":["import { Generic } from '@a11y-ui/core';\n\nimport { a11yHint } from '../a11y.tipps';\nimport { watchNumber, WatchNumberOptions } from '../prop.validators';\n\n/**\n * Accessibility hints\n * - https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html\n */\n\nconst options: WatchNumberOptions = {\n\thooks: {\n\t\tafterPatch: (value) => {\n\t\t\tif (value !== -1 && value !== 0) {\n\t\t\t\ta11yHint(`Don’t Use Tabindex Greater than 0: https://adrianroselli.com/2014/11/dont-use-tabindex-greater-than-0.html`);\n\t\t\t}\n\t\t},\n\t},\n};\n\n/**\n * Diese Methode validiert das Property und setzt den State, wenn es valide ist.\n */\nexport const validateTabIndex = (component: Generic.Element.Component, value?: number): void => {\n\twatchNumber(component, '_tabIndex', value, options);\n};\n"],"mappings":";;;+FAUA,MAAMA,EAA8B,CACnCC,MAAO,CACNC,WAAaC,IACZ,GAAIA,KAAW,GAAKA,IAAU,EAAG,CAChCC,EAAS,6G,WASAC,EAAmB,CAACC,EAAsCH,KACtEI,EAAYD,EAAW,YAAaH,EAAOH,EAAQ,S"}

package/dist/kolibri/validation-46697821.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{w as e}from"./prop.validators-286b41b1.js";const r=(r,o)=>{e(r,"_level",(e=>"number"==typeof e&&0<=e&&e<=6),new Set(["Number {0, 1, 2, 3, 4, 5, 6}"]),o,{defaultValue:1,required:!0})};export{r as w};

package/dist/kolibri/validation-5be5b0a8.js

@@ -0,0 +1,4 @@
+/*!
+ * KoliBri - The accessible HTML-Standard
+ */
+import{c as o}from"./a11y.tipps-010cc7bb.js";import{c as t}from"./prop.validators-286b41b1.js";const s=(s,p,r)=>{t(p,"_links",(t=>"object"==typeof t&&("string"==typeof t._href||"string"==typeof t._label)),r),o(s,p.state._links.length)};export{s as w};

package/dist/types/components/@deprecated/input/controller.d.ts

@@ -1,6 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../../types/button-link';
 import { InputTypeOnDefault } from '../../../types/input/types';
+import { AdjustHeightPropType } from '../../../types/props/adjust-height';
 import { LabelWithExpertSlotPropType } from '../../../types/props/label';
 import { ControlledInputController } from '../../input-adapter-leanup/controller';
 import { Props as AdapterProps } from '../../input-adapter-leanup/types';
@@ -12,7 +13,7 @@ export declare class InputController extends ControlledInputController implement
   private readonly valueChangeListeners;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAccessKey(value?: string): void;
-  validateAdjustHeight(value?: boolean): void;
+  validateAdjustHeight(value?: AdjustHeightPropType): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
   validateHideLabel(value?: boolean): void;

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

@@ -1,16 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { LabelPropType } from '../../types/props/label';
 import { API, States } from './types';
 export declare class KolAbbr implements API {
   private readonly nonce;
   render(): JSX.Element;
   _label?: LabelPropType;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _title?: string;
   state: States;
   validateLabel(value?: LabelPropType): void;
   validateTitle(value?: string): void;
-  validateTooltipAlign(value?: Align): void;
+  validateTooltipAlign(value?: AlignPropType): void;
   componentWillLoad(): void;
 }

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { PropLabel } from '../../types/props/label';
 type RequiredProps = unknown;
 type OptionalProps = {
   title: string;
-  tooltipAlign: Align;
+  tooltipAlign: AlignPropType;
 } & PropLabel;
 type RequiredStates = RequiredProps & Omit<OptionalProps, 'title'>;
 type OptionalStates = unknown;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { LabelPropType } from '../../types/props/label';
+import { OpenPropType } from '../../types/props/open';
 import { API, KoliBriAccordionCallbacks, States } from './types';
 export declare class KolAccordion implements API {
   private readonly nonce;
@@ -16,13 +17,13 @@ export declare class KolAccordion implements API {
   _label?: string;
   _level?: HeadingLevel;
   _on?: KoliBriAccordionCallbacks;
-  _open?: boolean;
+  _open?: OpenPropType;
   state: States;
   validateHeading(value?: string): void;
   validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateOn(value?: KoliBriAccordionCallbacks): void;
-  validateOpen(value?: boolean): void;
+  validateOpen(value?: OpenPropType): void;
   componentWillLoad(): void;
   private onClick;
 }

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

@@ -1,5 +1,6 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
+import { HasCloserPropType } from '../../types/props/has-closer';
 import { LabelPropType } from '../../types/props/label';
 import { AlertType, AlertVariant, API, KoliBriAlertEventCallbacks, States } from './types';
 export declare class KolAlertWc implements API {
@@ -7,7 +8,7 @@ export declare class KolAlertWc implements API {
   private readonly on;
   render(): JSX.Element;
   _alert?: boolean;
-  _hasCloser?: boolean;
+  _hasCloser?: HasCloserPropType;
   _label?: LabelPropType;
   _level?: HeadingLevel;
   _on?: KoliBriAlertEventCallbacks;
@@ -15,7 +16,7 @@ export declare class KolAlertWc implements API {
   _variant?: AlertVariant;
   state: States;
   validateAlert(value?: boolean): void;
-  validateHasCloser(value?: boolean): void;
+  validateHasCloser(value?: HasCloserPropType): void;
   validateLabel(value?: LabelPropType): void;
   validateLevel(value?: HeadingLevel): void;
   private validateOnValue;

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

@@ -1,12 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-import { ImageSourcePropType } from '../../types/props/image-source';
-import { LabelPropType } from '../../types/props/label';
-type RequiredAvatarProps = {
-  label: LabelPropType;
-};
-type OptionalAvatarProps = {
-  src: ImageSourcePropType;
-};
+import { PropImageSource } from '../../types/props/image-source';
+import { PropLabel } from '../../types/props/label';
+type RequiredAvatarProps = PropLabel;
+type OptionalAvatarProps = PropImageSource;
 type RequiredAvatarStates = RequiredAvatarProps;
 type OptionalAvatarStates = OptionalAvatarProps;
 export type Props = Generic.Element.Members<RequiredAvatarProps, OptionalAvatarProps>;

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

@@ -3,15 +3,17 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { PropColor } from '../../types/props/color';
+import { HideLabelPropType } from '../../types/props/hide-label';
 import { LabelPropType } from '../../types/props/label';
 import { KoliBriBadgeProps, KoliBriBadgeStates } from './types';
 export declare class KolBadge implements KoliBriBadgeProps {
   private bgColorStr;
   private colorStr;
   private readonly id;
+  private renderSmartButton;
   render(): JSX.Element;
   _color?: Stringified<PropColor>;
-  _hideLabel?: boolean;
+  _hideLabel?: HideLabelPropType;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
   _label: LabelPropType;

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

@@ -3,16 +3,16 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
 import { ColorPair, PropColor } from '../../types/props/color';
-import { PropHideLabel } from '../../types/props/hide-label';
 import { PropLabel } from '../../types/props/label';
+import { HideLabelPropType } from '../../types/props/hide-label';
 type RequiredProps = PropLabel;
 type OptionalProps = {
   color: Stringified<PropColor>;
-  hideLabel: boolean;
+  hideLabel: HideLabelPropType;
   icon: Stringified<KoliBriIconProp>;
   iconOnly: boolean;
   smartButton: Stringified<ButtonProps>;
-} & PropHideLabel;
+};
 export type KoliBriBadgeProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   color: ColorPair;

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

@@ -3,8 +3,9 @@ import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, ButtonStates, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
+import { DisabledPropType } from '../../types/props/disabled';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
 export declare class KolButtonWc implements Generic.Element.ComponentApi<RequiredButtonProps, OptionalButtonProps, RequiredButtonStates, OptionalButtonStates> {
@@ -16,7 +17,7 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   private readonly controller;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
@@ -24,7 +25,7 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _disabled?: boolean;
   _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Align;
+  _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
   _id?: string;
   _label: LabelWithExpertSlotPropType;
@@ -33,7 +34,7 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   _role?: AlternativButtonLinkRole;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _type?: KoliBriButtonType;
   _value?: Stringified<StencilUnknown>;
   _variant?: KoliBriButtonVariant;
@@ -41,15 +42,15 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   constructor();
   validateAccessKey(value?: string): void;
   validateAriaControls(value?: string): void;
-  validateAriaCurrent(value?: AriaCurrent): void;
+  validateAriaCurrent(value?: AriaCurrentPropType): void;
   validateAriaExpanded(value?: boolean): void;
   validateAriaLabel(value?: string): void;
   validateAriaSelected(value?: boolean): void;
   validateCustomClass(value?: string): void;
-  validateDisabled(value?: boolean): void;
+  validateDisabled(value?: DisabledPropType): void;
   validateHideLabel(value?: boolean): void;
   validateIcon(value?: KoliBriIconProp): void;
-  validateIconAlign(value?: Align): void;
+  validateIconAlign(value?: AlignPropType): void;
   validateIconOnly(value?: boolean): void;
   validateId(value?: string): void;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
@@ -58,7 +59,7 @@ export declare class KolButtonWc implements Generic.Element.ComponentApi<Require
   validateRole(value?: AlternativButtonLinkRole): void;
   validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
-  validateTooltipAlign(value?: Align): void;
+  validateTooltipAlign(value?: AlignPropType): void;
   validateType(value?: KoliBriButtonType): void;
   validateValue(value?: Stringified<StencilUnknown>): void;
   validateVariant(value?: KoliBriButtonVariant): void;

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

@@ -3,8 +3,8 @@ import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, KoliBriButtonVariant, OptionalButtonProps, RequiredButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
 export declare class KolButton implements Generic.Element.Members<RequiredButtonProps, OptionalButtonProps> {
@@ -14,7 +14,7 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
@@ -22,7 +22,7 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _disabled?: boolean;
   _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
-  _iconAlign?: Align;
+  _iconAlign?: AlignPropType;
   _iconOnly?: boolean;
   _id?: string;
   _label: LabelWithExpertSlotPropType;
@@ -31,7 +31,7 @@ export declare class KolButton implements Generic.Element.Members<RequiredButton
   _role?: AlternativButtonLinkRole;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _type?: KoliBriButtonType;
   _value?: Stringified<StencilUnknown>;
   _variant?: KoliBriButtonVariant;

package/dist/types/components/button-group/test/html.mock.d.ts

@@ -0,0 +1 @@
+export declare const getButtonGroupHtml: () => string;

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

@@ -3,10 +3,11 @@ import { JSX } from '../../stencil-public-runtime';
 import { AlternativButtonLinkRole, KoliBriButtonCallbacks, KoliBriButtonType, OptionalButtonLinkProps, RequiredButtonLinkProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriIconProp } from '../../types/icon';
-import { Align } from '../../types/props/align';
-import { AriaCurrent } from '../../types/props/aria-current';
+import { AlignPropType } from '../../types/props/align';
+import { AriaCurrentPropType } from '../../types/props/aria-current';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { StencilUnknown } from '../../types/unknown';
+import { IdPropType } from '../../types/props/id';
 export declare class KolButtonLink implements Generic.Element.Members<RequiredButtonLinkProps, OptionalButtonLinkProps> {
   private readonly host?;
   private ref?;
@@ -14,7 +15,7 @@ export declare class KolButtonLink implements Generic.Element.Members<RequiredBu
   render(): JSX.Element;
   _accessKey?: string;
   _ariaControls?: string;
-  _ariaCurrent?: AriaCurrent;
+  _ariaCurrent?: AriaCurrentPropType;
   _ariaExpanded?: boolean;
   _ariaLabel?: string;
   _ariaSelected?: boolean;
@@ -22,14 +23,14 @@ export declare class KolButtonLink implements Generic.Element.Members<RequiredBu
   _hideLabel?: boolean;
   _icon?: Stringified<KoliBriIconProp>;
   _iconOnly?: boolean;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _name?: string;
   _on?: KoliBriButtonCallbacks<StencilUnknown>;
   _role?: AlternativButtonLinkRole;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _type?: KoliBriButtonType;
   _value?: Stringified<StencilUnknown>;
 }

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

@@ -0,0 +1,2 @@
+import { ButtonLinkProps } from '../../../types/button-link';
+export declare const getButtonLinkHtml: (props: ButtonLinkProps) => string;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
 import { HasCloserPropType } from '../../types/props/has-closer';
+import { HasFooterPropType } from '../../types/props/has-footer';
 import { LabelPropType } from '../../types/props/label';
 import { KoliBriCardAPI, KoliBriCardEventCallbacks, KoliBriCardStates } from './types';
 export declare class KolCard implements KoliBriCardAPI {
@@ -9,7 +10,7 @@ export declare class KolCard implements KoliBriCardAPI {
   render(): JSX.Element;
   _on?: KoliBriCardEventCallbacks;
   _hasCloser?: HasCloserPropType;
-  _hasFooter?: boolean;
+  _hasFooter?: HasFooterPropType;
   _heading?: string;
   _headline?: string;
   _label?: LabelPropType;
@@ -18,7 +19,7 @@ export declare class KolCard implements KoliBriCardAPI {
   private validateOnValue;
   validateOn(value?: KoliBriCardEventCallbacks): void;
   validateHasCloser(value?: HasCloserPropType): void;
-  validateHasFooter(value?: boolean): void;
+  validateHasFooter(value?: HasFooterPropType): void;
   validateHeading(value?: string): void;
   validateHeadline(value?: string): void;
   validateLabel(value?: LabelPropType): void;

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

@@ -1,10 +1,9 @@
 import { Generic } from '@a11y-ui/core';
-import { ImageSourcePropType } from '../../types/props/image-source';
+import { PropImageSource } from '../../types/props/image-source';
 import { Loading } from '../../utils/validators/loading';
 type RequiredProps = {
-  src: ImageSourcePropType;
   alt: string;
-};
+} & PropImageSource;
 type OptionalProps = {
   loading: Loading;
   sizes: string;

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

@@ -4,23 +4,30 @@ 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';
 export declare class KolInput implements Props {
   render(): JSX.Element;
-  _alert?: boolean;
+  _alert?: AlertPropType;
   _currentLength?: number;
-  _disabled?: boolean;
+  _disabled?: DisabledPropType;
   _error?: string;
-  _hasCounter?: boolean;
-  _hideLabel?: boolean;
+  _hasCounter?: HasCounterPropType;
+  _hideLabel?: HideLabelPropType;
   _hint?: string;
   _icon?: KoliBriHorizontalIcon;
   _id: string;
   _maxLength?: number;
-  _readOnly?: boolean;
+  _readOnly?: ReadOnlyPropType;
   _renderNoLabel?: boolean;
-  _required?: boolean;
+  _required?: RequiredPropType;
   _slotName?: string;
   _suggestions?: SuggestionsPropType;
   _smartButton?: Stringified<ButtonProps>;
-  _touched?: boolean;
+  _touched?: TouchedPropType;
 }

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

@@ -1,8 +1,9 @@
+import { TouchedPropType } from '../../types/props/touched';
 export declare const getRenderStates: (state: {
   _error?: string;
   _hint?: string;
   _id: string;
-  _touched?: boolean;
+  _touched?: TouchedPropType;
 }) => {
   hasError: boolean;
   hasHint: boolean;

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

@@ -1,4 +1,5 @@
 import { Generic } from '@a11y-ui/core';
+import { NamePropType } from '../../types/props/name';
 import { StencilUnknown } from '../../types/unknown';
 type RequiredProps = unknown;
 type OptionalProps = {
@@ -19,7 +20,7 @@ export declare class AssociatedInputController implements Watches {
   private tryToStringifyValue;
   readonly setFormAssociatedValue: (rawValue: StencilUnknown) => void;
   private syncValue;
-  validateName(value?: string): void;
+  validateName(value?: NamePropType): void;
   validateSyncValueBySelector(value?: string): void;
   componentWillLoad(): void;
 }

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

@@ -1,10 +1,12 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault } from '../../types/input/types';
-import { Align } from '../../types/props/align';
+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 { CheckedPropType } from '../../types/props/checked';
+import { IndeterminatePropType } from '../../types/props/indeterminate';
 export declare class KolInputCheckbox implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -13,21 +15,21 @@ export declare class KolInputCheckbox implements ComponentApi {
   private readonly controller;
   _accessKey?: string;
   _alert?: boolean;
-  _checked?: boolean;
+  _checked?: CheckedPropType;
   _disabled?: boolean;
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<InputCheckboxIcon>;
   _id?: string;
-  _indeterminate?: boolean;
+  _indeterminate?: IndeterminatePropType;
   _label: LabelWithExpertSlotPropType;
   _name?: string;
   _on?: InputTypeOnDefault;
   _required?: boolean;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _touched?: boolean;
   _type?: InputCheckboxVariant;
   _value: Stringified<StencilUnknown>;
@@ -36,14 +38,14 @@ export declare class KolInputCheckbox implements ComponentApi {
   constructor();
   validateAccessKey(value?: string): void;
   validateAlert(value?: boolean): void;
-  validateChecked(value?: boolean): void;
+  validateChecked(value?: CheckedPropType): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<InputCheckboxIcon>): void;
   validateId(value?: string): void;
-  validateIndeterminate(value?: boolean): void;
+  validateIndeterminate(value?: IndeterminatePropType): void;
   validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;

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

@@ -1,5 +1,7 @@
 import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
+import { CheckedPropType } from '../../types/props/checked';
+import { IndeterminatePropType } from '../../types/props/indeterminate';
 import { StencilUnknown } from '../../types/unknown';
 import { InputCheckboxRadioController } from '../input-radio/controller';
 import { InputCheckboxIcon, InputCheckboxVariant, Props, Watches } from './types';
@@ -7,9 +9,9 @@ export declare class InputCheckboxController extends InputCheckboxRadioControlle
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   readonly setFormAssociatedCheckboxValue: (value: StencilUnknown) => void;
-  validateChecked(value?: boolean): void;
+  validateChecked(value?: CheckedPropType): void;
   validateIcon(value?: Stringified<InputCheckboxIcon>): void;
-  validateIndeterminate(value?: boolean): void;
+  validateIndeterminate(value?: IndeterminatePropType): void;
   validateType(value?: InputCheckboxVariant): void;
   validateValue(value?: Stringified<StencilUnknown>): void;
   validateVariant(value?: InputCheckboxVariant): void;

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

@@ -3,7 +3,7 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { ComponentApi, States } from './types';
@@ -30,7 +30,7 @@ export declare class KolInputColor implements ComponentApi {
   _suggestions?: SuggestionsPropType;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;

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

@@ -5,10 +5,11 @@ 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 { Align } from '../../types/props/align';
+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';
 export declare class KolInputDate implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -31,14 +32,14 @@ export declare class KolInputDate implements ComponentApi {
   _min?: Iso8601 | Date;
   _name?: string;
   _on?: InputTypeOnDefault;
-  _readOnly?: boolean;
+  _readOnly?: ReadOnlyPropType;
   _required?: boolean;
   _smartButton?: Stringified<ButtonProps>;
   _suggestions?: SuggestionsPropType;
   _syncValueBySelector?: string;
   _step?: number;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _touched?: boolean;
   _type: InputDateType;
   _value?: Iso8601 | Date | null;
@@ -59,7 +60,7 @@ export declare class KolInputDate implements ComponentApi {
   validateMin(value?: Iso8601 | Date): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
-  validateReadOnly(value?: boolean): void;
+  validateReadOnly(value?: ReadOnlyPropType): void;
   validateRequired(value?: boolean): void;
   validateSmartButton(value?: ButtonProps | string): void;
   validateSuggestions(value?: SuggestionsPropType): void;

package/dist/types/components/input-date/controller.d.ts

@@ -2,6 +2,7 @@ import { Generic } from '@a11y-ui/core';
 import { InputNumberType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { ReadOnlyPropType } from '../../types/props/read-only';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
@@ -24,7 +25,7 @@ export declare class InputDateController extends InputIconController implements
   validateMax(value?: Iso8601 | Date): void;
   validateMin(value?: Iso8601 | Date): void;
   validateOn(value?: InputTypeOnDefault): void;
-  validateReadOnly(value?: boolean): void;
+  validateReadOnly(value?: ReadOnlyPropType): void;
   validateRequired(value?: boolean): void;
   validateStep(value?: number): void;
   validateType(value?: InputNumberType): void;

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

@@ -3,10 +3,11 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
-import { Align } from '../../types/props/align';
+import { AlignPropType } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { ComponentApi, States } from './types';
+import { MultiplePropType } from '../../types/props/multiple';
 export declare class KolInputEmail implements ComponentApi {
   private readonly host?;
   private ref?;
@@ -27,7 +28,7 @@ export declare class KolInputEmail implements ComponentApi {
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _maxLength?: number;
-  _multiple?: boolean;
+  _multiple?: MultiplePropType;
   _name?: string;
   _on?: InputTypeOnDefault;
   _pattern?: string;
@@ -39,7 +40,7 @@ export declare class KolInputEmail implements ComponentApi {
   _suggestions?: SuggestionsPropType;
   _syncValueBySelector?: string;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: AlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -57,7 +58,7 @@ export declare class KolInputEmail implements ComponentApi {
   validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<string[]>): void;
   validateMaxLength(value?: number): void;
-  validateMultiple(value?: boolean): void;
+  validateMultiple(value?: MultiplePropType): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validatePattern(value?: string): void;