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

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

@@ -1,29 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
-import { PropHasFooter } from '../../types/props';
-type RequiredProps = {
-  heading: string;
-};
-type OptionalProps = {
-  headline: string;
-  level: HeadingLevel;
-} & PropHasFooter;
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolCard implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriCardAPI, KoliBriCardStates } from './types';
+export declare class KolCard implements KoliBriCardAPI {
   render(): JSX.Element;
   _hasFooter?: boolean;
   _heading: string;
   _headline?: string;
   _level?: HeadingLevel;
-  state: States;
+  state: KoliBriCardStates;
   validateHasFooter(value?: boolean): void;
   validateHeading(value?: string): void;
   validateHeadline(value?: string): void;
   validateLevel(value?: HeadingLevel): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,16 @@
+import { Generic } from '@a11y-ui/core';
+import { HeadingLevel } from '../../types/heading-level';
+import { PropHasFooter } from '../../types/props/has-footer';
+type RequiredProps = {
+  heading: string;
+};
+type OptionalProps = {
+  headline: string;
+  level: HeadingLevel;
+} & PropHasFooter;
+export type koliBriCardProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = RequiredProps;
+type OptionalStates = OptionalProps;
+export type KoliBriCardStates = Generic.Element.Members<RequiredStates, OptionalStates>;
+export type KoliBriCardAPI = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
+export {};

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

@@ -1,24 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-type RequiredProps = {
-  summary: string;
-};
-type OptionalProps = {
-  open: boolean;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolDetails implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriDetailsAPI, KoliBriDetailsStates } from './types';
+export declare class KolDetails implements KoliBriDetailsAPI {
   private htmlDetailsElement?;
   render(): JSX.Element;
   _open?: boolean;
   _summary: string;
-  state: States;
+  state: KoliBriDetailsStates;
   validateOpen(value?: boolean): void;
   validateSummary(value?: string): void;
   componentWillLoad(): void;
   private onClick;
 }
-export {};

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

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

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

@@ -0,0 +1,13 @@
+import { Generic } from '@a11y-ui/core';
+type RequiredProps = {
+  summary: string;
+};
+type OptionalProps = {
+  open: boolean;
+};
+export type KoliBriDetailsProps = 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 {};

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

@@ -1,30 +1,14 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Events } from '../../enums/events';
-import { Generic } from '@a11y-ui/core';
-import { EventCallback } from '../../types/callbacks';
 import { Stringified } from '../../types/common';
-export type KoliBriFormCallbacks = {
-  [Events.onSubmit]?: EventCallback<Event>;
-  [Events.onReset]?: EventCallback<Event>;
-};
-type RequiredProps = unknown;
-type OptionalProps = {
-  on: KoliBriFormCallbacks;
-  requiredText: string | boolean;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolForm implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { KoliBriFormAPI, KoliBriFormCallbacks, KoliBriFormStates } from './types';
+export declare class KolForm implements KoliBriFormAPI {
   private readonly onSubmit;
   private readonly onReset;
   render(): JSX.Element;
   _on?: KoliBriFormCallbacks;
   _requiredText?: Stringified<boolean>;
-  state: States;
+  state: KoliBriFormStates;
   validateOn(value?: KoliBriFormCallbacks): void;
   validateRequiredText(value?: Stringified<boolean>): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,18 @@
+import { Generic } from '@a11y-ui/core';
+import { Events } from '../../enums/events';
+import { EventCallback } from '../../types/callbacks';
+export type KoliBriFormCallbacks = {
+  [Events.onSubmit]?: EventCallback<Event>;
+  [Events.onReset]?: EventCallback<Event>;
+};
+type RequiredProps = unknown;
+type OptionalProps = {
+  on: KoliBriFormCallbacks;
+  requiredText: string | boolean;
+};
+export type KoliBriFormProps = 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 {};

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

@@ -1,28 +1,13 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
 import { HeadingLevel } from '../../types/heading-level';
-type RequiredProps = {
-  label: string;
-};
-type OptionalProps = {
-  secondaryHeadline: string;
-  level: HeadingLevel;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
-  label: string;
-  level: HeadingLevel;
-};
-type OptionalStates = {
-  secondaryHeadline: string;
-};
-export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolHeadingWc implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
-  _label: string;
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { KoliBriHeadingAPI, KoliBriHeadingStates } from './types';
+export declare class KolHeadingWc implements KoliBriHeadingAPI {
+  _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
-  state: States;
-  validateLabel(value?: string): void;
+  state: KoliBriHeadingStates;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateLevel(value?: HeadingLevel): void;
   validateSecondaryHeadline(value?: string): void;
   componentWillLoad(): void;
@@ -30,4 +15,3 @@ export declare class KolHeadingWc implements Generic.Element.ComponentApi<Requir
   private readonly renderSecondaryHeadline;
   render(): JSX.Element;
 }
-export {};

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

@@ -1,9 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { HeadingLevel } from '../../types/heading-level';
-import { Props } from './component';
-export declare class KolHeading implements Props {
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { KoliBriHeadingProps } from './types';
+export declare class KolHeading implements KoliBriHeadingProps {
   render(): JSX.Element;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _level?: HeadingLevel;
   _secondaryHeadline?: string;
 }

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

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

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

@@ -0,0 +1,18 @@
+import { Generic } from '@a11y-ui/core';
+import { HeadingLevel } from '../../types/heading-level';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+type RequiredProps = PropLabelWithExpertSlot;
+type OptionalProps = {
+  secondaryHeadline: string;
+  level: HeadingLevel;
+};
+export type KoliBriHeadingProps = Generic.Element.Members<RequiredProps, OptionalProps>;
+type RequiredStates = {
+  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 {};

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

@@ -1,25 +1,16 @@
 import { JSX } from '../../stencil-public-runtime';
-import { Generic } from '@a11y-ui/core';
-import { AriaLabel } from '../../types/aria-label';
-type RequiredProps = AriaLabel & {
-  icon: string;
-};
-type OptionalProps = {
-  part: string;
-};
-export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = RequiredProps;
-type OptionalStates = OptionalProps;
-type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export declare class KolIcon implements Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates> {
+import { LabelPropType } from '../../types/props/label';
+import { KoliBriIconAPI, KoliBriIconStates } from './types';
+export declare class KolIcon implements KoliBriIconAPI {
   render(): JSX.Element;
-  _ariaLabel: string;
+  _ariaLabel?: string;
   _icon: string;
+  _label?: LabelPropType;
   _part?: string;
-  state: States;
+  state: KoliBriIconStates;
   validateAriaLabel(value?: string): void;
   validateIcon(value?: string): void;
+  validateLabel(value?: LabelPropType): void;
   validatePart(): void;
   componentWillLoad(): void;
 }
-export {};

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

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

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

@@ -0,0 +1,15 @@
+import { Generic } from '@a11y-ui/core';
+import { PropAriaLabel } from '../../types/props/aria-label';
+import { PropLabel } from '../../types/props/label';
+type RequiredProps = {
+  icon: string;
+};
+type OptionalProps = {
+  part: string;
+} & PropAriaLabel & PropLabel;
+export type KoliBriIconProps = 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 {};

package/dist/types/components/icon-font-awesome/component.d.ts

@@ -1,8 +1,8 @@
+import { Generic } from '@a11y-ui/core';
 import { JSX } from '../../stencil-public-runtime';
 import { FontAwesome, FontAwesomeOssPrefix } from '../../enums/font-awesome';
-import { Generic } from '@a11y-ui/core';
-import { AriaLabel } from '../../types/aria-label';
-type RequiredProps = AriaLabel & {
+import { PropAriaLabel } from '../../types/props/aria-label';
+type RequiredProps = PropAriaLabel & {
   icon: FontAwesome;
   prefix: FontAwesomeOssPrefix;
 };

package/dist/types/components/icon-icofont/component.d.ts

@@ -1,8 +1,8 @@
-import { JSX } from '../../stencil-public-runtime';
 import { Generic } from '@a11y-ui/core';
-import { AriaLabel } from '../../types/aria-label';
+import { JSX } from '../../stencil-public-runtime';
 import { Icofont } from '../../types/icofont';
-type RequiredProps = AriaLabel & {
+import { PropAriaLabel } from '../../types/props/aria-label';
+type RequiredProps = PropAriaLabel & {
   icon: Icofont;
 };
 type OptionalProps = {

package/dist/types/components/indented-text/component.d.ts

@@ -1,5 +1,5 @@
-import { JSX } from '../../stencil-public-runtime';
 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>;

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

@@ -6,16 +6,20 @@ import { Props } from './types';
 export declare class KolInput implements Props {
   render(): JSX.Element;
   _alert?: boolean;
+  _currentLength?: number;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: KoliBriHorizontalIcon;
   _id: string;
   _list?: Stringified<string[]>;
+  _maxLength?: number;
   _readOnly?: boolean;
   _renderNoLabel?: boolean;
   _required?: boolean;
+  _slotName?: string;
   _smartButton?: ButtonProps;
   _touched?: boolean;
 }

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

@@ -1,16 +1,27 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropAlert, PropDisabled, PropHideLabel, PropLabel, PropReadOnly, PropRequired, PropTouched } from '../../types/props';
-export type InputRequiredProps = PropLabel;
+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 { PropTouched } from '../../types/props/touched';
+export type InputRequiredProps = PropLabelWithExpertSlot;
 type RequiredProps = {
   id: string;
 };
 type OptionalProps = {
+  currentLength: number;
   error: string;
   hint: string;
   icon: KoliBriHorizontalIcon;
+  maxLength: number;
+  slotName: string;
   smartButton: ButtonProps;
-} & PropAlert & PropDisabled & PropHideLabel & PropReadOnly & PropRequired & PropTouched;
+  syncValueBySelector: string;
+} & PropAlert & PropDisabled & PropHasCounter & PropHideLabel & PropReadOnly & PropRequired & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -5,10 +5,12 @@ export declare class ControlledInputController implements Watches {
   protected readonly name: string;
   protected readonly host?: HTMLElement;
   readonly formAssociated?: HTMLInputElement;
+  syncToOwnInput?: HTMLInputElement;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   protected readonly syncFormAssociatedName: () => void;
   readonly setFormAssociatedValue: (value?: string | null) => void;
   validateAlert(value?: boolean): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTouched(value?: boolean): void;
   componentWillLoad(): void;
 }

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

@@ -2,6 +2,7 @@ import { Generic } from '@a11y-ui/core';
 type RequiredProps = unknown;
 type OptionalProps = {
   alert: boolean;
+  syncValueBySelector: string;
   touched: boolean;
 };
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;

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

@@ -1,6 +1,7 @@
 import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault } from '../../types/input/types';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, InputCheckboxIcon, InputCheckboxVariant, States } from './types';
 export declare class KolInputCheckbox implements ComponentApi {
   private readonly host?;
@@ -18,10 +19,11 @@ export declare class KolInputCheckbox implements ComponentApi {
   _icon?: Stringified<InputCheckboxIcon>;
   _id?: string;
   _indeterminate?: boolean;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _name?: string;
   _on?: InputTypeOnDefault;
   _required?: boolean;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _type?: InputCheckboxVariant;
@@ -39,10 +41,11 @@ export declare class KolInputCheckbox implements ComponentApi {
   validateIcon(value?: Stringified<InputCheckboxIcon>): void;
   validateId(value?: string): void;
   validateIndeterminate(value?: boolean): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateRequired(value?: boolean): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputCheckboxVariant): void;

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

@@ -2,8 +2,10 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { AnyIconFontClass } from '../../types/icon';
 import { InputTypeOnDefault } from '../../types/input/types';
+import { PropChecked } from '../../types/props/checked';
+import { PropIndeterminate } from '../../types/props/indeterminate';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { PropChecked, PropIndeterminate, PropLabel } from '../../types/props';
 export type InputCheckboxVariant = 'button' | 'checkbox' | 'default' | 'switch';
 export type InputCheckboxIcon = {
   checked: AnyIconFontClass;
@@ -30,6 +32,7 @@ type OptionalProps = {
   name: string;
   on: InputTypeOnDefault;
   required: boolean;
+  syncValueBySelector: string;
   touched: boolean;
   tabIndex: number;
   type: InputCheckboxVariant;
@@ -41,7 +44,7 @@ type RequiredStates = {
   icon: InputCheckboxIcon;
   id: string;
   variant: InputCheckboxVariant;
-} & PropChecked & PropIndeterminate & PropLabel;
+} & PropChecked & PropIndeterminate & PropLabelWithExpertSlot;
 type OptionalStates = {
   alert: boolean;
   accessKey: string;

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

@@ -3,6 +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 { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputColor implements ComponentApi {
   private readonly host?;
@@ -19,11 +20,12 @@ export declare class KolInputColor implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _name?: string;
   _on?: InputTypeOnDefault;
   _smartButton?: ButtonProps;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
   _touched?: boolean;
   _value?: string;
@@ -38,11 +40,12 @@ export declare class KolInputColor 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<string[]>): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: string): void;

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

@@ -3,8 +3,8 @@ import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { InputRequiredProps } from '../input/types';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -19,6 +19,7 @@ type OptionalProps = {
   name: string;
   on: InputTypeOnDefault;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   touched: boolean;
   tabIndex: number;
   value: string;
@@ -28,7 +29,7 @@ type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
   list: string[];
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;

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

@@ -1,22 +1,19 @@
 import { JSX } from '../../stencil-public-runtime';
 import { ButtonProps } from '../../types/button-link';
 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 { KoliBriHorizontalIcon } from '../../types/icon';
+import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { ComponentApi, States } from './types';
 export declare class KolInputDate implements ComponentApi {
   private readonly host?;
   private ref?;
-  private static readonly DEFAULT_MAX_DATE;
-  private static readonly isoDateRegex;
-  private static readonly isoLocalDateTimeRegex;
-  private static readonly isoMonthRegex;
-  private static readonly isoTimeRegex;
-  private static readonly isoWeekRegex;
   private readonly catchRef;
+  private readonly onKeyUp;
   render(): JSX.Element;
+  private readonly controller;
   _accessKey?: string;
   _alert?: boolean;
   _autoComplete?: InputTypeOnOff;
@@ -26,7 +23,7 @@ export declare class KolInputDate implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _max?: Iso8601 | Date;
   _min?: Iso8601 | Date;
@@ -35,18 +32,37 @@ export declare class KolInputDate implements ComponentApi {
   _readOnly?: boolean;
   _required?: boolean;
   _smartButton?: ButtonProps;
+  _syncValueBySelector?: string;
   _step?: number;
   _tabIndex?: number;
   _touched?: boolean;
   _type: InputDateType;
   _value?: Iso8601 | Date | null;
   state: States;
-  private valueAsIsoDate;
-  private validateDateString;
-  validateLabel(value?: string): void;
+  constructor();
+  validateAccessKey(value?: string): void;
+  validateAlert(value?: boolean): void;
+  validateAutoComplete(value?: InputTypeOnOff): void;
+  validateDisabled(value?: boolean): void;
+  validateError(value?: string): void;
+  validateHideLabel(value?: boolean): void;
+  validateHint(value?: string): void;
+  validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
+  validateId(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
+  validateList(value?: Stringified<string[]>): void;
   validateMax(value?: Iso8601 | Date): void;
   validateMin(value?: Iso8601 | Date): void;
+  validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
+  validateReadOnly(value?: boolean): void;
+  validateRequired(value?: boolean): void;
+  validateSmartButton(value?: ButtonProps | string): void;
+  validateStep(value?: number): void;
+  validateSyncValueBySelector(value?: string): void;
+  validateTabIndex(value?: number): void;
+  validateTouched(value?: boolean): void;
+  validateType(value?: InputDateType): void;
   validateValue(value?: Iso8601 | Date | null): void;
   componentWillLoad(): void;
 }