npm - @feedmepos/ui-library - Versions diffs - 0.0.12 → 0.0.14 - Mend

@feedmepos/ui-library 0.0.12 → 0.0.14

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 (88) hide show

package/dist/components.d.ts CHANGED Viewed

@@ -19,6 +19,10 @@ export declare const components: {
         };
     }>>, {}, {}>;
     FmButton: import("vue").DefineComponent<{
+        variant: {
+            type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "fab">;
+            default: string;
+        };
         type: {
             type: import("vue").PropType<"button" | "submit" | "reset">;
             default: string;
@@ -35,10 +39,6 @@ export declare const components: {
             type: import("vue").PropType<"md" | "lg">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "fab">;
-            default: string;
-        };
         icon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -52,6 +52,10 @@ export declare const components: {
             default: string;
         };
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "fab">;
+            default: string;
+        };
         type: {
             type: import("vue").PropType<"button" | "submit" | "reset">;
             default: string;
@@ -68,10 +72,6 @@ export declare const components: {
             type: import("vue").PropType<"md" | "lg">;
             default: string;
         };
-        variant: {
-            type: import("vue").PropType<"primary" | "secondary" | "tertiary" | "destructive" | "fab">;
-            default: string;
-        };
         icon: {
             type: import("vue").PropType<string>;
             default: string;
@@ -85,11 +85,11 @@ export declare const components: {
             default: string;
         };
     }>>, {
+        variant: "primary" | "secondary" | "tertiary" | "destructive" | "fab";
         type: "button" | "submit" | "reset";
         label: string;
         disabled: boolean;
         size: "md" | "lg";
-        variant: "primary" | "secondary" | "tertiary" | "destructive" | "fab";
         icon: string;
         autofocus: boolean;
         iconColor: string;
@@ -128,8 +128,8 @@ export declare const components: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                title?: string | undefined;
                 variant?: "outlined" | "elevated" | undefined;
+                title?: string | undefined;
                 horizontal?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
@@ -203,8 +203,8 @@ export declare const components: {
                     default: boolean;
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                title: string;
                 variant: "outlined" | "elevated";
+                title: string;
                 horizontal: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -257,8 +257,8 @@ export declare const components: {
             default: boolean;
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        title: string;
         variant: "outlined" | "elevated";
+        title: string;
         horizontal: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -912,15 +912,15 @@ export declare const components: {
             "dialog-footer"?(_: {}): any;
         };
     });
-    FmCheckbox: {
+    FmDropField: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                label?: string | undefined;
                 disabled?: boolean | undefined;
-                indeterminate?: boolean | undefined;
-                sublabel?: string | undefined;
-                readonly label: string;
+                accept?: string | undefined;
+                maxFileSize?: number | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -965,8 +965,11 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
-                readonly modelValue: boolean;
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onFile-upload"?: ((file: File) => any) | undefined;
+                "onFile-rejected"?: ((obj: {
+                    file: File;
+                    reason: string[];
+                }[]) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -979,37 +982,45 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:modelValue", value: boolean) => void;
+            $emit: ((event: "file-upload", file: File) => void) & ((event: "file-rejected", obj: {
+                file: File;
+                reason: string[];
+            }[]) => void);
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 label: {
                     type: import("vue").PropType<string>;
-                    required: true;
+                    default: string;
                 };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                modelValue: {
-                    type: import("vue").PropType<boolean>;
-                    required: true;
-                };
-                indeterminate: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                sublabel: {
+                accept: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                maxFileSize: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
             }>> & {
-                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+                "onFile-upload"?: ((file: File) => any) | undefined;
+                "onFile-rejected"?: ((obj: {
+                    file: File;
+                    reason: string[];
+                }[]) => any) | undefined;
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:modelValue": (value: boolean) => void;
+                "file-upload": (file: File) => void;
+                "file-rejected": (obj: {
+                    file: File;
+                    reason: string[];
+                }[]) => void;
             }, string, {
+                label: string;
                 disabled: boolean;
-                indeterminate: boolean;
-                sublabel: string;
+                accept: string;
+                maxFileSize: number;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -1033,26 +1044,26 @@ export declare const components: {
         } & Readonly<import("vue").ExtractPropTypes<{
             label: {
                 type: import("vue").PropType<string>;
-                required: true;
+                default: string;
             };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            modelValue: {
-                type: import("vue").PropType<boolean>;
-                required: true;
-            };
-            indeterminate: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            sublabel: {
+            accept: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            maxFileSize: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
         }>> & {
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            "onFile-upload"?: ((file: File) => any) | undefined;
+            "onFile-rejected"?: ((obj: {
+                file: File;
+                reason: string[];
+            }[]) => any) | undefined;
         } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
@@ -1060,47 +1071,185 @@ export declare const components: {
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
         label: {
             type: import("vue").PropType<string>;
-            required: true;
+            default: string;
         };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        modelValue: {
-            type: import("vue").PropType<boolean>;
-            required: true;
-        };
-        indeterminate: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        sublabel: {
+        accept: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        maxFileSize: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
     }>> & {
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        "onFile-upload"?: ((file: File) => any) | undefined;
+        "onFile-rejected"?: ((obj: {
+            file: File;
+            reason: string[];
+        }[]) => any) | undefined;
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:modelValue": (value: boolean) => void;
+        "file-upload": (file: File) => void;
+        "file-rejected": (obj: {
+            file: File;
+            reason: string[];
+        }[]) => void;
     }, string, {
+        label: string;
         disabled: boolean;
-        indeterminate: boolean;
-        sublabel: string;
+        accept: string;
+        maxFileSize: number;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             label?(_: {}): any;
+            "accept-text"?(_: {}): any;
+            "helper-text"?(_: {}): any;
         };
     });
-    FmField: {
+    FmDynamicDialog: import("vue").DefineComponent<{
+        title: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        message: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        overlay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        minWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        closeButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        primaryActions: {
+            type: import("vue").PropType<import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null>;
+            default: null;
+        };
+        secondaryActions: {
+            type: import("vue").PropType<import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null>;
+            default: null;
+        };
+        tertiaryActions: {
+            type: import("vue").PropType<import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null>;
+            required: true;
+            default: null;
+        };
+        dialogComponent: {
+            type: import("vue").PropType<import("vue").Component | null>;
+            default: null;
+        };
+        contentComponent: {
+            type: import("vue").PropType<import("vue").Component | null>;
+            default: null;
+        };
+        dialogComponentProps: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        contentComponentProps: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        unmount: {
+            type: import("vue").PropType<() => void>;
+            required: true;
+        };
+        storedFunctions: {
+            type: import("vue").PropType<import("./plugin/dialog-plugin").InternalStoredFunction>;
+            required: true;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "dialog-opened": () => void;
+        "dialog-closed": () => void;
+    }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        message: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        overlay: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        minWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        closeButton: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        primaryActions: {
+            type: import("vue").PropType<import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null>;
+            default: null;
+        };
+        secondaryActions: {
+            type: import("vue").PropType<import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null>;
+            default: null;
+        };
+        tertiaryActions: {
+            type: import("vue").PropType<import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null>;
+            required: true;
+            default: null;
+        };
+        dialogComponent: {
+            type: import("vue").PropType<import("vue").Component | null>;
+            default: null;
+        };
+        contentComponent: {
+            type: import("vue").PropType<import("vue").Component | null>;
+            default: null;
+        };
+        dialogComponentProps: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        contentComponentProps: {
+            type: import("vue").PropType<any>;
+            required: true;
+        };
+        unmount: {
+            type: import("vue").PropType<() => void>;
+            required: true;
+        };
+        storedFunctions: {
+            type: import("vue").PropType<import("./plugin/dialog-plugin").InternalStoredFunction>;
+            required: true;
+        };
+    }>> & {
+        "onDialog-opened"?: (() => any) | undefined;
+        "onDialog-closed"?: (() => any) | undefined;
+    }, {
+        overlay: boolean;
+        minWidth: number;
+        closeButton: boolean;
+        primaryActions: import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null;
+        secondaryActions: import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null;
+        tertiaryActions: import("./components/dynamic-dialog/FmDynamicDialog.vue").FooterActionButton | null;
+        dialogComponent: import("vue").Component | null;
+        contentComponent: import("vue").Component | null;
+    }, {}>;
+    FmCheckbox: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
                 disabled?: boolean | undefined;
-                iconColor?: string | undefined;
-                leadingIcon?: string | undefined;
-                trailingIcon?: string | undefined;
-                activeClass?: string | undefined;
+                sublabel?: string | undefined;
+                indeterminate?: boolean | undefined;
+                readonly label: string;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -1145,6 +1294,8 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
+                readonly modelValue: boolean;
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -1157,35 +1308,37 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: string, ...args: any[]) => void;
+            $emit: (event: "update:modelValue", value: boolean) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                iconColor: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                leadingIcon: {
-                    type: import("vue").PropType<string>;
-                    default: string;
+                modelValue: {
+                    type: import("vue").PropType<boolean>;
+                    required: true;
                 };
-                trailingIcon: {
+                sublabel: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
-                activeClass: {
-                    type: import("vue").PropType<string>;
-                    default: string;
+                indeterminate: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
                 };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            }>> & {
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => void;
+            }, string, {
                 disabled: boolean;
-                iconColor: string;
-                leadingIcon: string;
-                trailingIcon: string;
-                activeClass: string;
+                sublabel: string;
+                indeterminate: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -1207,40 +1360,216 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            iconColor: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            leadingIcon: {
-                type: import("vue").PropType<string>;
-                default: string;
+            modelValue: {
+                type: import("vue").PropType<boolean>;
+                required: true;
             };
-            trailingIcon: {
+            sublabel: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
-            activeClass: {
-                type: import("vue").PropType<string>;
-                default: string;
+            indeterminate: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
             };
-        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>> & {
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        iconColor: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        leadingIcon: {
+        modelValue: {
+            type: import("vue").PropType<boolean>;
+            required: true;
+        };
+        sublabel: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        indeterminate: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: boolean) => void;
+    }, string, {
+        disabled: boolean;
+        sublabel: string;
+        indeterminate: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            label?(_: {}): any;
+        };
+    });
+    FmField: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                disabled?: boolean | undefined;
+                iconColor?: string | undefined;
+                leadingIcon?: string | undefined;
+                trailingIcon?: string | undefined;
+                activeClass?: string | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                disabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                iconColor: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                leadingIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                trailingIcon: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+                activeClass: {
+                    type: import("vue").PropType<string>;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                disabled: boolean;
+                iconColor: string;
+                leadingIcon: string;
+                trailingIcon: string;
+                activeClass: string;
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            iconColor: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            leadingIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            trailingIcon: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            activeClass: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        iconColor: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        leadingIcon: {
             type: import("vue").PropType<string>;
             default: string;
         };
@@ -1402,6 +1731,7 @@ export declare const components: {
                 disabled?: boolean | undefined;
                 modelValue?: any;
                 sublabel?: string | undefined;
+                readonly value: string;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -1447,7 +1777,6 @@ export declare const components: {
                     [key: string]: any;
                 }>) => void)[] | undefined;
                 "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-                readonly value: string;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -1463,6 +1792,10 @@ export declare const components: {
             $emit: (event: "update:modelValue", value: string) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                value: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 label: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -1475,10 +1808,6 @@ export declare const components: {
                     type: import("vue").PropType<any>;
                     default: null;
                 };
-                value: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
                 sublabel: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -1513,6 +1842,10 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1525,10 +1858,6 @@ export declare const components: {
                 type: import("vue").PropType<any>;
                 default: null;
             };
-            value: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
             sublabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1540,6 +1869,10 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1552,10 +1885,6 @@ export declare const components: {
             type: import("vue").PropType<any>;
             default: null;
         };
-        value: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
         sublabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1579,8 +1908,8 @@ export declare const components: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                disabled?: boolean | undefined;
                 inline?: boolean | undefined;
+                disabled?: boolean | undefined;
                 helperText?: string | undefined;
                 rules?: import("./composables/useValidation").ValidationRule[] | undefined;
                 readonly label?: string | undefined;
@@ -1645,6 +1974,10 @@ export declare const components: {
             $emit: (event: "update:modelValue", value: any) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                inline: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 label: {
                     type: import("vue").PropType<string>;
                 };
@@ -1656,10 +1989,6 @@ export declare const components: {
                     type: import("vue").PropType<any>;
                     required: true;
                 };
-                inline: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 helperText: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -1673,8 +2002,8 @@ export declare const components: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (value: any) => void;
             }, string, {
-                disabled: boolean;
                 inline: boolean;
+                disabled: boolean;
                 helperText: string;
                 rules: import("./composables/useValidation").ValidationRule[];
             }, {}, string, {}> & {
@@ -1698,6 +2027,10 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            inline: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             label: {
                 type: import("vue").PropType<string>;
             };
@@ -1709,10 +2042,6 @@ export declare const components: {
                 type: import("vue").PropType<any>;
                 required: true;
             };
-            inline: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             helperText: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -1728,6 +2057,10 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        inline: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         label: {
             type: import("vue").PropType<string>;
         };
@@ -1739,10 +2072,6 @@ export declare const components: {
             type: import("vue").PropType<any>;
             required: true;
         };
-        inline: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         helperText: {
             type: import("vue").PropType<string>;
             default: string;
@@ -1756,8 +2085,8 @@ export declare const components: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (value: any) => void;
     }, string, {
-        disabled: boolean;
         inline: boolean;
+        disabled: boolean;
         helperText: string;
         rules: import("./composables/useValidation").ValidationRule[];
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
@@ -1772,10 +2101,9 @@ export declare const components: {
             $data: {};
             $props: {
                 disabled?: boolean | undefined;
+                placement?: import("@floating-ui/vue").Placement | undefined;
                 placeholder?: string | undefined;
-                placement?: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | undefined;
                 multiselect?: boolean | undefined;
-                readonly items: import("./components/form/select/FmSelect.vue").ISelectItem[];
                 readonly label: string;
                 style?: unknown;
                 class?: unknown;
@@ -1821,6 +2149,7 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
+                readonly items: import("./components/form/select/FmSelect.vue").ISelectItem[];
                 readonly modelValue: any;
                 "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
             };
@@ -1838,14 +2167,14 @@ export declare const components: {
             $emit: (event: "update:modelValue", value: string | string[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                items: {
-                    type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
-                    required: true;
-                };
                 label: {
                     type: import("vue").PropType<string>;
                     required: true;
                 };
+                items: {
+                    type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
+                    required: true;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -1854,12 +2183,12 @@ export declare const components: {
                     type: import("vue").PropType<any>;
                     required: true;
                 };
-                placeholder: {
-                    type: import("vue").PropType<string>;
+                placement: {
+                    type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                     default: string;
                 };
-                placement: {
-                    type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+                placeholder: {
+                    type: import("vue").PropType<string>;
                     default: string;
                 };
                 multiselect: {
@@ -1872,8 +2201,8 @@ export declare const components: {
                 "update:modelValue": (value: string | string[]) => void;
             }, string, {
                 disabled: boolean;
+                placement: import("@floating-ui/vue").Placement;
                 placeholder: string;
-                placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
                 multiselect: boolean;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
@@ -1896,14 +2225,14 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            items: {
-                type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
-                required: true;
-            };
             label: {
                 type: import("vue").PropType<string>;
                 required: true;
             };
+            items: {
+                type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
+                required: true;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -1912,12 +2241,12 @@ export declare const components: {
                 type: import("vue").PropType<any>;
                 required: true;
             };
-            placeholder: {
-                type: import("vue").PropType<string>;
+            placement: {
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
-            placement: {
-                type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+            placeholder: {
+                type: import("vue").PropType<string>;
                 default: string;
             };
             multiselect: {
@@ -1931,14 +2260,14 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        items: {
-            type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
-            required: true;
-        };
         label: {
             type: import("vue").PropType<string>;
             required: true;
         };
+        items: {
+            type: import("vue").PropType<import("./components/form/select/FmSelect.vue").ISelectItem[]>;
+            required: true;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -1947,12 +2276,12 @@ export declare const components: {
             type: import("vue").PropType<any>;
             required: true;
         };
-        placeholder: {
-            type: import("vue").PropType<string>;
+        placement: {
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
             default: string;
         };
-        placement: {
-            type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+        placeholder: {
+            type: import("vue").PropType<string>;
             default: string;
         };
         multiselect: {
@@ -1965,8 +2294,8 @@ export declare const components: {
         "update:modelValue": (value: string | string[]) => void;
     }, string, {
         disabled: boolean;
+        placement: import("@floating-ui/vue").Placement;
         placeholder: string;
-        placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
         multiselect: boolean;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
@@ -1993,7 +2322,6 @@ export declare const components: {
                 showValidBorder?: boolean | undefined;
                 prependText?: string | undefined;
                 appendText?: string | undefined;
-                readonly required?: boolean | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -2038,6 +2366,7 @@ export declare const components: {
                 }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                     [key: string]: any;
                 }>) => void)[] | undefined;
+                readonly required?: boolean | undefined;
                 readonly disabled?: boolean | undefined;
                 readonly modelValue: number | null;
                 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -2058,13 +2387,13 @@ export declare const components: {
             $emit: (event: "update:modelValue", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                required: {
-                    type: import("vue").PropType<boolean>;
-                };
                 label: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                required: {
+                    type: import("vue").PropType<boolean>;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                 };
@@ -2176,13 +2505,13 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            required: {
-                type: import("vue").PropType<boolean>;
-            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
             };
@@ -2260,13 +2589,13 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        required: {
-            type: import("vue").PropType<boolean>;
-        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
         };
@@ -2375,6 +2704,7 @@ export declare const components: {
                 sublabel?: string | undefined;
                 labelPlacement?: "left" | "right" | undefined;
                 showIcon?: boolean | undefined;
+                readonly value: string;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -2421,7 +2751,6 @@ export declare const components: {
                 }>) => void)[] | undefined;
                 readonly modelValue: boolean;
                 "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-                readonly value: string;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -2437,6 +2766,10 @@ export declare const components: {
             $emit: (event: "update:modelValue", value: boolean) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                value: {
+                    type: import("vue").PropType<string>;
+                    required: true;
+                };
                 label: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -2449,10 +2782,6 @@ export declare const components: {
                     type: import("vue").PropType<boolean>;
                     required: true;
                 };
-                value: {
-                    type: import("vue").PropType<string>;
-                    required: true;
-                };
                 sublabel: {
                     type: import("vue").PropType<string>;
                     default: string;
@@ -2496,6 +2825,10 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2508,10 +2841,6 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 required: true;
             };
-            value: {
-                type: import("vue").PropType<string>;
-                required: true;
-            };
             sublabel: {
                 type: import("vue").PropType<string>;
                 default: string;
@@ -2531,6 +2860,10 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2543,10 +2876,6 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             required: true;
         };
-        value: {
-            type: import("vue").PropType<string>;
-            required: true;
-        };
         sublabel: {
             type: import("vue").PropType<string>;
             default: string;
@@ -2663,13 +2992,13 @@ export declare const components: {
             $emit: (event: "update:modelValue", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                label: {
+                    type: import("vue").PropType<string>;
+                };
                 required: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                label: {
-                    type: import("vue").PropType<string>;
-                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -2794,13 +3123,13 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
+            label: {
+                type: import("vue").PropType<string>;
+            };
             required: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            label: {
-                type: import("vue").PropType<string>;
-            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -2884,13 +3213,13 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        label: {
+            type: import("vue").PropType<string>;
+        };
         required: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        label: {
-            type: import("vue").PropType<string>;
-        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -3007,8 +3336,8 @@ export declare const components: {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                required?: boolean | undefined;
                 label?: string | undefined;
+                required?: boolean | undefined;
                 disabled?: boolean | undefined;
                 modelValue?: string | undefined;
                 helperText?: string | undefined;
@@ -3080,14 +3409,14 @@ export declare const components: {
             $emit: (event: "update:modelValue", ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                required: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 label: {
                     type: import("vue").PropType<string>;
                     default: string;
                 };
+                required: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
                 disabled: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
@@ -3138,8 +3467,8 @@ export declare const components: {
             }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
                 "update:modelValue": (...args: any[]) => void;
             }, string, {
-                required: boolean;
                 label: string;
+                required: boolean;
                 disabled: boolean;
                 modelValue: string;
                 helperText: string;
@@ -3172,14 +3501,14 @@ export declare const components: {
             $nextTick: typeof import("vue").nextTick;
             $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            required: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             label: {
                 type: import("vue").PropType<string>;
                 default: string;
             };
+            required: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
             disabled: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
@@ -3232,14 +3561,14 @@ export declare const components: {
         __isTeleport?: undefined;
         __isSuspense?: undefined;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        required: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         label: {
             type: import("vue").PropType<string>;
             default: string;
         };
+        required: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
         disabled: {
             type: import("vue").PropType<boolean>;
             default: boolean;
@@ -3290,8 +3619,8 @@ export declare const components: {
     }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
         "update:modelValue": (...args: any[]) => void;
     }, string, {
-        required: boolean;
         label: string;
+        required: boolean;
         disabled: boolean;
         modelValue: string;
         helperText: string;
@@ -3648,8 +3977,8 @@ export declare const components: {
             $data: {};
             $props: {
                 disabled?: boolean | undefined;
-                isOpen?: boolean | undefined;
-                placement?: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right" | undefined;
+                showMenu?: boolean | undefined;
+                placement?: import("@floating-ui/vue").Placement | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -3714,12 +4043,12 @@ export declare const components: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
-                isOpen: {
+                showMenu: {
                     type: import("vue").PropType<boolean>;
                     default: boolean;
                 };
                 placement: {
-                    type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+                    type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                     default: string;
                 };
             }>> & {
@@ -3731,8 +4060,8 @@ export declare const components: {
                 "dropdown-changed": (opened: boolean) => void;
             }, string, {
                 disabled: boolean;
-                isOpen: boolean;
-                placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
+                showMenu: boolean;
+                placement: import("@floating-ui/vue").Placement;
             }, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
@@ -3758,12 +4087,12 @@ export declare const components: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
-            isOpen: {
+            showMenu: {
                 type: import("vue").PropType<boolean>;
                 default: boolean;
             };
             placement: {
-                type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+                type: import("vue").PropType<import("@floating-ui/vue").Placement>;
                 default: string;
             };
         }>> & {
@@ -3780,12 +4109,12 @@ export declare const components: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
-        isOpen: {
+        showMenu: {
             type: import("vue").PropType<boolean>;
             default: boolean;
         };
         placement: {
-            type: import("vue").PropType<"bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right">;
+            type: import("vue").PropType<import("@floating-ui/vue").Placement>;
             default: string;
         };
     }>> & {
@@ -3797,11 +4126,12 @@ export declare const components: {
         "dropdown-changed": (opened: boolean) => void;
     }, string, {
         disabled: boolean;
-        isOpen: boolean;
-        placement: "bottom-left" | "bottom-center" | "bottom-right" | "top-left" | "top-center" | "top-right";
+        showMenu: boolean;
+        placement: import("@floating-ui/vue").Placement;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             "menu-button"?(_: {}): any;
+            "menu-wrapper"?(_: {}): any;
             "menu-content"?(_: {}): any;
         };
     });
@@ -4031,12 +4361,11 @@ export declare const components: {
             label?(_: {}): any;
         };
     });
-    FmStepper: {
+    FmProgressIndicator: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
-                orientation?: ("horizontal" | "vertical") | undefined;
                 style?: unknown;
                 class?: unknown;
                 key?: string | number | symbol | undefined;
@@ -4082,7 +4411,6 @@ export declare const components: {
                     [key: string]: any;
                 }>) => void)[] | undefined;
                 readonly modelValue: number;
-                "onUpdate:model-value"?: ((step: number) => any) | undefined;
             };
             $attrs: {
                 [x: string]: unknown;
@@ -4095,24 +4423,14 @@ export declare const components: {
             }>;
             $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
             $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
-            $emit: (event: "update:model-value", step: number) => void;
+            $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
                 modelValue: {
                     type: NumberConstructor;
                     required: true;
                 };
-                orientation: {
-                    type: import("vue").PropType<"horizontal" | "vertical">;
-                    default: string;
-                };
-            }>> & {
-                "onUpdate:model-value"?: ((step: number) => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:model-value": (step: number) => void;
-            }, string, {
-                orientation: "horizontal" | "vertical";
-            }, {}, string, {}> & {
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
                 beforeCreate?: ((() => void) | (() => void)[]) | undefined;
                 created?: ((() => void) | (() => void)[]) | undefined;
                 beforeMount?: ((() => void) | (() => void)[]) | undefined;
@@ -4137,13 +4455,7 @@ export declare const components: {
                 type: NumberConstructor;
                 required: true;
             };
-            orientation: {
-                type: import("vue").PropType<"horizontal" | "vertical">;
-                default: string;
-            };
-        }>> & {
-            "onUpdate:model-value"?: ((step: number) => any) | undefined;
-        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: undefined;
         __isTeleport?: undefined;
         __isSuspense?: undefined;
@@ -4152,86 +4464,19 @@ export declare const components: {
             type: NumberConstructor;
             required: true;
         };
-        orientation: {
-            type: import("vue").PropType<"horizontal" | "vertical">;
-            default: string;
-        };
-    }>> & {
-        "onUpdate:model-value"?: ((step: number) => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        "update:model-value": (step: number) => void;
-    }, string, {
-        orientation: "horizontal" | "vertical";
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
-            contents?(_: {}): any;
-            actions?(_: {}): any;
         };
     });
-    FmStep: import("vue").DefineComponent<{
-        title: {
-            type: StringConstructor;
-            required: true;
-        };
-        description: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        value: {
-            type: NumberConstructor;
-            required: true;
-        };
-        complete: {
-            type: import("vue").PropType<() => boolean>;
-            required: true;
-        };
-        error: {
-            type: import("vue").PropType<() => boolean>;
-            default: undefined;
-        };
-        disabled: {
-            type: import("vue").PropType<() => boolean>;
-            default: undefined;
-        };
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: StringConstructor;
-            required: true;
-        };
-        description: {
-            type: StringConstructor;
-            default: undefined;
-        };
-        value: {
-            type: NumberConstructor;
-            required: true;
-        };
-        complete: {
-            type: import("vue").PropType<() => boolean>;
-            required: true;
-        };
-        error: {
-            type: import("vue").PropType<() => boolean>;
-            default: undefined;
-        };
-        disabled: {
-            type: import("vue").PropType<() => boolean>;
-            default: undefined;
-        };
-    }>>, {
-        disabled: () => boolean;
-        error: () => boolean;
-        description: string;
-    }, {}>;
     FmSnackbar: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: {
+                variant?: ("info" | "success" | "warning" | "neutral" | "error") | undefined;
                 title?: string | undefined;
                 color?: string | undefined;
-                variant?: ("error" | "info" | "success" | "warning" | "neutral") | undefined;
                 description?: string | undefined;
                 dismissable?: boolean | undefined;
                 action?: string | undefined;
@@ -4306,7 +4551,7 @@ export declare const components: {
                     default: undefined;
                 };
                 variant: {
-                    type: import("vue").PropType<"error" | "info" | "success" | "warning" | "neutral">;
+                    type: import("vue").PropType<"info" | "success" | "warning" | "neutral" | "error">;
                     default: string;
                 };
                 dismissable: {
@@ -4332,9 +4577,9 @@ export declare const components: {
                 onDismiss: () => void;
                 onAction: () => void;
             }, string, {
+                variant: "info" | "success" | "warning" | "neutral" | "error";
                 title: string;
                 color: string;
-                variant: "error" | "info" | "success" | "warning" | "neutral";
                 description: string;
                 dismissable: boolean;
                 action: string;
@@ -4369,7 +4614,7 @@ export declare const components: {
                 default: undefined;
             };
             variant: {
-                type: import("vue").PropType<"error" | "info" | "success" | "warning" | "neutral">;
+                type: import("vue").PropType<"info" | "success" | "warning" | "neutral" | "error">;
                 default: string;
             };
             dismissable: {
@@ -4405,7 +4650,7 @@ export declare const components: {
             default: undefined;
         };
         variant: {
-            type: import("vue").PropType<"error" | "info" | "success" | "warning" | "neutral">;
+            type: import("vue").PropType<"info" | "success" | "warning" | "neutral" | "error">;
             default: string;
         };
         dismissable: {
@@ -4431,9 +4676,9 @@ export declare const components: {
         onDismiss: () => void;
         onAction: () => void;
     }, string, {
+        variant: "info" | "success" | "warning" | "neutral" | "error";
         title: string;
         color: string;
-        variant: "error" | "info" | "success" | "warning" | "neutral";
         description: string;
         dismissable: boolean;
         action: string;
@@ -4444,6 +4689,199 @@ export declare const components: {
         };
     });
     FmSpacer: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    FmStep: import("vue").DefineComponent<{
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        description: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        complete: {
+            type: import("vue").PropType<() => boolean>;
+            required: true;
+        };
+        error: {
+            type: import("vue").PropType<() => boolean>;
+            default: undefined;
+        };
+        disabled: {
+            type: import("vue").PropType<() => boolean>;
+            default: undefined;
+        };
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        title: {
+            type: StringConstructor;
+            required: true;
+        };
+        description: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        value: {
+            type: NumberConstructor;
+            required: true;
+        };
+        complete: {
+            type: import("vue").PropType<() => boolean>;
+            required: true;
+        };
+        error: {
+            type: import("vue").PropType<() => boolean>;
+            default: undefined;
+        };
+        disabled: {
+            type: import("vue").PropType<() => boolean>;
+            default: undefined;
+        };
+    }>>, {
+        disabled: () => boolean;
+        error: () => boolean;
+        description: string;
+    }, {}>;
+    FmStepper: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                orientation?: ("horizontal" | "vertical") | undefined;
+                style?: unknown;
+                class?: unknown;
+                key?: string | number | symbol | undefined;
+                ref?: import("vue").VNodeRef | undefined;
+                ref_for?: boolean | undefined;
+                ref_key?: string | undefined;
+                onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                    [key: string]: any;
+                }>) => void)[] | undefined;
+                readonly modelValue: number;
+                "onUpdate:model-value"?: ((step: number) => any) | undefined;
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any> | undefined;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+            $emit: (event: "update:model-value", step: number) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                modelValue: {
+                    type: NumberConstructor;
+                    required: true;
+                };
+                orientation: {
+                    type: import("vue").PropType<"horizontal" | "vertical">;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:model-value"?: ((step: number) => any) | undefined;
+            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+                "update:model-value": (step: number) => void;
+            }, string, {
+                orientation: "horizontal" | "vertical";
+            }, {}, string, {}> & {
+                beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+                created?: ((() => void) | (() => void)[]) | undefined;
+                beforeMount?: ((() => void) | (() => void)[]) | undefined;
+                mounted?: ((() => void) | (() => void)[]) | undefined;
+                beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+                updated?: ((() => void) | (() => void)[]) | undefined;
+                activated?: ((() => void) | (() => void)[]) | undefined;
+                deactivated?: ((() => void) | (() => void)[]) | undefined;
+                beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+                beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+                destroyed?: ((() => void) | (() => void)[]) | undefined;
+                unmounted?: ((() => void) | (() => void)[]) | undefined;
+                renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+                errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import("vue").nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: NumberConstructor;
+                required: true;
+            };
+            orientation: {
+                type: import("vue").PropType<"horizontal" | "vertical">;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:model-value"?: ((step: number) => any) | undefined;
+        } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: undefined;
+        __isTeleport?: undefined;
+        __isSuspense?: undefined;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: NumberConstructor;
+            required: true;
+        };
+        orientation: {
+            type: import("vue").PropType<"horizontal" | "vertical">;
+            default: string;
+        };
+    }>> & {
+        "onUpdate:model-value"?: ((step: number) => any) | undefined;
+    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:model-value": (step: number) => void;
+    }, string, {
+        orientation: "horizontal" | "vertical";
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+            contents?(_: {}): any;
+            actions?(_: {}): any;
+        };
+    });
     FmTimeInput: import("vue").DefineComponent<{
         modelValue: {
             type: import("vue").PropType<import("./components/time-picker/FmTimeInput.vue").TimeInputData>;
@@ -4482,7 +4920,7 @@ export declare const components: {
             $data: {};
             $props: {
                 variant?: "plain" | "rich" | undefined;
-                beak?: "left" | "right" | "bottom" | "top" | undefined;
+                beak?: "left" | "right" | "top" | "bottom" | undefined;
                 hasArrow?: boolean | undefined;
                 titleText?: string | undefined;
                 style?: unknown;
@@ -4555,7 +4993,7 @@ export declare const components: {
                     default: string;
                 };
                 beak: {
-                    type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                    type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
                     required: true;
                     default: string;
                 };
@@ -4581,7 +5019,7 @@ export declare const components: {
                 };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 variant: "plain" | "rich";
-                beak: "left" | "right" | "bottom" | "top";
+                beak: "left" | "right" | "top" | "bottom";
                 hasArrow: boolean;
                 titleText: string;
             }, {}, string, {}> & {
@@ -4611,7 +5049,7 @@ export declare const components: {
                 default: string;
             };
             beak: {
-                type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+                type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
                 required: true;
                 default: string;
             };
@@ -4646,7 +5084,7 @@ export declare const components: {
             default: string;
         };
         beak: {
-            type: import("vue").PropType<"left" | "right" | "bottom" | "top">;
+            type: import("vue").PropType<"left" | "right" | "top" | "bottom">;
             required: true;
             default: string;
         };
@@ -4672,7 +5110,7 @@ export declare const components: {
         };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
         variant: "plain" | "rich";
-        beak: "left" | "right" | "bottom" | "top";
+        beak: "left" | "right" | "top" | "bottom";
         hasArrow: boolean;
         titleText: string;
     }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {