@feedmepos/ui-library 0.0.16 → 0.0.17

package/dist/components.d.ts

@@ -1773,85 +1773,19 @@ export declare const components: {
             label?(_: {}): any;
         };
     });
-    FmDatePicker: import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        modelValue: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, {
-        label: string;
-        disabled: boolean;
-    }, {}>;
-    FmDateRangePicker: import("vue").DefineComponent<{
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        modelValue: {
-            type: import("vue").PropType<import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange | null>;
-            required: true;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        modelValue: {
-            type: import("vue").PropType<import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange | null>;
-            required: true;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => any) | undefined;
-    }, {
-        label: string;
-        disabled: boolean;
-    }, {}>;
-    FmField: {
+    FmDatePicker: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                label?: string | undefined;
                 disabled?: boolean | undefined;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
                 focused?: boolean | undefined;
-                invalid?: boolean | undefined;
-                tag?: string | undefined;
-                prependIcon?: string | undefined;
-                appendIcon?: string | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
                 showValidBorder?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
@@ -1897,6 +1831,8 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
+                readonly modelValue: string;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -1909,30 +1845,42 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "update:modelValue", value: boolean) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                focused: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                modelValue: {
+                    type: import("vue").PropType<string>;
+                    required: true;
                 };
-                invalid: {
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                    default: () => never[];
+                };
+                focused: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                tag: {
+                helperText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                prependIcon: {
-                    type: import("vue").PropType<string>;
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                     default: string;
                 };
-                appendIcon: {
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
@@ -1940,13 +1888,19 @@ export declare const components: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            }>> & {
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => void;
+            }, string, {
+                label: string;
                 disabled: boolean;
+                rules: import("./composables/useValidation").ValidationRule[];
                 focused: boolean;
-                invalid: boolean;
-                tag: string;
-                prependIcon: string;
-                appendIcon: string;
+                helperText: string;
+                helperState: "success" | "warning" | "none" | "error";
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
                 showValidBorder: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1969,27 +1923,39 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            focused: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
             };
-            invalid: {
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            focused: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            tag: {
+            helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            prependIcon: {
-                type: import("vue").PropType<string>;
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            appendIcon: {
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
@@ -1997,32 +1963,46 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        focused: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
         };
-        invalid: {
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        focused: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        tag: {
+        helperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        prependIcon: {
-            type: import("vue").PropType<string>;
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        appendIcon: {
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -2030,28 +2010,44 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    }>> & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => void;
+    }, string, {
+        label: string;
         disabled: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         focused: boolean;
-        invalid: boolean;
-        tag: string;
-        prependIcon: string;
-        appendIcon: string;
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         showValidBorder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
+            label?(_: {}): any;
             prepend?(_: {}): any;
-            default?(_: {}): any;
             append?(_: {}): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmForm: {
+    FmDateRangePicker: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                disabled?: boolean | undefined;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                focused?: boolean | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
+                showValidBorder?: boolean | undefined;
+                startLabel?: string | undefined;
+                endLabel?: string | undefined;
                 style?: unknown;
-                onReset?: (() => any) | undefined;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
@@ -2095,9 +2091,8 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                "onValidation-reset"?: (() => any) | undefined;
-                "onValidation-success"?: (() => any) | undefined;
-                "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
+                readonly modelValue: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange | null;
+                "onUpdate:modelValue"?: ((value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -2110,204 +2105,68 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: ((event: "reset") => void) & ((event: "validation-reset") => void) & ((event: "validation-success") => void) & ((event: "validation-failed", errorMessages: string[]) => void);
-            $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
-                onReset?: (() => any) | undefined;
-                "onValidation-reset"?: (() => any) | undefined;
-                "onValidation-success"?: (() => any) | undefined;
-                "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
-            }, {
-                validateInputs: () => void;
-                resetInputsValidation: () => void;
-                resetInputs: () => void;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "validation-reset": () => void;
-                "validation-success": () => void;
-                "validation-failed": (errorMessages: string[]) => void;
-                reset: () => void;
-            }, string, {}, {}, string, {}> & {
-                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
-                created?: ((() => void) | (() => void)[]) | undefined;
-                beforeMount?: ((() => void) | (() => void)[]) | undefined;
-                mounted?: ((() => void) | (() => void)[]) | undefined;
-                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
-                updated?: ((() => void) | (() => void)[]) | undefined;
-                activated?: ((() => void) | (() => void)[]) | undefined;
-                deactivated?: ((() => void) | (() => void)[]) | undefined;
-                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
-                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
-                destroyed?: ((() => void) | (() => void)[]) | undefined;
-                unmounted?: ((() => void) | (() => void)[]) | undefined;
-                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
-                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{}>> & {
-            onReset?: (() => any) | undefined;
-            "onValidation-reset"?: (() => any) | undefined;
-            "onValidation-success"?: (() => any) | undefined;
-            "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{
-            validateInputs: () => void;
-            resetInputsValidation: () => void;
-            resetInputs: () => void;
-        }> & {} & import("vue").ComponentCustomProperties & {};
-        __isFragment?: undefined;
-        __isTeleport?: undefined;
-        __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onReset?: (() => any) | undefined;
-        "onValidation-reset"?: (() => any) | undefined;
-        "onValidation-success"?: (() => any) | undefined;
-        "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
-    }, {
-        validateInputs: () => void;
-        resetInputsValidation: () => void;
-        resetInputs: () => void;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "validation-reset": () => void;
-        "validation-success": () => void;
-        "validation-failed": (errorMessages: string[]) => void;
-        reset: () => void;
-    }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
-        };
-    });
-    FmFormGroup: {
-        new (...args: any[]): {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                info?: string | undefined;
-                label?: string | undefined;
-                required?: boolean | undefined;
-                disabled?: boolean | undefined;
-                errorMessages?: string[] | undefined;
-                helperText?: string | undefined;
-                focused?: boolean | undefined;
-                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
-                helperState?: "success" | "warning" | "none" | "error" | undefined;
-                optional?: boolean | undefined;
-                style?: unknown;
-                class?: unknown;
-                key?: string | number | symbol | undefined;
-                ref?: import("vue").VNodeRef | undefined;
-                ref_for?: boolean | undefined;
-                ref_key?: string | undefined;
-                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-                    [key: string]: any;
-                }>) => void)[] | undefined;
-                readonly modelValue: any;
-            };
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "update:modelValue", value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                info: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                label: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                required: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
                 modelValue: {
-                    type: import("vue").PropType<any>;
+                    type: import("vue").PropType<import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange | null>;
                     required: true;
                 };
-                errorMessages: {
-                    type: import("vue").PropType<string[]>;
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
                     default: () => never[];
                 };
-                helperText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 focused: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                rules: {
-                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                    default: () => never[];
+                helperText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
                 };
                 helperState: {
                     type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                     default: string;
                 };
-                optional: {
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showValidBorder: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                info: string;
-                label: string;
-                required: boolean;
+                startLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                endLabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => void;
+            }, string, {
                 disabled: boolean;
-                errorMessages: string[];
-                helperText: string;
-                focused: boolean;
                 rules: import("./composables/useValidation").ValidationRule[];
+                focused: boolean;
+                helperText: string;
                 helperState: "success" | "warning" | "none" | "error";
-                optional: boolean;
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
+                showValidBorder: boolean;
+                startLabel: string;
+                endLabel: string;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -2329,126 +2188,135 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            info: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            label: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
             modelValue: {
-                type: import("vue").PropType<any>;
+                type: import("vue").PropType<import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange | null>;
                 required: true;
             };
-            errorMessages: {
-                type: import("vue").PropType<string[]>;
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
                 default: () => never[];
             };
-            helperText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             focused: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             helperState: {
                 type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            optional: {
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showValidBorder: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            startLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            endLabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        info: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
         modelValue: {
-            type: import("vue").PropType<any>;
+            type: import("vue").PropType<import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange | null>;
             required: true;
         };
-        errorMessages: {
-            type: import("vue").PropType<string[]>;
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
             default: () => never[];
         };
-        helperText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         focused: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         helperState: {
             type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        optional: {
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        info: string;
-        label: string;
-        required: boolean;
-        disabled: boolean;
-        errorMessages: string[];
-        helperText: string;
-        focused: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
-        helperState: "success" | "warning" | "none" | "error";
-        optional: boolean;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        startLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        endLabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: import("./components/form/date-range-picker/FmDateRangePicker.vue").DateRange) => void;
+    }, string, {
+        disabled: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        focused: boolean;
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        showValidBorder: boolean;
+        startLabel: string;
+        endLabel: string;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
-            label?(_: {}): any;
-            default?(_: {}): any;
+            prepend?(_: {}): any;
+            append?(_: {}): any;
             "helper-text"?(_: {}): any;
         };
     });
-    FmHelperText: {
+    FmField: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                text?: string | undefined;
                 disabled?: boolean | undefined;
-                errorMessages?: string[] | undefined;
-                state?: "success" | "warning" | "none" | "error" | undefined;
+                invalid?: boolean | undefined;
+                focused?: boolean | undefined;
+                tag?: string | undefined;
+                prependIcon?: string | undefined;
+                appendIcon?: string | undefined;
+                showValidBorder?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -2508,27 +2376,42 @@ export declare const components: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                text: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                errorMessages: {
-                    type: import("vue").PropType<string[]>;
-                    default: () => never[];
+                invalid: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
-                state: {
-                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                tag: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                prependIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                appendIcon: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
+                showValidBorder: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                text: string;
                 disabled: boolean;
-                errorMessages: string[];
-                state: "success" | "warning" | "none" | "error";
+                invalid: boolean;
+                focused: boolean;
+                tag: string;
+                prependIcon: string;
+                appendIcon: string;
+                showValidBorder: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -2550,64 +2433,89 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            text: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            errorMessages: {
-                type: import("vue").PropType<string[]>;
-                default: () => never[];
+            invalid: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-            state: {
-                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            tag: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            prependIcon: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
+            appendIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        text: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        errorMessages: {
-            type: import("vue").PropType<string[]>;
-            default: () => never[];
+        invalid: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        state: {
-            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        tag: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        prependIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        appendIcon: {
+            type: import("vue").PropType<string>;
             default: string;
         };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        text: string;
         disabled: boolean;
-        errorMessages: string[];
-        state: "success" | "warning" | "none" | "error";
+        invalid: boolean;
+        focused: boolean;
+        tag: string;
+        prependIcon: string;
+        appendIcon: string;
+        showValidBorder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
+            prepend?(_: {}): any;
             default?(_: {}): any;
+            append?(_: {}): any;
         };
     });
-    FmLabel: {
+    FmForm: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                info?: string | undefined;
-                label?: string | undefined;
-                required?: boolean | undefined;
-                disabled?: boolean | undefined;
-                optional?: boolean | undefined;
                 style?: unknown;
+                onReset?: (() => any) | undefined;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
                 ref?: import("vue").VNodeRef | undefined;
@@ -2651,6 +2559,9 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
+                "onValidation-reset"?: (() => any) | undefined;
+                "onValidation-success"?: (() => any) | undefined;
+                "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -2663,36 +2574,23 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: ((event: "reset") => void) & ((event: "validation-reset") => void) & ((event: "validation-success") => void) & ((event: "validation-failed", errorMessages: string[]) => void);
             $el: any;
-            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                info: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                label: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                required: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                optional: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                info: string;
-                label: string;
-                required: boolean;
-                disabled: boolean;
-                optional: boolean;
-            }, {}, string, {}> & {
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+                onReset?: (() => any) | undefined;
+                "onValidation-reset"?: (() => any) | undefined;
+                "onValidation-success"?: (() => any) | undefined;
+                "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
+            }, {
+                validateInputs: () => void;
+                resetInputsValidation: () => void;
+                resetInputs: () => void;
+            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "validation-reset": () => void;
+                "validation-success": () => void;
+                "validation-failed": (errorMessages: string[]) => void;
+                reset: () => void;
+            }, string, {}, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -2712,73 +2610,53 @@ export declare const components: {
             $forceUpdate: () => void;
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
-        } & Readonly<import("vue").ExtractPropTypes<{
-            info: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            label: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            optional: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        } & Readonly<import("vue").ExtractPropTypes<{}>> & {
+            onReset?: (() => any) | undefined;
+            "onValidation-reset"?: (() => any) | undefined;
+            "onValidation-success"?: (() => any) | undefined;
+            "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{
+            validateInputs: () => void;
+            resetInputsValidation: () => void;
+            resetInputs: () => void;
+        }> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        info: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        label: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        optional: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        info: string;
-        label: string;
-        required: boolean;
-        disabled: boolean;
-        optional: boolean;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
-        $slots: {
-            default?(_: {}): any;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>> & {
+        onReset?: (() => any) | undefined;
+        "onValidation-reset"?: (() => any) | undefined;
+        "onValidation-success"?: (() => any) | undefined;
+        "onValidation-failed"?: ((errorMessages: string[]) => any) | undefined;
+    }, {
+        validateInputs: () => void;
+        resetInputsValidation: () => void;
+        resetInputs: () => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "validation-reset": () => void;
+        "validation-success": () => void;
+        "validation-failed": (errorMessages: string[]) => void;
+        reset: () => void;
+    }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
         };
     });
-    FmRadio: {
+    FmFormGroup: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                info?: string | undefined;
                 label?: string | undefined;
+                required?: boolean | undefined;
                 disabled?: boolean | undefined;
-                modelValue?: any;
-                sublabel?: string | undefined;
-                readonly value: any;
+                optional?: boolean | undefined;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                focused?: boolean | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                tag?: string | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -2823,7 +2701,7 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+                readonly modelValue: any;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -2836,38 +2714,64 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: any) => void;
+            $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<any>;
-                    required: true;
+                info: {
+                    type: import("vue").PropType<string>;
+                    default: string;
                 };
                 label: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                required: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
                 modelValue: {
                     type: import("vue").PropType<any>;
-                    default: null;
+                    required: true;
                 };
-                sublabel: {
+                optional: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                    default: () => never[];
+                };
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                helperText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: any) => void;
-            }, string, {
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                    default: string;
+                };
+                tag: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                info: string;
                 label: string;
+                required: boolean;
                 disabled: boolean;
-                modelValue: any;
-                sublabel: string;
+                optional: boolean;
+                rules: import("./composables/useValidation").ValidationRule[];
+                focused: boolean;
+                helperText: string;
+                helperState: "success" | "warning" | "none" | "error";
+                tag: string;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -2889,77 +2793,130 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                type: import("vue").PropType<any>;
-                required: true;
+            info: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
             modelValue: {
                 type: import("vue").PropType<any>;
-                default: null;
+                required: true;
             };
-            sublabel: {
+            optional: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            tag: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        value: {
-            type: import("vue").PropType<any>;
-            required: true;
+        info: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         label: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
         modelValue: {
             type: import("vue").PropType<any>;
-            default: null;
+            required: true;
         };
-        sublabel: {
+        optional: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        helperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: any) => void;
-    }, string, {
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        tag: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        info: string;
         label: string;
+        required: boolean;
         disabled: boolean;
-        modelValue: any;
-        sublabel: string;
+        optional: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        focused: boolean;
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        tag: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
+            default?(_: {
+                isPristine: import("vue").Ref<boolean>;
+                invalid: boolean;
+            }): any;
+            "helper-text"?(_: {}): any;
+            "helper-append"?(_: {}): any;
         };
     });
-    FmRadioGroup: {
+    FmHelperText: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                inline?: boolean | undefined;
+                text?: string | undefined;
                 disabled?: boolean | undefined;
-                helperText?: string | undefined;
-                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
-                readonly label?: string | undefined;
+                errorMessages?: string[] | undefined;
+                state?: "success" | "warning" | "none" | "error" | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -3004,10 +2961,6 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly modelValue: any;
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-                readonly focused?: boolean | undefined;
-                readonly helperState?: "success" | "warning" | "none" | "error" | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -3020,47 +2973,30 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: any) => void;
+            $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                inline: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                label: {
+                text: {
                     type: import("vue").PropType<string>;
+                    default: string;
                 };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                modelValue: {
-                    type: import("vue").PropType<any>;
-                    required: true;
-                };
-                helperText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                focused: {
-                    type: import("vue").PropType<boolean>;
-                };
-                rules: {
-                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                    default: () => ((val: any) => true | "This field is required")[];
+                errorMessages: {
+                    type: import("vue").PropType<string[]>;
+                    default: () => never[];
                 };
-                helperState: {
+                state: {
                     type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                    default: string;
                 };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: any) => void;
-            }, string, {
-                inline: boolean;
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                text: string;
                 disabled: boolean;
-                helperText: string;
-                rules: import("./composables/useValidation").ValidationRule[];
+                errorMessages: string[];
+                state: "success" | "warning" | "none" | "error";
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -3082,96 +3018,63 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            inline: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            label: {
+            text: {
                 type: import("vue").PropType<string>;
+                default: string;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
+            errorMessages: {
+                type: import("vue").PropType<string[]>;
+                default: () => never[];
             };
-            helperText: {
-                type: import("vue").PropType<string>;
+            state: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            focused: {
-                type: import("vue").PropType<boolean>;
-            };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => ((val: any) => true | "This field is required")[];
-            };
-            helperState: {
-                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
-            };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        inline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        label: {
+        text: {
             type: import("vue").PropType<string>;
+            default: string;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-        };
-        helperText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        focused: {
-            type: import("vue").PropType<boolean>;
-        };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => ((val: any) => true | "This field is required")[];
+        errorMessages: {
+            type: import("vue").PropType<string[]>;
+            default: () => never[];
         };
-        helperState: {
+        state: {
             type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: any) => void;
-    }, string, {
-        inline: boolean;
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        text: string;
         disabled: boolean;
-        helperText: string;
-        rules: import("./composables/useValidation").ValidationRule[];
+        errorMessages: string[];
+        state: "success" | "warning" | "none" | "error";
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
-            "helper-text"?(_: {}): any;
         };
     });
-    FmSelect: {
+    FmLabel: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                info?: string | undefined;
+                label?: string | undefined;
+                required?: boolean | undefined;
                 disabled?: boolean | undefined;
-                placeholder?: string | undefined;
-                placement?: import("@floating-ui/vue").Placement | undefined;
-                multiselect?: boolean | undefined;
-                readonly label: string;
+                optional?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -3216,9 +3119,6 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly items: import("./components/form/select/FmSelect.vue").ISelectItem[];
-                readonly modelValue: any;
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -3231,46 +3131,35 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: any) => void;
+            $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                info: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 label: {
                     type: import("vue").PropType<string>;
-                    required: true;
+                    default: string;
                 };
-                items: {
-                    type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
-                    required: true;
+                required: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                modelValue: {
-                    type: import("vue").PropType<any>;
-                    required: true;
-                };
-                placeholder: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                placement: {
-                    type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                    default: string;
-                };
-                multiselect: {
+                optional: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-            }>> & {
-                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: any) => void;
-            }, string, {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                info: string;
+                label: string;
+                required: boolean;
                 disabled: boolean;
-                placeholder: string;
-                placement: import("@floating-ui/vue").Placement;
-                multiselect: boolean;
+                optional: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -3292,103 +3181,1267 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            info: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             label: {
                 type: import("vue").PropType<string>;
-                required: true;
+                default: string;
             };
-            items: {
-                type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
-                required: true;
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
-            };
-            placeholder: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-                default: string;
-            };
-            multiselect: {
+            optional: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-        }>> & {
-            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        info: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         label: {
             type: import("vue").PropType<string>;
-            required: true;
+            default: string;
         };
-        items: {
-            type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
-            required: true;
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        modelValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-        };
-        placeholder: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        placement: {
-            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
-            default: string;
-        };
-        multiselect: {
+        optional: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: any) => void;
-    }, string, {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        info: string;
+        label: string;
+        required: boolean;
         disabled: boolean;
-        placeholder: string;
-        placement: import("@floating-ui/vue").Placement;
-        multiselect: boolean;
+        optional: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    FmRadio: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                modelValue?: any;
+                sublabel?: string | undefined;
+                readonly value: any;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:modelValue", value: any) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                value: {
+                    type: import("vue").PropType<any>;
+                    required: true;
+                };
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: import("vue").PropType<any>;
+                    default: null;
+                };
+                sublabel: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: any) => void;
+            }, string, {
+                label: string;
+                disabled: boolean;
+                modelValue: any;
+                sublabel: string;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<any>;
+                required: true;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<any>;
+                default: null;
+            };
+            sublabel: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<any>;
+            default: null;
+        };
+        sublabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: any) => void;
+    }, string, {
+        label: string;
+        disabled: boolean;
+        modelValue: any;
+        sublabel: string;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label?(_: {}): any;
+        };
+    });
+    FmRadioGroup: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                inline?: boolean | undefined;
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                focused?: boolean | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly modelValue: any;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:modelValue", value: any) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                inline: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: import("vue").PropType<any>;
+                    required: true;
+                };
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                    default: () => ((val: any) => true | "This field is required")[];
+                };
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                    default: string;
+                };
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: any) => void;
+            }, string, {
+                inline: boolean;
+                label: string;
+                disabled: boolean;
+                rules: import("./composables/useValidation").ValidationRule[];
+                focused: boolean;
+                helperText: string;
+                helperState: "success" | "warning" | "none" | "error";
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            inline: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<any>;
+                required: true;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => ((val: any) => true | "This field is required")[];
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        inline: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => ((val: any) => true | "This field is required")[];
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: any) => void;
+    }, string, {
+        inline: boolean;
+        label: string;
+        disabled: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        focused: boolean;
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label?(_: {}): any;
+            default?(_: {}): any;
+            "helper-text"?(_: {}): any;
+        };
+    });
+    FmSelect: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                label?: string | undefined;
+                disabled?: boolean | undefined;
+                placement?: import("@floating-ui/vue").Placement | undefined;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                focused?: boolean | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
+                placeholder?: string | undefined;
+                showValidBorder?: boolean | undefined;
+                multiselect?: boolean | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly items: import("./components/form/select/FmSelect.vue").ISelectItem[];
+                readonly modelValue: any;
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:modelValue", value: any) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                items: {
+                    type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
+                    required: true;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                modelValue: {
+                    type: import("vue").PropType<any>;
+                    required: true;
+                };
+                placement: {
+                    type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+                    default: string;
+                };
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                    default: () => never[];
+                };
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                    default: string;
+                };
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showValidBorder: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                multiselect: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: any) => void;
+            }, string, {
+                label: string;
+                disabled: boolean;
+                placement: import("@floating-ui/vue").Placement;
+                rules: import("./composables/useValidation").ValidationRule[];
+                focused: boolean;
+                helperText: string;
+                helperState: "success" | "warning" | "none" | "error";
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
+                placeholder: string;
+                showValidBorder: boolean;
+                multiselect: boolean;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            items: {
+                type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
+                required: true;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<any>;
+                required: true;
+            };
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+                default: string;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            multiselect: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        items: {
+            type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
+            required: true;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        placement: {
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            default: string;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        multiselect: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: any) => void;
+    }, string, {
+        label: string;
+        disabled: boolean;
+        placement: import("@floating-ui/vue").Placement;
+        rules: import("./composables/useValidation").ValidationRule[];
+        focused: boolean;
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        placeholder: string;
+        showValidBorder: boolean;
+        multiselect: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label?(_: {}): any;
+            prepend?(_: {}): any;
+            "helper-text"?(_: {}): any;
+        };
+    });
+    FmStepperField: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                label?: string | undefined;
+                min?: number | undefined;
+                max?: number | undefined;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
+                placeholder?: string | undefined;
+                step?: number | undefined;
+                prependIcon?: string | undefined;
+                appendIcon?: string | undefined;
+                showValidBorder?: boolean | undefined;
+                inputmode?: "numeric" | "decimal" | undefined;
+                useGrouping?: boolean | undefined;
+                isCurrency?: boolean | undefined;
+                showSteppers?: boolean | undefined;
+                prependText?: string | undefined;
+                appendText?: string | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly modelValue: number | null;
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+                readonly focused?: boolean | undefined;
+                readonly readonly?: boolean | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:modelValue", value: number) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                };
+                modelValue: {
+                    type: import("vue").PropType<number | null>;
+                    required: true;
+                };
+                min: {
+                    type: import("vue").PropType<number>;
+                    default: undefined;
+                };
+                max: {
+                    type: import("vue").PropType<number>;
+                    default: undefined;
+                };
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                    default: () => never[];
+                };
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                    default: string;
+                };
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                step: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                prependIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                appendIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showValidBorder: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                inputmode: {
+                    type: import("vue").PropType<"numeric" | "decimal">;
+                    default: string;
+                };
+                readonly: {
+                    type: import("vue").PropType<boolean>;
+                };
+                useGrouping: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                isCurrency: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                showSteppers: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                prependText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                appendText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: number) => void;
+            }, string, {
+                label: string;
+                min: number;
+                max: number;
+                rules: import("./composables/useValidation").ValidationRule[];
+                helperText: string;
+                helperState: "success" | "warning" | "none" | "error";
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
+                placeholder: string;
+                step: number;
+                prependIcon: string;
+                appendIcon: string;
+                showValidBorder: boolean;
+                inputmode: "numeric" | "decimal";
+                useGrouping: boolean;
+                isCurrency: boolean;
+                showSteppers: boolean;
+                prependText: string;
+                appendText: string;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+            };
+            modelValue: {
+                type: import("vue").PropType<number | null>;
+                required: true;
+            };
+            min: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            max: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
+            };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            step: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            prependIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            appendIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            inputmode: {
+                type: import("vue").PropType<"numeric" | "decimal">;
+                default: string;
+            };
+            readonly: {
+                type: import("vue").PropType<boolean>;
+            };
+            useGrouping: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            isCurrency: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showSteppers: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            prependText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            appendText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+        };
+        modelValue: {
+            type: import("vue").PropType<number | null>;
+            required: true;
+        };
+        min: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
+        max: {
+            type: import("vue").PropType<number>;
+            default: undefined;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        step: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        prependIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        appendIcon: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        inputmode: {
+            type: import("vue").PropType<"numeric" | "decimal">;
+            default: string;
+        };
+        readonly: {
+            type: import("vue").PropType<boolean>;
+        };
+        useGrouping: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        isCurrency: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showSteppers: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        prependText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        appendText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: number) => void;
+    }, string, {
+        label: string;
+        min: number;
+        max: number;
+        rules: import("./composables/useValidation").ValidationRule[];
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        placeholder: string;
+        step: number;
+        prependIcon: string;
+        appendIcon: string;
+        showValidBorder: boolean;
+        inputmode: "numeric" | "decimal";
+        useGrouping: boolean;
+        isCurrency: boolean;
+        showSteppers: boolean;
+        prependText: string;
+        appendText: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmStepperField: {
+    FmSwitch: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
                 label?: string | undefined;
-                min?: number | undefined;
-                helperText?: string | undefined;
-                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
-                placeholder?: string | undefined;
-                step?: number | undefined;
-                showValidBorder?: boolean | undefined;
-                inputmode?: "numeric" | "decimal" | undefined;
-                leadingIcon?: string | undefined;
-                trailingIcon?: string | undefined;
-                useGrouping?: boolean | undefined;
-                isCurrency?: boolean | undefined;
-                showSteppers?: boolean | undefined;
-                prependText?: string | undefined;
-                appendText?: string | undefined;
+                disabled?: boolean | undefined;
+                sublabel?: string | undefined;
+                labelPlacement?: "left" | "right" | undefined;
+                showIcon?: boolean | undefined;
+                readonly value: string;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -3433,11 +4486,8 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly disabled?: boolean | undefined;
-                readonly modelValue: number | null;
-                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-                readonly max: number;
-                readonly readonly?: boolean | undefined;
+                readonly modelValue: boolean;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -3450,103 +4500,47 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: number) => void;
+            $emit: (event: "update:modelValue", value: boolean) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                label: {
+                value: {
                     type: import("vue").PropType<string>;
-                    default: string;
-                };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                };
-                modelValue: {
-                    type: import("vue").PropType<number | null>;
-                    required: true;
-                };
-                min: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                max: {
-                    type: import("vue").PropType<number>;
                     required: true;
                 };
-                helperText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                rules: {
-                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                    default: () => never[];
-                };
-                placeholder: {
+                label: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                step: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                showValidBorder: {
+                disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                inputmode: {
-                    type: import("vue").PropType<"numeric" | "decimal">;
-                    default: string;
-                };
-                readonly: {
+                modelValue: {
                     type: import("vue").PropType<boolean>;
+                    required: true;
                 };
-                leadingIcon: {
+                sublabel: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                trailingIcon: {
-                    type: import("vue").PropType<string>;
+                labelPlacement: {
+                    type: import("vue").PropType<"left" | "right">;
                     default: string;
                 };
-                useGrouping: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                isCurrency: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                showSteppers: {
+                showIcon: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prependText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                appendText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
             }>> & {
-                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: number) => void;
+                "update:modelValue": (value: boolean) => void;
             }, string, {
                 label: string;
-                min: number;
-                helperText: string;
-                rules: import("./composables/useValidation").ValidationRule[];
-                placeholder: string;
-                step: number;
-                showValidBorder: boolean;
-                inputmode: "numeric" | "decimal";
-                leadingIcon: string;
-                trailingIcon: string;
-                useGrouping: boolean;
-                isCurrency: boolean;
-                showSteppers: boolean;
-                prependText: string;
-                appendText: string;
+                disabled: boolean;
+                sublabel: string;
+                labelPlacement: "left" | "right";
+                showIcon: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -3568,200 +4562,108 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            label: {
+            value: {
                 type: import("vue").PropType<string>;
-                default: string;
-            };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-            };
-            modelValue: {
-                type: import("vue").PropType<number | null>;
-                required: true;
-            };
-            min: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            max: {
-                type: import("vue").PropType<number>;
                 required: true;
             };
-            helperText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
-            };
-            placeholder: {
+            label: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            step: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            showValidBorder: {
+            disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            inputmode: {
-                type: import("vue").PropType<"numeric" | "decimal">;
-                default: string;
-            };
-            readonly: {
+            modelValue: {
                 type: import("vue").PropType<boolean>;
+                required: true;
             };
-            leadingIcon: {
+            sublabel: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            trailingIcon: {
-                type: import("vue").PropType<string>;
+            labelPlacement: {
+                type: import("vue").PropType<"left" | "right">;
                 default: string;
             };
-            useGrouping: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            isCurrency: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            showSteppers: {
+            showIcon: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            prependText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            appendText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
         }>> & {
-            "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        label: {
+        value: {
             type: import("vue").PropType<string>;
-            default: string;
-        };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-        };
-        modelValue: {
-            type: import("vue").PropType<number | null>;
-            required: true;
-        };
-        min: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        max: {
-            type: import("vue").PropType<number>;
             required: true;
         };
-        helperText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
-        };
-        placeholder: {
+        label: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        step: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        showValidBorder: {
+        disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inputmode: {
-            type: import("vue").PropType<"numeric" | "decimal">;
-            default: string;
-        };
-        readonly: {
+        modelValue: {
             type: import("vue").PropType<boolean>;
+            required: true;
         };
-        leadingIcon: {
+        sublabel: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        trailingIcon: {
-            type: import("vue").PropType<string>;
+        labelPlacement: {
+            type: import("vue").PropType<"left" | "right">;
             default: string;
         };
-        useGrouping: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        isCurrency: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        showSteppers: {
+        showIcon: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        prependText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        appendText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
     }>> & {
-        "onUpdate:modelValue"?: ((value: number) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: number) => void;
-    }, string, {
-        label: string;
-        min: number;
-        helperText: string;
-        rules: import("./composables/useValidation").ValidationRule[];
-        placeholder: string;
-        step: number;
-        showValidBorder: boolean;
-        inputmode: "numeric" | "decimal";
-        leadingIcon: string;
-        trailingIcon: string;
-        useGrouping: boolean;
-        isCurrency: boolean;
-        showSteppers: boolean;
-        prependText: string;
-        appendText: string;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => void;
+    }, string, {
+        label: string;
+        disabled: boolean;
+        sublabel: string;
+        labelPlacement: "left" | "right";
+        showIcon: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
-            prepend?(_: {}): any;
-            append?(_: {}): any;
-            "helper-text"?(_: {}): any;
         };
     });
-    FmSwitch: {
+    FmTextField: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
                 label?: string | undefined;
                 disabled?: boolean | undefined;
-                sublabel?: string | undefined;
-                labelPlacement?: "left" | "right" | undefined;
-                showIcon?: boolean | undefined;
-                readonly value: string;
+                rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                helperText?: string | undefined;
+                helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
+                maxLength?: number | undefined;
+                minLength?: number | undefined;
+                placeholder?: string | undefined;
+                prependIcon?: string | undefined;
+                appendIcon?: string | undefined;
+                showValidBorder?: boolean | undefined;
+                inputmode?: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url" | undefined;
+                readonly?: boolean | undefined;
+                prependText?: string | undefined;
+                appendText?: string | undefined;
+                showSuccess?: boolean | undefined;
+                showWordCount?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -3806,8 +4708,9 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly modelValue: boolean;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                readonly modelValue: any;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                readonly focused?: boolean | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -3820,13 +4723,9 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: boolean) => void;
+            $emit: (event: "update:modelValue", value: string) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                value: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
                 label: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -3836,31 +4735,104 @@ export declare const components: {
                     default: boolean;
                 };
                 modelValue: {
-                    type: import("vue").PropType<boolean>;
+                    type: import("vue").PropType<any>;
                     required: true;
                 };
-                sublabel: {
+                rules: {
+                    type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                    default: () => never[];
+                };
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                };
+                helperText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                labelPlacement: {
-                    type: import("vue").PropType<"left" | "right">;
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                     default: string;
                 };
-                showIcon: {
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                maxLength: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                minLength: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                placeholder: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                prependIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                appendIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showValidBorder: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                inputmode: {
+                    type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+                    default: string;
+                };
+                readonly: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                prependText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                appendText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                showSuccess: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                showWordCount: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
             }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+                "update:modelValue": (value: string) => void;
             }, string, {
                 label: string;
                 disabled: boolean;
-                sublabel: string;
-                labelPlacement: "left" | "right";
-                showIcon: boolean;
+                rules: import("./composables/useValidation").ValidationRule[];
+                helperText: string;
+                helperState: "success" | "warning" | "none" | "error";
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
+                maxLength: number;
+                minLength: number;
+                placeholder: string;
+                prependIcon: string;
+                appendIcon: string;
+                showValidBorder: boolean;
+                inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url";
+                readonly: boolean;
+                prependText: string;
+                appendText: string;
+                showSuccess: boolean;
+                showWordCount: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -3882,10 +4854,6 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            value: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -3895,94 +4863,223 @@ export declare const components: {
                 default: boolean;
             };
             modelValue: {
-                type: import("vue").PropType<boolean>;
+                type: import("vue").PropType<any>;
                 required: true;
             };
-            sublabel: {
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
+            focused: {
+                type: import("vue").PropType<boolean>;
+            };
+            helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            labelPlacement: {
-                type: import("vue").PropType<"left" | "right">;
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            showIcon: {
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            maxLength: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            minLength: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            placeholder: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            prependIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            appendIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            inputmode: {
+                type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+                default: string;
+            };
+            readonly: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            prependText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            appendText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            showSuccess: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            showWordCount: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
         }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        value: {
+        label: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
+        focused: {
+            type: import("vue").PropType<boolean>;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
+        };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        maxLength: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        minLength: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        placeholder: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        prependIcon: {
             type: import("vue").PropType<string>;
-            required: true;
+            default: string;
         };
-        label: {
+        appendIcon: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        disabled: {
+        showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        modelValue: {
+        inputmode: {
+            type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+            default: string;
+        };
+        readonly: {
             type: import("vue").PropType<boolean>;
-            required: true;
+            default: boolean;
         };
-        sublabel: {
+        prependText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        labelPlacement: {
-            type: import("vue").PropType<"left" | "right">;
+        appendText: {
+            type: import("vue").PropType<string>;
             default: string;
         };
-        showIcon: {
+        showSuccess: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        showWordCount: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
     }>> & {
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
+        "update:modelValue": (value: string) => void;
     }, string, {
         label: string;
         disabled: boolean;
-        sublabel: string;
-        labelPlacement: "left" | "right";
-        showIcon: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
+        helperText: string;
+        helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
+        maxLength: number;
+        minLength: number;
+        placeholder: string;
+        prependIcon: string;
+        appendIcon: string;
+        showValidBorder: boolean;
+        inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url";
+        readonly: boolean;
+        prependText: string;
+        appendText: string;
+        showSuccess: boolean;
+        showWordCount: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
+            prepend?(_: {}): any;
+            append?(_: {}): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmTextField: {
+    FmTextarea: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
                 label?: string | undefined;
                 disabled?: boolean | undefined;
-                helperText?: string | undefined;
+                modelValue?: string | undefined;
                 rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                focused?: boolean | undefined;
+                helperText?: string | undefined;
                 helperState?: "success" | "warning" | "none" | "error" | undefined;
+                labelMark?: "required" | "none" | "optional" | undefined;
+                labelInfo?: string | undefined;
                 maxLength?: number | undefined;
                 minLength?: number | undefined;
                 placeholder?: string | undefined;
-                prependIcon?: string | undefined;
-                appendIcon?: string | undefined;
                 showValidBorder?: boolean | undefined;
-                inputmode?: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url" | undefined;
                 readonly?: boolean | undefined;
-                prependText?: string | undefined;
-                appendText?: string | undefined;
-                labelMark?: "required" | "none" | "optional" | undefined;
                 showSuccess?: boolean | undefined;
-                labelInfo?: string | undefined;
+                showWordCount?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -4027,9 +5124,7 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly modelValue: any;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                readonly focused?: boolean | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -4054,24 +5149,34 @@ export declare const components: {
                     default: boolean;
                 };
                 modelValue: {
-                    type: import("vue").PropType<any>;
-                    required: true;
-                };
-                helperText: {
                     type: import("vue").PropType<string>;
+                    required: true;
                     default: string;
                 };
-                focused: {
-                    type: import("vue").PropType<boolean>;
-                };
                 rules: {
                     type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
                     default: () => never[];
                 };
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                helperText: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 helperState: {
                     type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                     default: string;
                 };
+                labelMark: {
+                    type: import("vue").PropType<"required" | "none" | "optional">;
+                    default: string;
+                };
+                labelInfo: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
                 maxLength: {
                     type: import("vue").PropType<number>;
                     default: number;
@@ -4084,45 +5189,21 @@ export declare const components: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                prependIcon: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                appendIcon: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 showValidBorder: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                inputmode: {
-                    type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
-                    default: string;
-                };
                 readonly: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                prependText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                appendText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                labelMark: {
-                    type: import("vue").PropType<"required" | "none" | "optional">;
-                    default: string;
-                };
                 showSuccess: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                labelInfo: {
-                    type: import("vue").PropType<string>;
-                    default: string;
+                showWordCount: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
             }>> & {
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -4131,22 +5212,20 @@ export declare const components: {
             }, string, {
                 label: string;
                 disabled: boolean;
-                helperText: string;
+                modelValue: string;
                 rules: import("./composables/useValidation").ValidationRule[];
+                focused: boolean;
+                helperText: string;
                 helperState: "success" | "warning" | "none" | "error";
+                labelMark: "required" | "none" | "optional";
+                labelInfo: string;
                 maxLength: number;
                 minLength: number;
                 placeholder: string;
-                prependIcon: string;
-                appendIcon: string;
                 showValidBorder: boolean;
-                inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url";
                 readonly: boolean;
-                prependText: string;
-                appendText: string;
-                labelMark: "required" | "none" | "optional";
                 showSuccess: boolean;
-                labelInfo: string;
+                showWordCount: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -4177,24 +5256,34 @@ export declare const components: {
                 default: boolean;
             };
             modelValue: {
-                type: import("vue").PropType<any>;
-                required: true;
-            };
-            helperText: {
                 type: import("vue").PropType<string>;
+                required: true;
                 default: string;
             };
-            focused: {
-                type: import("vue").PropType<boolean>;
-            };
             rules: {
                 type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
                 default: () => never[];
             };
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             helperState: {
                 type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
             maxLength: {
                 type: import("vue").PropType<number>;
                 default: number;
@@ -4207,45 +5296,21 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            prependIcon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            appendIcon: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            inputmode: {
-                type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
-                default: string;
-            };
             readonly: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            prependText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            appendText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"required" | "none" | "optional">;
-                default: string;
-            };
             showSuccess: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            labelInfo: {
-                type: import("vue").PropType<string>;
-                default: string;
+            showWordCount: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -4263,24 +5328,34 @@ export declare const components: {
             default: boolean;
         };
         modelValue: {
-            type: import("vue").PropType<any>;
-            required: true;
-        };
-        helperText: {
             type: import("vue").PropType<string>;
+            required: true;
             default: string;
         };
-        focused: {
-            type: import("vue").PropType<boolean>;
-        };
         rules: {
             type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
             default: () => never[];
         };
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         helperState: {
             type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
         maxLength: {
             type: import("vue").PropType<number>;
             default: number;
@@ -4293,45 +5368,21 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        prependIcon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        appendIcon: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        inputmode: {
-            type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
-            default: string;
-        };
         readonly: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        prependText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        appendText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"required" | "none" | "optional">;
-            default: string;
-        };
         showSuccess: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        labelInfo: {
-            type: import("vue").PropType<string>;
-            default: string;
+        showWordCount: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
     }>> & {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
@@ -4340,48 +5391,55 @@ export declare const components: {
     }, string, {
         label: string;
         disabled: boolean;
-        helperText: string;
+        modelValue: string;
         rules: import("./composables/useValidation").ValidationRule[];
+        focused: boolean;
+        helperText: string;
         helperState: "success" | "warning" | "none" | "error";
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         maxLength: number;
         minLength: number;
         placeholder: string;
-        prependIcon: string;
-        appendIcon: string;
-        showValidBorder: boolean;
-        inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url";
-        readonly: boolean;
-        prependText: string;
-        appendText: string;
-        labelMark: "required" | "none" | "optional";
+        showValidBorder: boolean;
+        readonly: boolean;
         showSuccess: boolean;
-        labelInfo: string;
+        showWordCount: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
-            prepend?(_: {}): any;
-            append?(_: {}): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmTextarea: {
+    FmTimeInput: import("vue").DefineComponent<{
+        modelValue: {
+            type: import("vue").PropType<import("./components/form/time-picker/FmTimeInput.vue").TimeInputData>;
+            required: true;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:model-value": (newValue: import("./components/form/time-picker/FmTimeInput.vue").TimeInputData) => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: import("vue").PropType<import("./components/form/time-picker/FmTimeInput.vue").TimeInputData>;
+            required: true;
+        };
+    }>> & {
+        "onUpdate:model-value"?: ((newValue: import("./components/form/time-picker/FmTimeInput.vue").TimeInputData) => any) | undefined;
+    }, {}, {}>;
+    FmTimePicker: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
                 label?: string | undefined;
                 disabled?: boolean | undefined;
-                modelValue?: string | undefined;
-                helperText?: string | undefined;
                 rules?: import("./composables/useValidation").ValidationRule[] | undefined;
+                focused?: boolean | undefined;
+                helperText?: string | undefined;
                 helperState?: "success" | "warning" | "none" | "error" | undefined;
-                maxLength?: number | undefined;
-                minLength?: number | undefined;
-                placeholder?: string | undefined;
-                showValidBorder?: boolean | undefined;
-                readonly?: boolean | undefined;
                 labelMark?: "required" | "none" | "optional" | undefined;
-                showSuccess?: boolean | undefined;
                 labelInfo?: string | undefined;
+                showValidBorder?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -4426,8 +5484,8 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                readonly focused?: boolean | undefined;
+                readonly modelValue: string | null;
+                "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -4440,7 +5498,7 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: string) => void;
+            $emit: (event: "update:modelValue", value: string | null) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
@@ -4452,76 +5510,51 @@ export declare const components: {
                     default: boolean;
                 };
                 modelValue: {
-                    type: import("vue").PropType<string>;
+                    type: import("vue").PropType<string | null>;
                     required: true;
-                    default: string;
-                };
-                helperText: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                focused: {
-                    type: import("vue").PropType<boolean>;
                 };
                 rules: {
                     type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
                     default: () => never[];
                 };
-                helperState: {
-                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
-                    default: string;
-                };
-                maxLength: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-                minLength: {
-                    type: import("vue").PropType<number>;
-                    default: number;
+                focused: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
-                placeholder: {
+                helperText: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                showValidBorder: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                readonly: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
+                helperState: {
+                    type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                    default: string;
                 };
                 labelMark: {
                     type: import("vue").PropType<"required" | "none" | "optional">;
                     default: string;
                 };
-                showSuccess: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 labelInfo: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                showValidBorder: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
-                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: string) => void;
+                "update:modelValue": (value: string | null) => void;
             }, string, {
                 label: string;
                 disabled: boolean;
-                modelValue: string;
-                helperText: string;
                 rules: import("./composables/useValidation").ValidationRule[];
+                focused: boolean;
+                helperText: string;
                 helperState: "success" | "warning" | "none" | "error";
-                maxLength: number;
-                minLength: number;
-                placeholder: string;
-                showValidBorder: boolean;
-                readonly: boolean;
                 labelMark: "required" | "none" | "optional";
-                showSuccess: boolean;
                 labelInfo: string;
+                showValidBorder: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -4552,59 +5585,39 @@ export declare const components: {
                 default: boolean;
             };
             modelValue: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<string | null>;
                 required: true;
-                default: string;
-            };
-            helperText: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            focused: {
-                type: import("vue").PropType<boolean>;
             };
             rules: {
                 type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
                 default: () => never[];
             };
-            helperState: {
-                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
-                default: string;
-            };
-            maxLength: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-            minLength: {
-                type: import("vue").PropType<number>;
-                default: number;
+            focused: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-            placeholder: {
+            helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            showValidBorder: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            readonly: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
+            helperState: {
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+                default: string;
             };
             labelMark: {
                 type: import("vue").PropType<"required" | "none" | "optional">;
                 default: string;
             };
-            showSuccess: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             labelInfo: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            showValidBorder: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
-            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -4619,113 +5632,57 @@ export declare const components: {
             default: boolean;
         };
         modelValue: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<string | null>;
             required: true;
-            default: string;
-        };
-        helperText: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        focused: {
-            type: import("vue").PropType<boolean>;
         };
         rules: {
             type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
             default: () => never[];
         };
-        helperState: {
-            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
-            default: string;
-        };
-        maxLength: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-        minLength: {
-            type: import("vue").PropType<number>;
-            default: number;
+        focused: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
         };
-        placeholder: {
+        helperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        showValidBorder: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        readonly: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        helperState: {
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+            default: string;
         };
         labelMark: {
             type: import("vue").PropType<"required" | "none" | "optional">;
             default: string;
         };
-        showSuccess: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         labelInfo: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        showValidBorder: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
-        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: string) => void;
+        "update:modelValue": (value: string | null) => void;
     }, string, {
         label: string;
         disabled: boolean;
-        modelValue: string;
-        helperText: string;
         rules: import("./composables/useValidation").ValidationRule[];
+        focused: boolean;
+        helperText: string;
         helperState: "success" | "warning" | "none" | "error";
-        maxLength: number;
-        minLength: number;
-        placeholder: string;
-        showValidBorder: boolean;
-        readonly: boolean;
         labelMark: "required" | "none" | "optional";
-        showSuccess: boolean;
         labelInfo: string;
+        showValidBorder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmTimeInput: import("vue").DefineComponent<{
-        modelValue: {
-            type: import("vue").PropType<import("./components/form/time-picker/FmTimeInput.vue").TimeInputData>;
-            required: true;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:model-value": (newValue: import("./components/form/time-picker/FmTimeInput.vue").TimeInputData) => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<import("./components/form/time-picker/FmTimeInput.vue").TimeInputData>;
-            required: true;
-        };
-    }>> & {
-        "onUpdate:model-value"?: ((newValue: import("./components/form/time-picker/FmTimeInput.vue").TimeInputData) => any) | undefined;
-    }, {}, {}>;
-    FmTimePicker: import("vue").DefineComponent<{
-        modelValue: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: string | null) => void;
-    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<string | null>;
-            default: null;
-        };
-    }>> & {
-        "onUpdate:modelValue"?: ((value: string | null) => any) | undefined;
-    }, {
-        modelValue: string | null;
-    }, {}>;
     FmIcon: import("vue").DefineComponent<{
         name: {
             type: StringConstructor;
@@ -5065,8 +6022,8 @@ export declare const components: {
             $data: {};
             $props: {
                 disabled?: boolean | undefined;
-                showMenu?: boolean | undefined;
                 placement?: import("@floating-ui/vue").Placement | undefined;
+                showMenu?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -5131,14 +6088,14 @@ export declare const components: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                showMenu: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 placement: {
                     type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                     default: string;
                 };
+                showMenu: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
             }>> & {
                 "onDropdown-changed"?: ((opened: boolean) => any) | undefined;
             }, {
@@ -5148,8 +6105,8 @@ export declare const components: {
                 "dropdown-changed": (opened: boolean) => void;
             }, string, {
                 disabled: boolean;
-                showMenu: boolean;
                 placement: import("@floating-ui/vue").Placement;
+                showMenu: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -5175,14 +6132,14 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            showMenu: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             placement: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
+            showMenu: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>> & {
             "onDropdown-changed"?: ((opened: boolean) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{
@@ -5197,14 +6154,14 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        showMenu: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         placement: {
             type: import("vue").PropType<import("@floating-ui/vue").Placement>;
             default: string;
         };
+        showMenu: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>> & {
         "onDropdown-changed"?: ((opened: boolean) => any) | undefined;
     }, {
@@ -5214,8 +6171,8 @@ export declare const components: {
         "dropdown-changed": (opened: boolean) => void;
     }, string, {
         disabled: boolean;
-        showMenu: boolean;
         placement: import("@floating-ui/vue").Placement;
+        showMenu: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "menu-button"?(_: {}): any;