@feedmepos/ui-library 1.2.15-rc.4 → 1.2.15-rc.6

package/dist/CHANGELOG.md

@@ -1,3 +1,17 @@
+## 1.2.15-rc.6 - 2024-8-7
+
+### Features
+
+- `FmTextField`
+  - Handle the value is inconsistent between the `el.value` and the `modelValue`  
+
+## 1.2.15-rc.5 - 2024-8-6
+
+### Features
+
+- `useDialog`
+  - Allow use custom `is-component` to control the dialog wrapper element
+
 ## 1.2.15-rc.4 - 2024-8-6
 
 ### Fixes

package/dist/components/bottom-sheet/FmBottomSheet.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    modelValue: boolean;
     header: string;
     zIndex: number;
+    modelValue: boolean;
     dismissAway: boolean;
     noHeader: boolean;
 }, {}>, {

package/dist/components/button/FmButton.vue.d.ts

@@ -69,9 +69,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     loading: boolean;
 }>>>, {
     size: "md" | "lg";
+    type: "button" | "reset" | "submit";
     label: string;
     disabled: boolean;
-    type: "button" | "reset" | "submit";
     variant: "plain" | "primary" | "secondary" | "destructive" | "tertiary" | "fab" | FmButtonVariant;
     icon: string;
     iconPosition: "prepend" | "append";

package/dist/components/dialog/FmDialog.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    modelValue: boolean;
     zIndex: number;
+    modelValue: boolean;
     overlay: boolean;
     minWidth: string | number;
     closeButton: boolean;

package/dist/components/dialog/FmDialogContent.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
-    modelValue: boolean;
     contentClass: any;
+    modelValue: boolean;
     minWidth: string | number;
     maxWidth: string | number;
     closeButton: boolean;

package/dist/components/dynamic-dialog/FmDynamicDialog.vue.d.ts

@@ -6,6 +6,7 @@ export interface FooterActionButton {
     text: string | null;
     close: boolean;
     variant?: FmButtonProps['variant'];
+    type?: FmButtonProps['type'];
     disabled?: boolean | Ref<boolean>;
     isLoading?: boolean | Ref<boolean>;
 }
@@ -44,6 +45,15 @@ export interface FmDynamicDialogProps {
     contentClass?: any;
     /** Props passed to content component */
     contentComponentProps?: any;
+    /**
+     * For replacing the content component with a custom component
+     * Only works if `contentComponent` is not specified
+     */
+    isContentComponent?: any;
+    /**
+     * The props to be passed to the custom content component
+     */
+    isContentComponentProps?: any;
     /** Used internally, passed from dialog-plugin */
     readonly unmount?: () => void;
     readonly storedFunctions?: InternalStoredFunction | null;

package/dist/components/form/calendar/date-picker/FmDatePicker.vue.d.ts

@@ -31,14 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/calendar/date-picker/FmDatePickerDesktop.vue.d.ts

@@ -31,14 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/calendar/date-picker/FmDatePickerMobile.vue.d.ts

@@ -31,14 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/calendar/date-range-picker/FmDateRangePicker.vue.d.ts

@@ -50,13 +50,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerDesktop.vue.d.ts

@@ -52,14 +52,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerField.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compareLabel: string;
 }>>>, {
     disabled: boolean;
-    focused: boolean;
     invalid: boolean;
+    focused: boolean;
     showValidBorder: boolean;
     startLabel: string;
     endLabel: string;

package/dist/components/form/calendar/date-range-picker/FmDateRangePickerMobile.vue.d.ts

@@ -52,14 +52,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/field/FmField.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     size: "sm" | "md";
     disabled: boolean;
-    focused: boolean;
     invalid: boolean;
+    focused: boolean;
     tag: string;
     prependIcon: string;
     appendIcon: string;

package/dist/components/form/form-group/FmFormGroup.vue.d.ts

@@ -37,14 +37,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     tag: string;
 }>>>, {
     required: boolean;
-    optional: boolean;
     label: string;
     disabled: boolean;
-    focused: boolean;
+    optional: boolean;
+    info: string;
     rules: ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    info: string;
+    helperState: "success" | "warning" | "error" | "none";
     tag: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/helper-text/FmHelperText.vue.d.ts

@@ -15,10 +15,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     state: string;
     errorMessages: () => never[];
 }>>>, {
+    text: string;
     disabled: boolean;
+    state: "success" | "warning" | "error" | "none";
     errorMessages: string[];
-    text: string;
-    state: "none" | "success" | "warning" | "error";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/label/FmLabel.vue.d.ts

@@ -28,9 +28,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     info: string;
 }>>>, {
     required: boolean;
-    optional: boolean;
     label: string;
     disabled: boolean;
+    optional: boolean;
     info: string;
 }, {}>, {
     default?(_: {}): any;

package/dist/components/form/phone-number/FmPhoneNumber.vue.d.ts

@@ -44,12 +44,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     placeholder: string;
     defaultCountry: CountryCode;
     extraCountryCodes: CountryCode[];

package/dist/components/form/pin-field/FmPinField.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onComplete?: ((value: string) => any) | undefined;
 }, {
     length: number;
-    modelValue: string[];
     type: "number" | "text";
+    modelValue: string[];
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/form/radio/FmRadio.vue.d.ts

@@ -20,9 +20,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
-    modelValue: any;
     label: string;
     disabled: boolean;
+    modelValue: any;
     sublabel: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts

@@ -34,14 +34,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
     rules: import("../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
     inline: boolean;
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
 }, {}>, {
     label?(_: {}): any;
     default?(_: {}): any;

package/dist/components/form/search/FmSearch.vue.d.ts

@@ -63,18 +63,18 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     maxWidth: undefined;
 }>>>, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     maxWidth: string | number;
     showValidBorder: boolean;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    inputmode: "none" | "text" | "search" | "decimal" | "numeric" | "tel" | "email" | "url";
+    inputmode: "text" | "none" | "search" | "decimal" | "numeric" | "tel" | "email" | "url";
     readonly: boolean;
     showWordCount: boolean;
     showSuccess: boolean;

package/dist/components/form/select/FmSelect.vue.d.ts

@@ -69,14 +69,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onDropdown-changed"?: ((value: boolean) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    placement: Placement;
     rules: import("../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    placement: Placement;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     width: number;
     maxHeight: number;
     showValidBorder: boolean;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePicker.vue.d.ts

@@ -29,13 +29,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerDesktop.vue.d.ts

@@ -31,14 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/simple-calendar/simple-date-picker/FmSimpleDatePickerMobile.vue.d.ts

@@ -31,14 +31,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePicker.vue.d.ts

@@ -48,13 +48,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerDesktop.vue.d.ts

@@ -52,14 +52,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerField.vue.d.ts

@@ -33,8 +33,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     compareLabel: string;
 }>>>, {
     disabled: boolean;
-    focused: boolean;
     invalid: boolean;
+    focused: boolean;
     showValidBorder: boolean;
     startLabel: string;
     endLabel: string;

package/dist/components/form/simple-calendar/simple-date-range-picker/FmSimpleDateRangePickerMobile.vue.d.ts

@@ -52,14 +52,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
     "onSelect-comparison"?: ((value: CompareType) => any) | undefined;
 }, {
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     min: string;
     max: string;

package/dist/components/form/stepper-field/FmStepperField.vue.d.ts

@@ -73,12 +73,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     prependIcon: string;
     appendIcon: string;
     showValidBorder: boolean;

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -3,7 +3,6 @@ export interface FmTextFieldProps extends FormChildProps {
     placeholder?: string;
     minLength?: number;
     maxLength?: number;
-    /** To display virtual keyboard */
     inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url' | 'password';
     type?: 'text' | 'password' | 'email' | 'tel' | 'number';
     readonly?: boolean;
@@ -15,15 +14,7 @@ export interface FmTextFieldProps extends FormChildProps {
     showWordCount?: boolean;
     invalid?: boolean;
     autofocus?: boolean;
-    /**
-     * @description
-     * Allow user to format the value before updating the model
-     */
     formatter?: (value: string) => string;
-    /**
-     * @description
-     * Treat it as the step attribute for number input
-     */
     decimal?: number;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTextFieldProps>, {
@@ -73,19 +64,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onFocus-changed"?: ((value: boolean) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
     rules: import("../../..").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     prependIcon: string;
     appendIcon: string;
     showValidBorder: boolean;
     placeholder: string;
     minLength: number;
     maxLength: number;
-    inputmode: "none" | "text" | "search" | "decimal" | "numeric" | "tel" | "email" | "url" | "password";
+    inputmode: "text" | "none" | "search" | "decimal" | "numeric" | "tel" | "email" | "url" | "password";
     readonly: boolean;
     showWordCount: boolean;
     formatter: (value: string) => string;

package/dist/components/form/textarea/FmTextarea.vue.d.ts

@@ -52,15 +52,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    modelValue: string;
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    modelValue: string;
     rules: import("../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     placeholder: string;
     minLength: number;

package/dist/components/form/time-picker/FmTimePicker.vue.d.ts

@@ -35,14 +35,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
 }, {
     label: string;
-    labelMark: "required" | "optional" | "none";
-    labelInfo: string;
     disabled: boolean;
-    focused: boolean;
+    zIndex: number;
     rules: import("../../..").ValidationRule[];
+    focused: boolean;
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    zIndex: number;
+    helperState: "success" | "warning" | "error" | "none";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     showValidBorder: boolean;
     placeholder: string;
 }, {}>, {