npm - @feedmepos/ui-library - Versions diffs - 1.0.1 → 1.1.0 - Mend

@feedmepos/ui-library 1.0.1 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (255) hide show

package/dist/components.d.ts CHANGED Viewed

@@ -13,6 +13,10 @@ export declare const components: {
                 type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
                 default: string;
             };
+            class: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             inline: {
                 type: import("vue").PropType<boolean>;
@@ -26,10 +30,15 @@ export declare const components: {
                 type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
                 default: string;
             };
+            class: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
         }>>, {
             inline: boolean;
             value: number | null;
             variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
+            class: string;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -50,10 +59,15 @@ export declare const components: {
                 type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
                 default: string;
             };
+            class: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
         }>>, {}, {}, {}, {}, {
             inline: boolean;
             value: number | null;
             variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
+            class: string;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -71,10 +85,15 @@ export declare const components: {
             type: import("vue").PropType<"info" | "success" | "warning" | "critical" | "neutral" | "numeric">;
             default: string;
         };
+        class: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         inline: boolean;
         value: number | null;
         variant: "info" | "success" | "warning" | "critical" | "neutral" | "numeric";
+        class: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -196,14 +215,6 @@ export declare const components: {
         };
     }>>, {}, {}>;
     FmButton: import("vue").DefineComponent<{
-        size: {
-            type: import("vue").PropType<"md" | "lg">;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<"button" | "submit" | "reset">;
-            default: string;
-        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -212,10 +223,18 @@ export declare const components: {
             type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "plain" | "fab">;
             default: string;
         };
+        type: {
+            type: import("vue").PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: import("vue").PropType<"md" | "lg">;
+            default: string;
+        };
         icon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -241,14 +260,6 @@ export declare const components: {
             default: boolean;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<"md" | "lg">;
-            default: string;
-        };
-        type: {
-            type: import("vue").PropType<"button" | "submit" | "reset">;
-            default: string;
-        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -257,10 +268,18 @@ export declare const components: {
             type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "plain" | "fab">;
             default: string;
         };
+        type: {
+            type: import("vue").PropType<"button" | "submit" | "reset">;
+            default: string;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        size: {
+            type: import("vue").PropType<"md" | "lg">;
+            default: string;
+        };
         icon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -286,11 +305,11 @@ export declare const components: {
             default: boolean;
         };
     }>>, {
-        size: "md" | "lg";
-        type: "button" | "submit" | "reset";
         label: string;
         variant: "primary" | "secondary" | "tertiary" | "destructive" | "plain" | "fab";
+        type: "button" | "submit" | "reset";
         disabled: boolean;
+        size: "md" | "lg";
         icon: string;
         iconColor: string;
         iconPosition: "prepend" | "append";
@@ -403,6 +422,49 @@ export declare const components: {
             }): any;
         };
     });
+    FmCardActionArea: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {
+            disabled: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, {
+            disabled: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        disabled: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
     FmCardActions: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
             P: {};
@@ -1288,10 +1350,6 @@ export declare const components: {
     });
     FmPieChart: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            name: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
             legend: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1304,6 +1362,10 @@ export declare const components: {
                 type: import("vue").PropType<"pie" | "doughnut">;
                 required: true;
             };
+            name: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
             paragraph: {
                 type: import("vue").PropType<string>;
                 default: undefined;
@@ -1329,10 +1391,6 @@ export declare const components: {
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            name: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
             legend: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1345,6 +1403,10 @@ export declare const components: {
                 type: import("vue").PropType<"pie" | "doughnut">;
                 required: true;
             };
+            name: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
             paragraph: {
                 type: import("vue").PropType<string>;
                 default: undefined;
@@ -1370,9 +1432,9 @@ export declare const components: {
                 default: string;
             };
         }>>, {
-            name: string;
             legend: boolean;
             text: string;
+            name: string;
             paragraph: string;
             maintainAspectRatio: boolean;
             textColor: string;
@@ -1385,10 +1447,6 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
-            name: {
-                type: import("vue").PropType<string>;
-                default: undefined;
-            };
             legend: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1401,6 +1459,10 @@ export declare const components: {
                 type: import("vue").PropType<"pie" | "doughnut">;
                 required: true;
             };
+            name: {
+                type: import("vue").PropType<string>;
+                default: undefined;
+            };
             paragraph: {
                 type: import("vue").PropType<string>;
                 default: undefined;
@@ -1426,9 +1488,9 @@ export declare const components: {
                 default: string;
             };
         }>>, {}, {}, {}, {}, {
-            name: string;
             legend: boolean;
             text: string;
+            name: string;
             paragraph: string;
             maintainAspectRatio: boolean;
             textColor: string;
@@ -1438,10 +1500,6 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        name: {
-            type: import("vue").PropType<string>;
-            default: undefined;
-        };
         legend: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1454,6 +1512,10 @@ export declare const components: {
             type: import("vue").PropType<"pie" | "doughnut">;
             required: true;
         };
+        name: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
         paragraph: {
             type: import("vue").PropType<string>;
             default: undefined;
@@ -1479,9 +1541,9 @@ export declare const components: {
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        name: string;
         legend: boolean;
         text: string;
+        name: string;
         paragraph: string;
         maintainAspectRatio: boolean;
         textColor: string;
@@ -1805,35 +1867,45 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
         };
-        labelInfo: {
+        min: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: () => string;
         };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: string) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1846,43 +1918,55 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
         };
-        labelInfo: {
+        min: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: () => string;
         };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>>, {
+    }>> & {
+        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    }, {
         label: string;
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
         showValidBorder: boolean;
     }, {}>;
     FmDatePickerMobile: {
@@ -1899,29 +1983,37 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
             };
-            labelInfo: {
+            min: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: () => string;
             };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
@@ -1944,29 +2036,37 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
             };
-            labelInfo: {
+            min: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: () => string;
             };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
@@ -1977,12 +2077,14 @@ export declare const components: {
         }, {
             label: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
             showValidBorder: boolean;
         }, true, {}, {}, {
             P: {};
@@ -2004,29 +2106,37 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
             };
-            labelInfo: {
+            min: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: () => string;
             };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
@@ -2037,12 +2147,14 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             label: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
             showValidBorder: boolean;
         }>;
         __isFragment?: undefined;
@@ -2061,29 +2173,37 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
         };
-        focused: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
         };
-        labelInfo: {
+        min: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: () => string;
         };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
@@ -2096,12 +2216,14 @@ export declare const components: {
     }, string, {
         label: string;
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
         showValidBorder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -2120,29 +2242,37 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
         };
-        labelInfo: {
+        min: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: () => string;
         };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
@@ -2178,7 +2308,9 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<import("./components/form/calendar/date-range-picker/common").DateRange | import("./components/form/calendar/date-range-picker/common").DateRange[] | null>;
             required: true;
@@ -2187,29 +2319,37 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
         };
-        labelInfo: {
+        min: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: () => string;
         };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
@@ -2245,14 +2385,18 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
-    }>>, {
+    }>> & {
+        "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
+    }, {
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
         showValidBorder: boolean;
         startLabel: string;
         endLabel: string;
@@ -2271,29 +2415,37 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
             };
-            labelInfo: {
+            min: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: () => string;
             };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
@@ -2342,29 +2494,37 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
             };
-            labelInfo: {
+            min: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: () => string;
             };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
@@ -2404,12 +2564,14 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
         }, {
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
             showValidBorder: boolean;
             startLabel: string;
             endLabel: string;
@@ -2433,29 +2595,37 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
+            max: {
+                type: import("vue").PropType<string>;
+                default: () => string;
             };
-            labelInfo: {
+            min: {
                 type: import("vue").PropType<string>;
-                default: string;
+                default: () => string;
             };
             showValidBorder: {
                 type: import("vue").PropType<boolean>;
@@ -2495,12 +2665,14 @@ export declare const components: {
             "onUpdate:modelValue"?: ((value: import("./components/form/calendar/date-range-picker/common").DateRange) => any) | undefined;
         }, {}, {}, {}, {}, {
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
+            max: string;
+            min: string;
             showValidBorder: boolean;
             startLabel: string;
             endLabel: string;
@@ -2521,29 +2693,37 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
+        max: {
+            type: import("vue").PropType<string>;
+            default: () => string;
         };
-        labelInfo: {
+        min: {
             type: import("vue").PropType<string>;
-            default: string;
+            default: () => string;
         };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
@@ -2585,12 +2765,14 @@ export declare const components: {
         "update:modelValue": (value: import("./components/form/calendar/date-range-picker/common").DateRange) => void;
     }, string, {
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
+        max: string;
+        min: string;
         showValidBorder: boolean;
         startLabel: string;
         endLabel: string;
@@ -2633,6 +2815,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            iconOutlined: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
             disabled: {
                 type: import("vue").PropType<boolean>;
@@ -2662,6 +2848,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            iconOutlined: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {
             disabled: boolean;
             prependIcon: string;
@@ -2670,6 +2860,7 @@ export declare const components: {
             tag: string;
             invalid: boolean;
             showValidBorder: boolean;
+            iconOutlined: boolean;
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -2706,6 +2897,10 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
+            iconOutlined: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
         }>>, {}, {}, {}, {}, {
             disabled: boolean;
             prependIcon: string;
@@ -2714,6 +2909,7 @@ export declare const components: {
             tag: string;
             invalid: boolean;
             showValidBorder: boolean;
+            iconOutlined: boolean;
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -2747,6 +2943,10 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
+        iconOutlined: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         disabled: boolean;
         prependIcon: string;
@@ -2755,6 +2955,7 @@ export declare const components: {
         tag: string;
         invalid: boolean;
         showValidBorder: boolean;
+        iconOutlined: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             prepend?(_: {}): any;
@@ -2847,20 +3048,20 @@ export declare const components: {
                 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;
             };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             helperState: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             tag: {
@@ -2892,20 +3093,20 @@ export declare const components: {
                 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;
             };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             helperState: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             tag: {
@@ -2918,10 +3119,10 @@ export declare const components: {
             required: boolean;
             disabled: boolean;
             optional: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
+            helperState: "success" | "warning" | "none" | "error";
             tag: string;
         }, true, {}, {}, {
             P: {};
@@ -2955,20 +3156,20 @@ export declare const components: {
                 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;
             };
+            rules: {
+                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+                default: () => never[];
+            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             helperState: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             tag: {
@@ -2981,10 +3182,10 @@ export declare const components: {
             required: boolean;
             disabled: boolean;
             optional: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
+            helperState: "success" | "warning" | "none" | "error";
             tag: string;
         }>;
         __isFragment?: undefined;
@@ -3015,20 +3216,20 @@ export declare const components: {
             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;
         };
+        rules: {
+            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
+            default: () => never[];
+        };
         helperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
         helperState: {
-            type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         tag: {
@@ -3041,10 +3242,10 @@ export declare const components: {
         required: boolean;
         disabled: boolean;
         optional: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
+        helperState: "success" | "warning" | "none" | "error";
         tag: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -3072,7 +3273,7 @@ export declare const components: {
                 default: () => never[];
             };
             state: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
         }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -3089,14 +3290,14 @@ export declare const components: {
                 default: () => never[];
             };
             state: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
         }>>, {
             text: string;
             disabled: boolean;
             errorMessages: string[];
-            state: "none" | "success" | "warning" | "error";
+            state: "success" | "warning" | "none" | "error";
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -3118,14 +3319,14 @@ export declare const components: {
                 default: () => never[];
             };
             state: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
         }>>, {}, {}, {}, {}, {
             text: string;
             disabled: boolean;
             errorMessages: string[];
-            state: "none" | "success" | "warning" | "error";
+            state: "success" | "warning" | "none" | "error";
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -3144,14 +3345,14 @@ export declare const components: {
             default: () => never[];
         };
         state: {
-            type: import("vue").PropType<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         text: string;
         disabled: boolean;
         errorMessages: string[];
-        state: "none" | "success" | "warning" | "error";
+        state: "success" | "warning" | "none" | "error";
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
@@ -3290,27 +3491,27 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             placeholder: {
@@ -3338,27 +3539,27 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             placeholder: {
@@ -3374,11 +3575,11 @@ export declare const components: {
         }, {
             label: string;
             disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             placeholder: string;
             defaultCountry: import("libphonenumber-js").CountryCode;
         }, true, {}, {}, {
@@ -3401,27 +3602,27 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             placeholder: {
@@ -3437,11 +3638,11 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             label: string;
             disabled: boolean;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             placeholder: string;
             defaultCountry: import("libphonenumber-js").CountryCode;
         }>;
@@ -3461,27 +3662,27 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         focused: {
             type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         placeholder: {
@@ -3499,11 +3700,11 @@ export declare const components: {
     }, string, {
         label: string;
         disabled: boolean;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         placeholder: string;
         defaultCountry: import("libphonenumber-js").CountryCode;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -3695,28 +3896,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => ((val: any) => true | "This field is required")[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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: () => ((val: any) => true | "This field is required")[];
+            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             helperState: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
         }>> & {
@@ -3740,28 +3941,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => ((val: any) => true | "This field is required")[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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: () => ((val: any) => true | "This field is required")[];
+            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             helperState: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
         }>> & {
@@ -3770,12 +3971,12 @@ export declare const components: {
             label: string;
             inline: boolean;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
         }, true, {}, {}, {
             P: {};
             B: {};
@@ -3800,28 +4001,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => ((val: any) => true | "This field is required")[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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: () => ((val: any) => true | "This field is required")[];
+            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
             helperState: {
-                type: import("vue").PropType<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
         }>> & {
@@ -3830,12 +4031,12 @@ export declare const components: {
             label: string;
             inline: boolean;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
         }>;
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -3857,28 +4058,28 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => ((val: any) => true | "This field is required")[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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: () => ((val: any) => true | "This field is required")[];
+        };
         helperText: {
             type: import("vue").PropType<string>;
             default: string;
         };
         helperState: {
-            type: import("vue").PropType<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
     }>> & {
@@ -3889,12 +4090,12 @@ export declare const components: {
         label: string;
         inline: boolean;
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
@@ -3915,27 +4116,27 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         focused: {
             type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         maxLength: {
@@ -3950,12 +4151,16 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxWidth: {
+            type: import("vue").PropType<string | number>;
+            default: undefined;
+        };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
         inputmode: {
-            type: import("vue").PropType<"text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+            type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
             default: string;
         };
         readonly: {
@@ -3995,27 +4200,27 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         focused: {
             type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         maxLength: {
@@ -4030,12 +4235,16 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxWidth: {
+            type: import("vue").PropType<string | number>;
+            default: undefined;
+        };
         showValidBorder: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
         inputmode: {
-            type: import("vue").PropType<"text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+            type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
             default: string;
         };
         readonly: {
@@ -4065,16 +4274,17 @@ export declare const components: {
     }>>, {
         label: string;
         disabled: boolean;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         maxLength: number;
         minLength: number;
         placeholder: string;
+        maxWidth: string | number;
         showValidBorder: boolean;
-        inputmode: "text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal";
+        inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
         readonly: boolean;
         showWordCount: boolean;
         showSuccess: boolean;
@@ -4328,32 +4538,32 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
             placeholder: {
@@ -4399,32 +4609,32 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
             placeholder: {
@@ -4453,13 +4663,13 @@ export declare const components: {
         }, {
             label: string;
             disabled: boolean;
-            placement: import("@floating-ui/vue").Placement;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
+            placement: import("@floating-ui/vue").Placement;
             placeholder: string;
             width: number;
             maxHeight: number;
@@ -4489,32 +4699,32 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            placement: {
-                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
             placeholder: {
@@ -4543,13 +4753,13 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             label: string;
             disabled: boolean;
-            placement: import("@floating-ui/vue").Placement;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
+            placement: import("@floating-ui/vue").Placement;
             placeholder: string;
             width: number;
             maxHeight: number;
@@ -4576,32 +4786,32 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        placement: {
-            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
             default: string;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+        placement: {
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
             default: string;
         };
         placeholder: {
@@ -4633,13 +4843,13 @@ export declare const components: {
     }, string, {
         label: string;
         disabled: boolean;
-        placement: import("@floating-ui/vue").Placement;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
+        placement: import("@floating-ui/vue").Placement;
         placeholder: string;
         width: number;
         maxHeight: number;
@@ -4650,6 +4860,9 @@ export declare const components: {
             label?(_: {}): any;
             prepend?(_: {}): any;
             default?(_: {}): any;
+            "menu-wrapper"?(_: {
+                handleItemChange: (isSelected: boolean, item: import("./components/form/select/FmSelect.vue").ISelectItem) => void;
+            }): any;
             "helper-text"?(_: {}): any;
         };
     });
@@ -4674,27 +4887,27 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             max: {
@@ -4776,27 +4989,27 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             max: {
@@ -4860,11 +5073,11 @@ export declare const components: {
             label: string;
             prependIcon: string;
             appendIcon: string;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             max: number;
             min: number;
             placeholder: string;
@@ -4905,27 +5118,27 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             max: {
@@ -4989,11 +5202,11 @@ export declare const components: {
             label: string;
             prependIcon: string;
             appendIcon: string;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             max: number;
             min: number;
             placeholder: string;
@@ -5031,27 +5244,27 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         focused: {
             type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         max: {
@@ -5117,11 +5330,11 @@ export declare const components: {
         label: string;
         prependIcon: string;
         appendIcon: string;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         max: number;
         min: number;
         placeholder: string;
@@ -5331,27 +5544,27 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             maxLength: {
@@ -5374,7 +5587,7 @@ export declare const components: {
                 default: boolean;
             };
             inputmode: {
-                type: import("vue").PropType<"text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
                 default: string;
             };
             readonly: {
@@ -5388,7 +5601,9 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onFocus-changed"?: ((value: boolean) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        }, {
+            focus: () => void;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "update:modelValue": (value: string) => void;
             "focus-changed": (value: boolean) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
@@ -5412,27 +5627,27 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             maxLength: {
@@ -5455,7 +5670,7 @@ export declare const components: {
                 default: boolean;
             };
             inputmode: {
-                type: import("vue").PropType<"text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
                 default: string;
             };
             readonly: {
@@ -5474,16 +5689,16 @@ export declare const components: {
             disabled: boolean;
             prependIcon: string;
             appendIcon: string;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             maxLength: number;
             minLength: number;
             placeholder: string;
             showValidBorder: boolean;
-            inputmode: "text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal";
+            inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
             readonly: boolean;
             showWordCount: boolean;
         }, true, {}, {}, {
@@ -5514,27 +5729,27 @@ export declare const components: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                type: import("vue").PropType<string>;
+                default: string;
             };
             focused: {
                 type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             maxLength: {
@@ -5557,7 +5772,7 @@ export declare const components: {
                 default: boolean;
             };
             inputmode: {
-                type: import("vue").PropType<"text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+                type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
                 default: string;
             };
             readonly: {
@@ -5571,21 +5786,23 @@ export declare const components: {
         }>> & {
             "onUpdate:modelValue"?: ((value: string) => any) | undefined;
             "onFocus-changed"?: ((value: boolean) => any) | undefined;
-        }, {}, {}, {}, {}, {
+        }, {
+            focus: () => void;
+        }, {}, {}, {}, {
             label: string;
             disabled: boolean;
             prependIcon: string;
             appendIcon: string;
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             maxLength: number;
             minLength: number;
             placeholder: string;
             showValidBorder: boolean;
-            inputmode: "text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal";
+            inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
             readonly: boolean;
             showWordCount: boolean;
         }>;
@@ -5613,27 +5830,27 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: string;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            type: import("vue").PropType<string>;
+            default: string;
         };
         focused: {
             type: import("vue").PropType<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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         maxLength: {
@@ -5656,7 +5873,7 @@ export declare const components: {
             default: boolean;
         };
         inputmode: {
-            type: import("vue").PropType<"text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+            type: import("vue").PropType<"text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal">;
             default: string;
         };
         readonly: {
@@ -5670,7 +5887,9 @@ export declare const components: {
     }>> & {
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
         "onFocus-changed"?: ((value: boolean) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    }, {
+        focus: () => void;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: string) => void;
         "focus-changed": (value: boolean) => void;
     }, string, {
@@ -5678,16 +5897,16 @@ export declare const components: {
         disabled: boolean;
         prependIcon: string;
         appendIcon: string;
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         maxLength: number;
         minLength: number;
         placeholder: string;
         showValidBorder: boolean;
-        inputmode: "text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal";
+        inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
         readonly: boolean;
         showWordCount: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -5713,28 +5932,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             maxLength: {
@@ -5783,28 +6002,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             maxLength: {
@@ -5841,12 +6060,12 @@ export declare const components: {
             label: string;
             modelValue: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             maxLength: number;
             minLength: number;
             placeholder: string;
@@ -5875,28 +6094,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             maxLength: {
@@ -5933,12 +6152,12 @@ export declare const components: {
             label: string;
             modelValue: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             maxLength: number;
             minLength: number;
             placeholder: string;
@@ -5964,28 +6183,28 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         maxLength: {
@@ -6024,12 +6243,12 @@ export declare const components: {
         label: string;
         modelValue: string;
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         maxLength: number;
         minLength: number;
         placeholder: string;
@@ -6072,28 +6291,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             showValidBorder: {
@@ -6117,28 +6336,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             showValidBorder: {
@@ -6150,12 +6369,12 @@ export declare const components: {
         }, {
             label: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             showValidBorder: boolean;
         }, true, {}, {}, {
             P: {};
@@ -6177,28 +6396,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             showValidBorder: {
@@ -6210,12 +6429,12 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             label: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             showValidBorder: boolean;
         }>;
         __isFragment?: undefined;
@@ -6234,28 +6453,28 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         showValidBorder: {
@@ -6269,12 +6488,12 @@ export declare const components: {
     }, string, {
         label: string;
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         showValidBorder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -6296,28 +6515,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             showValidBorder: {
@@ -6341,28 +6560,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             showValidBorder: {
@@ -6374,12 +6593,12 @@ export declare const components: {
         }, {
             label: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             showValidBorder: boolean;
         }, true, {}, {}, {
             P: {};
@@ -6401,28 +6620,28 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            rules: {
-                type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-                default: () => never[];
+            labelMark: {
+                type: import("vue").PropType<"required" | "none" | "optional">;
+                default: string;
+            };
+            labelInfo: {
+                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<"none" | "success" | "warning" | "error">;
-                default: string;
-            };
-            labelMark: {
-                type: import("vue").PropType<"none" | "required" | "optional">;
-                default: string;
-            };
-            labelInfo: {
-                type: import("vue").PropType<string>;
+                type: import("vue").PropType<"success" | "warning" | "none" | "error">;
                 default: string;
             };
             showValidBorder: {
@@ -6434,12 +6653,12 @@ export declare const components: {
         }, {}, {}, {}, {}, {
             label: string;
             disabled: boolean;
-            rules: import("./composables/useValidation").ValidationRule[];
+            labelMark: "required" | "none" | "optional";
+            labelInfo: string;
             focused: boolean;
+            rules: import("./composables/useValidation").ValidationRule[];
             helperText: string;
-            helperState: "none" | "success" | "warning" | "error";
-            labelMark: "none" | "required" | "optional";
-            labelInfo: string;
+            helperState: "success" | "warning" | "none" | "error";
             showValidBorder: boolean;
         }>;
         __isFragment?: undefined;
@@ -6458,28 +6677,28 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        rules: {
-            type: import("vue").PropType<import("./composables/useValidation").ValidationRule[]>;
-            default: () => never[];
+        labelMark: {
+            type: import("vue").PropType<"required" | "none" | "optional">;
+            default: string;
+        };
+        labelInfo: {
+            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<"none" | "success" | "warning" | "error">;
-            default: string;
-        };
-        labelMark: {
-            type: import("vue").PropType<"none" | "required" | "optional">;
-            default: string;
-        };
-        labelInfo: {
-            type: import("vue").PropType<string>;
+            type: import("vue").PropType<"success" | "warning" | "none" | "error">;
             default: string;
         };
         showValidBorder: {
@@ -6493,12 +6712,12 @@ export declare const components: {
     }, string, {
         label: string;
         disabled: boolean;
-        rules: import("./composables/useValidation").ValidationRule[];
+        labelMark: "required" | "none" | "optional";
+        labelInfo: string;
         focused: boolean;
+        rules: import("./composables/useValidation").ValidationRule[];
         helperText: string;
-        helperState: "none" | "success" | "warning" | "error";
-        labelMark: "none" | "required" | "optional";
-        labelInfo: string;
+        helperState: "success" | "warning" | "none" | "error";
         showValidBorder: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -6541,9 +6760,9 @@ export declare const components: {
             default: string;
         };
     }>>, {
-        size: "sm" | "md" | "lg" | "xl";
         color: string;
         outline: boolean;
+        size: "sm" | "md" | "lg" | "xl";
     }, {}>;
     FmList: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
@@ -6742,6 +6961,10 @@ export declare const components: {
     });
     FmMenu: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             placement: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
@@ -6771,6 +6994,10 @@ export declare const components: {
         }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
             "menu-changed": (opened: boolean) => void;
         }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             placement: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
@@ -6798,6 +7025,7 @@ export declare const components: {
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {
+            disabled: boolean;
             placement: import("@floating-ui/vue").Placement;
             width: number;
             trigger: "click" | "hover";
@@ -6812,6 +7040,10 @@ export declare const components: {
             M: {};
             Defaults: {};
         }, Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             placement: {
                 type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
@@ -6839,6 +7071,7 @@ export declare const components: {
         }>> & {
             "onMenu-changed"?: ((opened: boolean) => any) | undefined;
         }, {}, {}, {}, {}, {
+            disabled: boolean;
             placement: import("@floating-ui/vue").Placement;
             width: number;
             trigger: "click" | "hover";
@@ -6850,6 +7083,10 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         placement: {
             type: import("vue").PropType<import("@floating-ui/vue").Placement>;
             default: string;
@@ -6879,6 +7116,7 @@ export declare const components: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "menu-changed": (opened: boolean) => void;
     }, string, {
+        disabled: boolean;
         placement: import("@floating-ui/vue").Placement;
         width: number;
         trigger: "click" | "hover";
@@ -7220,14 +7458,14 @@ export declare const components: {
         };
     });
     FmCircularProgress: import("vue").DefineComponent<{
-        size: {
-            type: import("vue").PropType<"md" | "lg" | "xl" | "xxl">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"md" | "lg" | "xl" | "xxl">;
+            default: string;
+        };
         currentStep: {
             type: import("vue").PropType<string | number>;
             default: undefined;
@@ -7241,14 +7479,14 @@ export declare const components: {
             default: undefined;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        size: {
-            type: import("vue").PropType<"md" | "lg" | "xl" | "xxl">;
-            default: string;
-        };
         color: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        size: {
+            type: import("vue").PropType<"md" | "lg" | "xl" | "xxl">;
+            default: string;
+        };
         currentStep: {
             type: import("vue").PropType<string | number>;
             default: undefined;
@@ -7262,8 +7500,8 @@ export declare const components: {
             default: undefined;
         };
     }>>, {
-        size: "md" | "lg" | "xl" | "xxl";
         color: string;
+        size: "md" | "lg" | "xl" | "xxl";
         currentStep: string | number;
         totalSteps: string | number;
         indeterminate: boolean;
@@ -7887,23 +8125,202 @@ export declare const components: {
         $slots: {
             prepend?(_: {}): any;
             append?(_: {}): any;
-            "list-item"?(_: {
-                modelValue?: any;
-                label?: string | undefined;
-                vertical?: boolean | undefined;
-                icon?: string | undefined;
-                disabled?: boolean | undefined;
-                badge?: number | undefined;
-                value?: any;
-                children?: import("./components/tab/FmTab.vue").FmTabProps[] | undefined;
-            }): any;
         };
     });
-    FmTable: import("vue").DefineComponent<{
+    FmTable: {
+        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<any>;
+                default: {};
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            pageSize: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            selection: {
+                type: import("vue").PropType<"multiple" | "single">;
+                default: undefined;
+            };
+            rowData: {
+                type: import("vue").PropType<any[]>;
+                default: () => never[];
+            };
+            columnDefs: {
+                type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+                default: () => never[];
+            };
+            columnFilter: {
+                type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+                default: undefined;
+            };
+            searchValue: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            pageCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            rowCount: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            fetchFn: {
+                type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+                default: undefined;
+            };
+            pinHeaderRow: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<any>;
+                default: {};
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            pageSize: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            selection: {
+                type: import("vue").PropType<"multiple" | "single">;
+                default: undefined;
+            };
+            rowData: {
+                type: import("vue").PropType<any[]>;
+                default: () => never[];
+            };
+            columnDefs: {
+                type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+                default: () => never[];
+            };
+            columnFilter: {
+                type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+                default: undefined;
+            };
+            searchValue: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            pageCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            rowCount: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            fetchFn: {
+                type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+                default: undefined;
+            };
+            pinHeaderRow: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {
+            modelValue: any;
+            loading: boolean;
+            pageSize: number;
+            selection: "multiple" | "single";
+            rowData: any[];
+            columnDefs: import("@tanstack/vue-table").ColumnDef<any>[];
+            columnFilter: import("@tanstack/vue-table").ColumnFiltersState;
+            searchValue: string;
+            pageCount: number;
+            rowCount: number;
+            fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
+            pinHeaderRow: boolean;
+        }, true, {}, {}, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: import("vue").PropType<any>;
+                default: {};
+            };
+            loading: {
+                type: import("vue").PropType<boolean>;
+                default: undefined;
+            };
+            pageSize: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            selection: {
+                type: import("vue").PropType<"multiple" | "single">;
+                default: undefined;
+            };
+            rowData: {
+                type: import("vue").PropType<any[]>;
+                default: () => never[];
+            };
+            columnDefs: {
+                type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
+                default: () => never[];
+            };
+            columnFilter: {
+                type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+                default: undefined;
+            };
+            searchValue: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            pageCount: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            rowCount: {
+                type: import("vue").PropType<number>;
+                default: undefined;
+            };
+            fetchFn: {
+                type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
+                default: undefined;
+            };
+            pinHeaderRow: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>>, {}, {}, {}, {}, {
+            modelValue: any;
+            loading: boolean;
+            pageSize: number;
+            selection: "multiple" | "single";
+            rowData: any[];
+            columnDefs: import("@tanstack/vue-table").ColumnDef<any>[];
+            columnFilter: import("@tanstack/vue-table").ColumnFiltersState;
+            searchValue: string;
+            pageCount: number;
+            rowCount: number;
+            fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
+            pinHeaderRow: boolean;
+        }>;
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         modelValue: {
             type: import("vue").PropType<any>;
             default: {};
         };
+        loading: {
+            type: import("vue").PropType<boolean>;
+            default: undefined;
+        };
         pageSize: {
             type: import("vue").PropType<number>;
             default: number;
@@ -7920,6 +8337,10 @@ export declare const components: {
             type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
             default: () => never[];
         };
+        columnFilter: {
+            type: import("vue").PropType<import("@tanstack/vue-table").ColumnFiltersState>;
+            default: undefined;
+        };
         searchValue: {
             type: import("vue").PropType<string>;
             default: string;
@@ -7928,62 +8349,37 @@ export declare const components: {
             type: import("vue").PropType<number>;
             default: number;
         };
-        fetchFn: {
-            type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => void>;
-            default: undefined;
-        };
-        pinHeaderRow: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        modelValue: {
-            type: import("vue").PropType<any>;
-            default: {};
-        };
-        pageSize: {
+        rowCount: {
             type: import("vue").PropType<number>;
-            default: number;
-        };
-        selection: {
-            type: import("vue").PropType<"multiple" | "single">;
             default: undefined;
         };
-        rowData: {
-            type: import("vue").PropType<any[]>;
-            default: () => never[];
-        };
-        columnDefs: {
-            type: import("vue").PropType<import("@tanstack/vue-table").ColumnDef<any>[]>;
-            default: () => never[];
-        };
-        searchValue: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        pageCount: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
         fetchFn: {
-            type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => void>;
+            type: import("vue").PropType<({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>>;
             default: undefined;
         };
         pinHeaderRow: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-    }>>, {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         modelValue: any;
+        loading: boolean;
         pageSize: number;
         selection: "multiple" | "single";
         rowData: any[];
         columnDefs: import("@tanstack/vue-table").ColumnDef<any>[];
+        columnFilter: import("@tanstack/vue-table").ColumnFiltersState;
         searchValue: string;
         pageCount: number;
-        fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => void;
+        rowCount: number;
+        fetchFn: ({ pageSize, pageIndex }: import("@tanstack/vue-table").PaginationState) => Promise<void>;
         pinHeaderRow: boolean;
-    }, {}>;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            "pin-top"?(_: {}): any;
+            "loading-text"?(_: {}): any;
+        };
+    });
     FmTabs: {
         new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -8123,16 +8519,6 @@ export declare const components: {
                 value?: any;
                 children?: import("./components/tab/FmTab.vue").FmTabProps[] | undefined;
             }): any;
-            "list-item"?(_: {
-                modelValue?: any;
-                label?: string | undefined;
-                vertical?: boolean | undefined;
-                icon?: string | undefined;
-                disabled?: boolean | undefined;
-                badge?: number | undefined;
-                value?: any;
-                children?: import("./components/tab/FmTab.vue").FmTabProps[] | undefined;
-            }): any;
         };
     });
     FmCollapsibleTabs: import("vue").DefineComponent<{
@@ -8278,50 +8664,46 @@ export declare const components: {
         };
     });
     FmAvatar: import("vue").DefineComponent<{
-        initials: {
-            type: import("vue").PropType<string>;
-            default: () => "";
-        };
         name: {
             type: import("vue").PropType<string>;
             default: () => "";
         };
-        src: {
-            type: import("vue").PropType<string>;
-            default: undefined;
-        };
         size: {
             type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
             default: () => "md";
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
         initials: {
             type: import("vue").PropType<string>;
             default: () => "";
         };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         name: {
             type: import("vue").PropType<string>;
             default: () => "";
         };
+        size: {
+            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
+            default: () => "md";
+        };
         src: {
             type: import("vue").PropType<string>;
             default: undefined;
         };
-        size: {
-            type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
-            default: () => "md";
+        initials: {
+            type: import("vue").PropType<string>;
+            default: () => "";
         };
     }>>, {
-        initials: string;
         name: string;
-        src: string;
         size: "sm" | "md" | "lg" | "xl";
+        src: string;
+        initials: string;
     }, {}>;
     FmThumbnail: import("vue").DefineComponent<{
-        src: {
-            type: import("vue").PropType<string>;
-            default: undefined;
-        };
         size: {
             type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
             default: () => "md";
@@ -8330,11 +8712,11 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: (state: any) => "" | "image";
         };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         src: {
             type: import("vue").PropType<string>;
             default: undefined;
         };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         size: {
             type: import("vue").PropType<"sm" | "md" | "lg" | "xl">;
             default: () => "md";
@@ -8343,10 +8725,14 @@ export declare const components: {
             type: import("vue").PropType<string>;
             default: (state: any) => "" | "image";
         };
+        src: {
+            type: import("vue").PropType<string>;
+            default: undefined;
+        };
     }>>, {
-        src: string;
         size: "sm" | "md" | "lg" | "xl";
         icon: string;
+        src: string;
     }, {}>;
     FmPageHead: import("vue").DefineComponent<{
         title: {