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

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

@@ -1,5 +1,5 @@
 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';
@@ -7,65 +7,56 @@ import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropMultiple } from '../../types/props/multiple';
 import { PropSuggestions } 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 { PropHasCounter } from '../../types/props/has-counter';
+import { PropHideLabel } from '../../types/props/hide-label';
+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';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
   autoComplete: InputTypeOnOff;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
   list: Stringified<string[]>;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
   smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
-  touched: boolean;
   tabIndex: number;
   value: string;
-} & PropMultiple & PropSuggestions;
+} & PropDisabled & PropHasCounter & PropHideLabel & PropMultiple & PropName & PropReadOnly & PropRequired & PropSuggestions & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
-  id: string;
   hasValue: boolean;
   suggestions: W3CInputValue[];
-} & PropLabelWithExpertSlot;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
   currentLength: number;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
   maxLength: number;
-  multiple: boolean;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
   smartButton: ButtonProps;
-  touched: boolean;
   tabIndex: number;
   value: string;
-};
+} & PropDisabled & PropHasCounter & PropHideLabel & PropMultiple & 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/input-file/component.d.ts

@@ -1,12 +1,15 @@
 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 } from '../../types/input/types';
-import { Align } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { ComponentApi, States } from './types';
-export declare class KolInputFile implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputFile implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -20,16 +23,16 @@ export declare class KolInputFile implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _multiple?: boolean;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _required?: boolean;
   _smartButton?: Stringified<ButtonProps>;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -49,7 +52,7 @@ export declare class KolInputFile implements ComponentApi {
   validateOn(value?: InputTypeOnDefault): void;
   validateRequired(value?: boolean): void;
   validateSmartButton(value?: ButtonProps | string): 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-file/types.d.ts

@@ -1,53 +1,45 @@
 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 } from '../../types/input/types';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
-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 { PropMultiple } from '../../types/props/multiple';
+import { PropName } from '../../types/props/name';
+import { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accept: string;
   alert: boolean;
   accessKey: string;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
-  multiple: boolean;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
   smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
-  touched: boolean;
   tabIndex: number;
   value: string;
-};
+} & PropDisabled & PropHideLabel & PropMultiple & PropName & PropRequired & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
-type RequiredStates = {
-  id: string;
-} & PropLabelWithExpertSlot;
+type RequiredStates = PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accept: string;
   alert: boolean;
   accessKey: string;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
-  multiple: boolean;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
   smartButton: ButtonProps;
-  touched: boolean;
   tabIndex: number;
   value: string;
-};
+} & PropDisabled & PropHideLabel & PropMultiple & 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-number/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 { InputNumberType } 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 { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
-import { ComponentApi, States } from './types';
-export declare class KolInputNumber implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputNumber implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -24,12 +27,12 @@ export declare class KolInputNumber implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _max?: number | Iso8601;
   _min?: number | Iso8601;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _placeholder?: string;
   _readOnly?: boolean;
@@ -37,9 +40,9 @@ export declare class KolInputNumber implements ComponentApi {
   _smartButton?: Stringified<ButtonProps>;
   _suggestions?: SuggestionsPropType;
   _step?: number;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _type?: InputNumberType;
   _value?: number | Iso8601 | null;
@@ -66,7 +69,7 @@ export declare class KolInputNumber 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?: InputNumberType): void;

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

@@ -1,5 +1,5 @@
 import { Generic } from '@a11y-ui/core';
-import { ButtonProps } from '../../types/button-link';
+import { Props as ButtonProps } from '../button/types';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputNumberType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
@@ -7,8 +7,15 @@ 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 { PropId } from '../../types/props/id';
+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 { PropReadOnly } from '../../types/props/read-only';
+import { PropTouched } from '../../types/props/touched';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   placeholder: string;
   type: InputNumberType;
@@ -17,34 +24,26 @@ type OptionalProps = {
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
-  id: string;
   suggestions: W3CInputValue[];
   type: InputNumberType;
-} & PropLabelWithExpertSlot;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;
   max: string;
   min: string;
-  name: string;
   on: InputTypeOnDefault;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   smartButton: ButtonProps;
-  syncValueBySelector: string;
   step: number;
   tabIndex: number;
-  touched: boolean;
   value: string;
-};
+} & PropDisabled & PropHideLabel & PropName & PropReadOnly & PropRequired & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 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-password/component.d.ts

@@ -1,12 +1,15 @@
 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 { Align } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
-import { ComponentApi, States } from './types';
-export declare class KolInputPassword implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputPassword implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -22,10 +25,10 @@ export declare class KolInputPassword implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _pattern?: string;
   _placeholder?: string;
@@ -33,9 +36,9 @@ export declare class KolInputPassword implements ComponentApi {
   _required?: boolean;
   _size?: number;
   _smartButton?: Stringified<ButtonProps>;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -60,7 +63,7 @@ export declare class KolInputPassword implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
   validateSmartButton(value?: ButtonProps | string): 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-password/types.d.ts

@@ -1,65 +1,57 @@
 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 { InputRequiredProps } from '../input/types';
-type RequiredProps = InputRequiredProps;
+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 { PropName } from '../../types/props/name';
+import { PropRequired } from '../../types/props/required';
+import { PropReadOnly } from '../../types/props/read-only';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
   autoComplete: InputTypeOnOff;
-  disabled: boolean;
   error: string;
-  hasCounter: boolean;
-  hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
   maxLength: number;
-  name: string;
   on: InputTypeOnDefault;
   pattern: string;
   placeholder: string;
-  readOnly: boolean;
-  required: boolean;
   size: number;
   smartButton: Stringified<ButtonProps>;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   value: string;
-};
+} & PropDisabled & PropHasCounter & PropHideLabel & PropName & PropReadOnly & PropRequired & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
-  id: string;
-} & PropLabelWithExpertSlot;
+} & 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 | null;
-};
+} & 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/input-radio/component.d.ts

@@ -2,13 +2,16 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
-import { Align } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { OptionsPropType } from '../../types/props/options';
 import { StencilUnknown } from '../../types/unknown';
 import { W3CInputValue } from '../../types/w3c';
-import { ComponentApi, States } from './types';
-export declare class KolInputRadio implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputRadio implements API {
   private readonly host?;
   private ref?;
   private readonly catchRef;
@@ -20,17 +23,17 @@ export declare class KolInputRadio implements ComponentApi {
   _error?: string;
   _hideLabel?: boolean;
   _hint?: string;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<Option<W3CInputValue>[]>;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _options?: OptionsPropType;
   _orientation?: Orientation;
   _required?: boolean;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: Stringified<W3CInputValue>;
   state: States;
@@ -49,7 +52,7 @@ export declare class KolInputRadio implements ComponentApi {
   validateOptions(value?: OptionsPropType): void;
   validateOrientation(value?: Orientation): void;
   validateRequired(value?: boolean): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: Stringified<StencilUnknown>): void;

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

@@ -5,46 +5,40 @@ import { Orientation } from '../../types/orientation';
 import { PropLabelWithExpertSlot } from '../../types/props/label';
 import { PropOptions } from '../../types/props/options';
 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 { PropRequired } from '../../types/props/required';
+import { PropTouched } from '../../types/props/touched';
+import { PropId } from '../../types/props/id';
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
   list: Stringified<Option<W3CInputValue>[]>;
-  name: string;
   on: InputTypeOnDefault;
   orientation: Orientation;
-  required: boolean;
-  syncValueBySelector: string;
   tabIndex: number;
-  touched: boolean;
   value: W3CInputValue;
-} & PropOptions;
+} & PropDisabled & PropHideLabel & PropName & PropOptions & PropRequired & PropSyncValueBySelector & PropTouched;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
-  id: string;
   options: Option<W3CInputValue>[];
   orientation: Orientation;
-} & PropLabelWithExpertSlot;
+} & PropId & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
-  disabled: boolean;
   error: string;
-  hideLabel: boolean;
   hint: string;
-  name: string;
   on: InputTypeOnDefault;
-  required: boolean;
   tabIndex: number;
-  touched: boolean;
   value: W3CInputValue;
-};
+} & PropDisabled & PropHideLabel & PropName & PropRequired & PropTouched;
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
 export type Watches = Generic.Element.Watchers<RequiredProps, Omit<OptionalProps, 'list'>>;
-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-range/component.d.ts

@@ -2,12 +2,15 @@ import { JSX } from '../../stencil-public-runtime';
 import { Stringified } from '../../types/common';
 import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputTypeOnDefault, InputTypeOnOff, Option } from '../../types/input/types';
-import { Align } from '../../types/props/align';
 import { LabelWithExpertSlotPropType } from '../../types/props/label';
 import { SuggestionsPropType } from '../../types/props/suggestions';
 import { W3CInputValue } from '../../types/w3c';
-import { ComponentApi, States } from './types';
-export declare class KolInputRange implements ComponentApi {
+import { API, States } from './types';
+import { SyncValueBySelectorPropType } from '../../types/props/sync-value-by-selector';
+import { TooltipAlignPropType } from '../../types/props/tooltip-align';
+import { IdPropType } from '../../types/props/id';
+import { NamePropType } from '../../types/props/name';
+export declare class KolInputRange implements API {
   private readonly host?;
   private ref?;
   private readonly catchInputNumberRef;
@@ -23,18 +26,18 @@ export declare class KolInputRange implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
-  _id?: string;
+  _id?: IdPropType;
   _label: LabelWithExpertSlotPropType;
   _list?: Stringified<Option<W3CInputValue>[]>;
   _max?: number;
   _min?: number;
-  _name?: string;
+  _name?: NamePropType;
   _on?: InputTypeOnDefault;
   _step?: number;
   _suggestions?: SuggestionsPropType;
-  _syncValueBySelector?: string;
+  _syncValueBySelector?: SyncValueBySelectorPropType;
   _tabIndex?: number;
-  _tooltipAlign?: Align;
+  _tooltipAlign?: TooltipAlignPropType;
   _touched?: boolean;
   _value?: number;
   state: States;
@@ -56,7 +59,7 @@ export declare class KolInputRange implements ComponentApi {
   validateOn(value?: InputTypeOnDefault): void;
   validateStep(value?: number): void;
   validateSuggestions(value?: SuggestionsPropType): void;
-  validateSyncValueBySelector(value?: string): void;
+  validateSyncValueBySelector(value?: SyncValueBySelectorPropType): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: number): void;