@ironsource/shared-ui 2.1.8-rc.6 → 2.1.8-rc.8

package/index.d.ts

@@ -4181,6 +4181,266 @@ declare const _default: {
         destroy: () => boolean;
     };
     snackbarTypes: readonly ["success", "info", "error"];
+    Loader: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "maxWidth" | "strokeWidth" | "paddingOffsetPx" | "paddingOffsetPercentage">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $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>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            strokeWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPx: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPercentage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        strokeWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPx: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPercentage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        maxWidth: number;
+        strokeWidth: number;
+        paddingOffsetPx: number;
+        paddingOffsetPercentage: number;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+    LoaderTypes: () => ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "maxWidth" | "strokeWidth" | "paddingOffsetPx" | "paddingOffsetPercentage">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                maxWidth: {
+                    type: import("vue").PropType<number>;
+                    default: any;
+                };
+                strokeWidth: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPx: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+                paddingOffsetPercentage: {
+                    type: import("vue").PropType<number>;
+                    default: number;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                maxWidth: number;
+                strokeWidth: number;
+                paddingOffsetPx: number;
+                paddingOffsetPercentage: number;
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $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>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            maxWidth: {
+                type: import("vue").PropType<number>;
+                default: any;
+            };
+            strokeWidth: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPx: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+            paddingOffsetPercentage: {
+                type: import("vue").PropType<number>;
+                default: number;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        maxWidth: {
+            type: import("vue").PropType<number>;
+            default: any;
+        };
+        strokeWidth: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPx: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+        paddingOffsetPercentage: {
+            type: import("vue").PropType<number>;
+            default: number;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        maxWidth: number;
+        strokeWidth: number;
+        paddingOffsetPx: number;
+        paddingOffsetPercentage: number;
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }))[];
     SkeletonTypes: () => ({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
@@ -17033,6 +17293,7 @@ declare const _default: {
         $slots: {
             image?(_: {}): any;
             "icon-start"?(_: {}): any;
+            "displayed-value"?(_: {}): any;
             "end-icon"?(_: {}): any;
         };
     });
@@ -18339,6 +18600,7 @@ declare const _default: {
         $slots: {
             image?(_: {}): any;
             "icon-start"?(_: {}): any;
+            "displayed-value"?(_: {}): any;
             "end-icon"?(_: {}): any;
         };
     })) | ({
@@ -22423,35 +22685,19 @@ declare const _default: {
             default?(_: {}): any;
         };
     });
-    ButtonTypes: () => (({
+    ButtonGroup: {
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
             $props: Partial<{
-                testId: string;
                 variant: "text" | "contained" | "outlined";
-                disabled: boolean;
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
                 size: "small" | "medium" | "large" | "extraLarge";
-                content: string;
-                loading: boolean;
-                startIconName: string;
-                endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
-                testId: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 variant: {
                     type: import("vue").PropType<"text" | "contained" | "outlined">;
                     default: string;
                 };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 color: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
@@ -22460,31 +22706,7 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                     default: string;
                 };
-                content: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                startIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                endIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
-                endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "testId" | "variant" | "disabled" | "color" | "size" | "content" | "loading" | "startIconName" | "endIconName" | "startIconType" | "endIconType">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -22499,18 +22721,10 @@ declare const _default: {
             $emit: (event: string, ...args: any[]) => void;
             $el: any;
             $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                testId: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
                 variant: {
                     type: import("vue").PropType<"text" | "contained" | "outlined">;
                     default: string;
                 };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
                 color: {
                     type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                     default: string;
@@ -22519,42 +22733,10 @@ declare const _default: {
                     type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                     default: string;
                 };
-                content: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                loading: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                startIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                endIconName: {
-                    type: import("vue").PropType<string>;
-                    default: any;
-                };
-                startIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
-                endIconType: {
-                    type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                    default: string;
-                };
             }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-                testId: string;
                 variant: "text" | "contained" | "outlined";
-                disabled: boolean;
                 color: "default" | "primary" | "danger" | "info" | "success" | "warning";
                 size: "small" | "medium" | "large" | "extraLarge";
-                content: string;
-                loading: boolean;
-                startIconName: string;
-                endIconName: string;
-                startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-                endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
             }, {}, string> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -22576,18 +22758,10 @@ declare const _default: {
             $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>): import("vue").WatchStopHandle;
         } & Readonly<import("vue").ExtractPropTypes<{
-            testId: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
             variant: {
                 type: import("vue").PropType<"text" | "contained" | "outlined">;
                 default: string;
             };
-            disabled: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
             color: {
                 type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
                 default: string;
@@ -22596,47 +22770,15 @@ declare const _default: {
                 type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
                 default: string;
             };
-            content: {
-                type: import("vue").PropType<string>;
-                default: string;
-            };
-            loading: {
-                type: import("vue").PropType<boolean>;
-                default: boolean;
-            };
-            startIconName: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            endIconName: {
-                type: import("vue").PropType<string>;
-                default: any;
-            };
-            startIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
-            endIconType: {
-                type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-                default: string;
-            };
         }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
     } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        testId: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
         variant: {
             type: import("vue").PropType<"text" | "contained" | "outlined">;
             default: string;
         };
-        disabled: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
         color: {
             type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
             default: string;
@@ -22645,48 +22787,16 @@ declare const _default: {
             type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
             default: string;
         };
-        content: {
-            type: import("vue").PropType<string>;
-            default: string;
-        };
-        loading: {
-            type: import("vue").PropType<boolean>;
-            default: boolean;
-        };
-        startIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        endIconName: {
-            type: import("vue").PropType<string>;
-            default: any;
-        };
-        startIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
-        endIconType: {
-            type: import("vue").PropType<"fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate">;
-            default: string;
-        };
     }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
-        testId: string;
         variant: "text" | "contained" | "outlined";
-        disabled: boolean;
         color: "default" | "primary" | "danger" | "info" | "success" | "warning";
         size: "small" | "medium" | "large" | "extraLarge";
-        content: string;
-        loading: boolean;
-        startIconName: string;
-        endIconName: string;
-        startIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
-        endIconType: "fill" | "bold" | "regular" | "branded" | "ad-unit" | "ab-test" | "ad-networks" | "ad-networks/flat" | "content-rate";
     }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             default?(_: {}): any;
-            loader?(_: {}): any;
         };
-    })) | ({
+    });
+    ButtonTypes: () => (({
         new (...args: any[]): {
             $: import("vue").ComponentInternalInstance;
             $data: {};
@@ -22872,6 +22982,116 @@ declare const _default: {
         $slots: {
             default?(_: {}): any;
         };
+    })) | ({
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                variant: "text" | "contained" | "outlined";
+                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+                size: "small" | "medium" | "large" | "extraLarge";
+            }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "variant" | "color" | "size">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot;
+            }>;
+            $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                variant: {
+                    type: import("vue").PropType<"text" | "contained" | "outlined">;
+                    default: string;
+                };
+                color: {
+                    type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                    default: string;
+                };
+                size: {
+                    type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                    default: string;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                variant: "text" | "contained" | "outlined";
+                color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+                size: "small" | "medium" | "large" | "extraLarge";
+            }, {}, string> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void)[];
+            };
+            $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>): import("vue").WatchStopHandle;
+        } & Readonly<import("vue").ExtractPropTypes<{
+            variant: {
+                type: import("vue").PropType<"text" | "contained" | "outlined">;
+                default: string;
+            };
+            color: {
+                type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+                default: string;
+            };
+            size: {
+                type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+                default: string;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        variant: {
+            type: import("vue").PropType<"text" | "contained" | "outlined">;
+            default: string;
+        };
+        color: {
+            type: import("vue").PropType<"default" | "primary" | "danger" | "info" | "success" | "warning">;
+            default: string;
+        };
+        size: {
+            type: import("vue").PropType<"small" | "medium" | "large" | "extraLarge">;
+            default: string;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        variant: "text" | "contained" | "outlined";
+        color: "default" | "primary" | "danger" | "info" | "success" | "warning";
+        size: "small" | "medium" | "large" | "extraLarge";
+    }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
     })))[];
     ScrollButton: import("vue").DefineComponent<{
         tooltipText: {