@public-ui/components 1.6.0-rc.2 → 1.6.0-rc.20

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

@@ -1,10 +1,13 @@
 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 { 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 KolInputDate implements ComponentApi {
   private readonly host?;
@@ -22,7 +25,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;
@@ -30,9 +33,12 @@ export declare class KolInputDate implements ComponentApi {
   _on?: InputTypeOnDefault;
   _readOnly?: boolean;
   _required?: boolean;
-  _smartButton?: ButtonProps;
+  _smartButton?: Stringified<ButtonProps>;
+  _suggestions?: SuggestionsPropType;
+  _syncValueBySelector?: string;
   _step?: number;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _type: InputDateType;
   _value?: Iso8601 | Date | null;
@@ -47,7 +53,7 @@ export declare class KolInputDate 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;
   validateMax(value?: Iso8601 | Date): void;
   validateMin(value?: Iso8601 | Date): void;
@@ -56,7 +62,9 @@ export declare class KolInputDate implements ComponentApi {
   validateReadOnly(value?: boolean): void;
   validateRequired(value?: boolean): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   validateStep(value?: number): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputDateType): void;

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

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-import { Stringified } from '../../types/common';
 import { InputNumberType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
+import { SuggestionsPropType } from '../../types/props/suggestions';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
 export declare class InputDateController extends InputIconController implements Watches {
@@ -15,7 +15,8 @@ export declare class InputDateController extends InputIconController implements
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAutoComplete(value?: InputTypeOnOff): void;
-  validateList(value?: Stringified<string[]>): void;
+  validateList(): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   private tryParseToString;
   private validateDateString;
   private readonly validateIso8601;

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

@@ -1,22 +1,25 @@
 import { Generic } from '@a11y-ui/core';
+import { ButtonProps } from '../../types/button-link';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputDateType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 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';
-import { PropLabel } from '../../types/props';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { ButtonProps } from '../../types/button-link';
 type RequiredProps = InputRequiredProps;
-type OptionalProps = OptionalInputProps<Iso8601 | Date> & {
+type OptionalProps = {
   type: InputDateType;
-};
+  list: SuggestionsPropType;
+} & OptionalInputProps<Iso8601 | Date> & PropSuggestions;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
   id: string;
-  list: string[];
+  suggestions: W3CInputValue[];
   type: InputDateType;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
@@ -33,6 +36,7 @@ type OptionalStates = {
   readOnly: boolean;
   required: boolean;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   step: number;
   tabIndex: number;
   touched: boolean;

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

@@ -3,6 +3,9 @@ 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 { LabelWithExpertSlotPropType } from '../../types/props/label';
+import { SuggestionsPropType } from '../../types/props/suggestions';
 import { ComponentApi, States } from './types';
 export declare class KolInputEmail implements ComponentApi {
   private readonly host?;
@@ -16,11 +19,12 @@ export declare class KolInputEmail implements ComponentApi {
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _maxLength?: number;
   _multiple?: boolean;
@@ -31,8 +35,11 @@ export declare class KolInputEmail implements ComponentApi {
   _readOnly?: boolean;
   _required?: boolean;
   _size?: number;
-  _smartButton?: ButtonProps;
+  _smartButton?: Stringified<ButtonProps>;
+  _suggestions?: SuggestionsPropType;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -42,11 +49,12 @@ export declare class KolInputEmail implements ComponentApi {
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   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;
   validateMaxLength(value?: number): void;
   validateMultiple(value?: boolean): void;
@@ -57,7 +65,9 @@ export declare class KolInputEmail implements ComponentApi {
   validateReadOnly(value?: boolean): void;
   validateRequired(value?: boolean): void;
   validateSize(value?: number): void;
+  validateSuggestions(value?: SuggestionsPropType): 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-email/types.d.ts

@@ -1,10 +1,13 @@
 import { Generic } from '@a11y-ui/core';
 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 { PropMultiple } from '../../types/props/multiple';
+import { PropSuggestions } from '../../types/props/suggestions';
+import { W3CInputValue } from '../../types/w3c';
 import { InputRequiredProps } from '../input/types';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel, PropMultiple } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -12,6 +15,7 @@ type OptionalProps = {
   autoComplete: InputTypeOnOff;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
@@ -24,23 +28,26 @@ type OptionalProps = {
   readOnly: boolean;
   required: boolean;
   size: number;
-  smartButton: ButtonProps;
+  smartButton: Stringified<ButtonProps>;
+  syncValueBySelector: string;
   touched: boolean;
   tabIndex: number;
   value: string;
-} & PropMultiple;
+} & PropMultiple & PropSuggestions;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   id: string;
   hasValue: boolean;
-  list: string[];
-} & PropLabel;
+  suggestions: W3CInputValue[];
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
+  currentLength: number;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;

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

@@ -3,6 +3,8 @@ import { ButtonProps } from '../../types/button-link';
 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 {
   private readonly host?;
@@ -19,13 +21,15 @@ export declare class KolInputFile implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _multiple?: boolean;
   _name?: string;
   _on?: InputTypeOnDefault;
   _required?: boolean;
-  _smartButton?: ButtonProps;
+  _smartButton?: Stringified<ButtonProps>;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -39,12 +43,13 @@ export declare class KolInputFile implements ComponentApi {
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateMultiple(value?: boolean): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
   validateRequired(value?: boolean): 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-file/types.d.ts

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
 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';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accept: string;
@@ -19,7 +19,8 @@ type OptionalProps = {
   name: string;
   on: InputTypeOnDefault;
   required: boolean;
-  smartButton: ButtonProps;
+  smartButton: Stringified<ButtonProps>;
+  syncValueBySelector: string;
   touched: boolean;
   tabIndex: number;
   value: string;
@@ -27,7 +28,7 @@ type OptionalProps = {
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   id: string;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accept: string;
   alert: boolean;

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

@@ -5,6 +5,9 @@ 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 {
   private readonly host?;
@@ -22,7 +25,7 @@ export declare class KolInputNumber implements ComponentApi {
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _list?: Stringified<string[]>;
   _max?: number | Iso8601;
   _min?: number | Iso8601;
@@ -31,9 +34,12 @@ export declare class KolInputNumber implements ComponentApi {
   _placeholder?: string;
   _readOnly?: boolean;
   _required?: boolean;
-  _smartButton?: ButtonProps;
+  _smartButton?: Stringified<ButtonProps>;
+  _suggestions?: SuggestionsPropType;
   _step?: number;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _type?: InputNumberType;
   _value?: number | Iso8601 | null;
@@ -48,7 +54,7 @@ export declare class KolInputNumber 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;
   validateMax(value?: number | Iso8601): void;
   validateMin(value?: number | Iso8601): void;
@@ -58,7 +64,9 @@ export declare class KolInputNumber implements ComponentApi {
   validateReadOnly(value?: boolean): void;
   validateRequired(value?: boolean): void;
   validateSmartButton(value?: ButtonProps | string): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   validateStep(value?: number): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateType(value?: InputNumberType): void;

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

@@ -1,8 +1,8 @@
 import { Generic } from '@a11y-ui/core';
-import { Stringified } from '../../types/common';
 import { InputNumberType } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 import { InputTypeOnOff } from '../../types/input/types';
+import { SuggestionsPropType } from '../../types/props/suggestions';
 import { InputIconController } from '../@deprecated/input/controller-icon';
 import { Props, Watches } from './types';
 export declare class InputNumberController extends InputIconController implements Watches {
@@ -10,7 +10,8 @@ export declare class InputNumberController extends InputIconController implement
   protected readonly component: Generic.Element.Component & Props;
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   validateAutoComplete(value?: InputTypeOnOff): void;
-  validateList(value?: Stringified<string[]>): void;
+  validateList(): void;
+  validateSuggestions(value?: SuggestionsPropType): void;
   private readonly parseToString;
   private readonly validateIso8601;
   protected onChange(event: Event): void;

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

@@ -1,23 +1,26 @@
 import { Generic } from '@a11y-ui/core';
 import { ButtonProps } from '../../types/button-link';
+import { KoliBriHorizontalIcon } from '../../types/icon';
 import { InputNumberType, OptionalInputProps } from '../../types/input/control/number';
 import { Iso8601 } from '../../types/input/iso8601';
 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';
-import { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
-type OptionalProps = OptionalInputProps<number | Iso8601> & {
+type OptionalProps = {
   placeholder: string;
   type: InputNumberType;
-};
+  list: SuggestionsPropType;
+} & OptionalInputProps<number | Iso8601> & PropSuggestions;
 type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
   id: string;
-  list: string[];
+  suggestions: W3CInputValue[];
   type: InputNumberType;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
@@ -34,6 +37,7 @@ type OptionalStates = {
   readOnly: boolean;
   required: boolean;
   smartButton: ButtonProps;
+  syncValueBySelector: string;
   step: number;
   tabIndex: number;
   touched: boolean;

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

@@ -1,8 +1,10 @@
 import { JSX } from '../../stencil-public-runtime';
 import { ButtonProps } from '../../types/button-link';
 import { Stringified } from '../../types/common';
-import { InputTypeOnDefault, InputTypeOnOff } from '../../types/input/types';
 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 {
   private readonly host?;
@@ -16,11 +18,12 @@ export declare class KolInputPassword implements ComponentApi {
   _autoComplete?: InputTypeOnOff;
   _disabled?: boolean;
   _error?: string;
+  _hasCounter?: boolean;
   _hideLabel?: boolean;
   _hint?: string;
   _icon?: Stringified<KoliBriHorizontalIcon>;
   _id?: string;
-  _label: string;
+  _label: LabelWithExpertSlotPropType;
   _maxLength?: number;
   _name?: string;
   _on?: InputTypeOnDefault;
@@ -29,8 +32,10 @@ export declare class KolInputPassword implements ComponentApi {
   _readOnly?: boolean;
   _required?: boolean;
   _size?: number;
-  _smartButton?: ButtonProps;
+  _smartButton?: Stringified<ButtonProps>;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _value?: string;
   state: States;
@@ -40,11 +45,12 @@ export declare class KolInputPassword implements ComponentApi {
   validateAutoComplete(value?: InputTypeOnOff): void;
   validateDisabled(value?: boolean): void;
   validateError(value?: string): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateIcon(value?: Stringified<KoliBriHorizontalIcon>): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateMaxLength(value?: number): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
@@ -54,6 +60,7 @@ export declare class KolInputPassword implements ComponentApi {
   validateRequired(value?: boolean): void;
   validateSize(value?: number): 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-password/controller.d.ts

@@ -8,6 +8,7 @@ export declare class InputPasswordController extends InputIconController impleme
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   private handleHiddenLabelAndRequired;
   validateAutoComplete(value?: InputTypeOnOff): void;
+  validateHasCounter(value?: boolean): void;
   validateHideLabel(value?: boolean): void;
   validateMaxLength(value?: number): void;
   validatePattern(value?: string): void;

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

@@ -1,10 +1,10 @@
 import { Generic } from '@a11y-ui/core';
 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 { KoliBriHorizontalIcon } from '../../types/icon';
-import { PropLabel } from '../../types/props';
 type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
@@ -12,6 +12,7 @@ type OptionalProps = {
   autoComplete: InputTypeOnOff;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: Stringified<KoliBriHorizontalIcon>;
@@ -23,7 +24,8 @@ type OptionalProps = {
   readOnly: boolean;
   required: boolean;
   size: number;
-  smartButton: ButtonProps;
+  smartButton: Stringified<ButtonProps>;
+  syncValueBySelector: string;
   tabIndex: number;
   touched: boolean;
   value: string;
@@ -33,12 +35,14 @@ type RequiredStates = {
   autoComplete: InputTypeOnOff;
   hasValue: boolean;
   id: string;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
+  currentLength: number;
   disabled: boolean;
   error: string;
+  hasCounter: boolean;
   hideLabel: boolean;
   hint: string;
   icon: KoliBriHorizontalIcon;

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

@@ -2,6 +2,9 @@ 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 { W3CInputValue } from '../../types/w3c';
 import { ComponentApi, States } from './types';
 export declare class KolInputRadio implements ComponentApi {
@@ -17,13 +20,16 @@ export declare class KolInputRadio implements ComponentApi {
   _hideLabel?: boolean;
   _hint?: string;
   _id?: string;
-  _label: string;
-  _list: Stringified<Option<W3CInputValue>[]>;
+  _label: LabelWithExpertSlotPropType;
+  _list?: Stringified<Option<W3CInputValue>[]>;
   _name?: string;
   _on?: InputTypeOnDefault;
+  _options?: OptionsPropType;
   _orientation?: Orientation;
   _required?: boolean;
+  _syncValueBySelector?: string;
   _tabIndex?: number;
+  _tooltipAlign?: Align;
   _touched?: boolean;
   _value?: Stringified<W3CInputValue>;
   state: States;
@@ -35,12 +41,14 @@ export declare class KolInputRadio implements ComponentApi {
   validateHideLabel(value?: boolean): void;
   validateHint(value?: string): void;
   validateId(value?: string): void;
-  validateLabel(value?: string): void;
+  validateLabel(value?: LabelWithExpertSlotPropType): void;
   validateList(value?: Stringified<Option<W3CInputValue>[]>): void;
   validateName(value?: string): void;
   validateOn(value?: InputTypeOnDefault): void;
+  validateOptions(value?: OptionsPropType): void;
   validateOrientation(value?: Orientation): void;
   validateRequired(value?: boolean): void;
+  validateSyncValueBySelector(value?: string): void;
   validateTabIndex(value?: number): void;
   validateTouched(value?: boolean): void;
   validateValue(value?: Stringified<unknown>): void;

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

@@ -2,12 +2,13 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { Option, SelectOption } from '../../types/input/types';
 import { Orientation } from '../../types/orientation';
-import { PropLabel } from '../../types/props';
+import { PropLabelWithExpertSlot } from '../../types/props/label';
+import { OptionsPropType } from '../../types/props/options';
 import { W3CInputValue } from '../../types/w3c';
 import { InputController } from '../@deprecated/input/controller';
 import { Props, Watches } from './types';
 export declare const fillKeyOptionMap: <T>(keyOptionMap: Map<string, Option<T>>, options: SelectOption<T>[], preKey?: string) => void;
-type RequiredProps = PropLabel;
+type RequiredProps = PropLabelWithExpertSlot;
 type OptionalProps = {
   required: boolean;
 };
@@ -26,9 +27,9 @@ export declare class InputRadioController extends InputCheckboxRadioController i
   constructor(component: Generic.Element.Component & Props, name: string, host?: HTMLElement);
   readonly getOptionByKey: (key: string) => Option<W3CInputValue> | undefined;
   private readonly isValueInOptions;
-  protected readonly beforePatchListValue: (_value: unknown, nextState: Map<string, unknown>) => void;
+  protected readonly beforePatchOptions: (_value: unknown, nextState: Map<string, unknown>) => void;
   validateOrientation(value?: Orientation): void;
-  validateList(value?: Stringified<Option<W3CInputValue>[]>): void;
+  validateOptions(value?: OptionsPropType): void;
   validateValue(value?: Stringified<unknown>): void;
   componentWillLoad(onChange?: (event: Event) => void): void;
 }

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

@@ -2,12 +2,11 @@ import { Generic } from '@a11y-ui/core';
 import { Stringified } from '../../types/common';
 import { InputTypeOnDefault, Option } from '../../types/input/types';
 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';
-import { PropLabel } from '../../types/props';
-type RequiredProps = InputRequiredProps & {
-  list: Stringified<Option<W3CInputValue>[]>;
-};
+type RequiredProps = InputRequiredProps;
 type OptionalProps = {
   accessKey: string;
   alert: boolean;
@@ -15,20 +14,22 @@ type OptionalProps = {
   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;
 export type Props = Generic.Element.Members<RequiredProps, OptionalProps>;
 type RequiredStates = {
   id: string;
-  list: Option<W3CInputValue>[];
+  options: Option<W3CInputValue>[];
   orientation: Orientation;
-} & PropLabel;
+} & PropLabelWithExpertSlot;
 type OptionalStates = {
   accessKey: string;
   alert: boolean;
@@ -44,6 +45,6 @@ type OptionalStates = {
   value: W3CInputValue;
 };
 export type States = Generic.Element.Members<RequiredStates, OptionalStates>;
-export type Watches = Generic.Element.Watchers<RequiredProps, OptionalProps>;
+export type Watches = Generic.Element.Watchers<RequiredProps, Omit<OptionalProps, 'list'>>;
 export type ComponentApi = Generic.Element.ComponentApi<RequiredProps, OptionalProps, RequiredStates, OptionalStates>;
 export {};