npm - @scalar/components - Versions diffs - 0.0.1 - Mend

@scalar/components 0.0.1

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

package/dist/components/ScalarButton/ScalarButton.stories.d.ts ADDED Viewed

@@ -0,0 +1,889 @@
+import type { StoryObj } from '@storybook/vue3';
+/**
+ * - Default slot must be text only as it becomes the [aria]-label
+ * - If you are looking for an icon only button, use ScalarIconButton instead, its a helpful wrapper around this component
+ */
+declare const meta: {
+    component: {
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                size?: any;
+                isDisabled?: boolean;
+                variant?: any;
+                isFullWidth?: boolean;
+                readonly loadingState?: {
+                    valid: boolean;
+                    invalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    isValid: (time?: number) => Promise<unknown>;
+                    isInvalid: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                };
+                style?: unknown;
+                readonly title?: string;
+                class?: unknown;
+                key?: string | number | symbol;
+                ref?: import("vue").VNodeRef;
+                ref_for?: boolean;
+                ref_key?: string;
+                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)[];
+                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)[];
+                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)[];
+                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)[];
+                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)[];
+                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)[];
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any>;
+            }>;
+            $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<{
+                size: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                };
+                isDisabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                isFullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: any;
+                isDisabled: boolean;
+                variant: any;
+                isFullWidth: boolean;
+            }, {}, 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<{
+            size: {
+                type: import("vue").PropType<any>;
+                default: string;
+            };
+            loadingState: {
+                type: import("vue").PropType<{
+                    valid: boolean;
+                    invalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    isValid: (time?: number) => Promise<unknown>;
+                    isInvalid: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+            };
+            isDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            variant: {
+                type: import("vue").PropType<any>;
+                default: string;
+            };
+            isFullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<any>;
+            default: string;
+        };
+        loadingState: {
+            type: import("vue").PropType<{
+                valid: boolean;
+                invalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                isValid: (time?: number) => Promise<unknown>;
+                isInvalid: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            }>;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        isDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        variant: {
+            type: import("vue").PropType<any>;
+            default: string;
+        };
+        isFullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: any;
+        isDisabled: boolean;
+        variant: any;
+        isFullWidth: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    });
+    tags: string[];
+    argTypes: {
+        size: {
+            control: string;
+            options: string[];
+        };
+        variant: {
+            control: string;
+            options: string[];
+        };
+    };
+    render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
+        new (...args: any[]): {
+            $: import("vue").ComponentInternalInstance;
+            $data: {};
+            $props: {
+                size?: any;
+                isDisabled?: boolean;
+                variant?: any;
+                isFullWidth?: boolean;
+                readonly loadingState?: {
+                    valid: boolean;
+                    invalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    isValid: (time?: number) => Promise<unknown>;
+                    isInvalid: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                };
+                style?: unknown;
+                readonly title?: string;
+                class?: unknown;
+                key?: string | number | symbol;
+                ref?: import("vue").VNodeRef;
+                ref_for?: boolean;
+                ref_key?: string;
+                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)[];
+                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)[];
+                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)[];
+                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)[];
+                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)[];
+                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)[];
+            };
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            };
+            $slots: Readonly<{
+                [name: string]: import("vue").Slot<any>;
+            }>;
+            $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<{
+                size: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                };
+                isDisabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                isFullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: any;
+                isDisabled: boolean;
+                variant: any;
+                isFullWidth: boolean;
+            }, {}, 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<{
+            size: {
+                type: import("vue").PropType<any>;
+                default: string;
+            };
+            loadingState: {
+                type: import("vue").PropType<{
+                    valid: boolean;
+                    invalid: boolean;
+                    isLoading: boolean;
+                    startLoading: () => void;
+                    stopLoading: () => void;
+                    isValid: (time?: number) => Promise<unknown>;
+                    isInvalid: (time?: number) => Promise<unknown>;
+                    clear: (time?: number) => Promise<unknown>;
+                }>;
+            };
+            title: {
+                type: import("vue").PropType<string>;
+            };
+            isDisabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            variant: {
+                type: import("vue").PropType<any>;
+                default: string;
+            };
+            isFullWidth: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+        size: {
+            type: import("vue").PropType<any>;
+            default: string;
+        };
+        loadingState: {
+            type: import("vue").PropType<{
+                valid: boolean;
+                invalid: boolean;
+                isLoading: boolean;
+                startLoading: () => void;
+                stopLoading: () => void;
+                isValid: (time?: number) => Promise<unknown>;
+                isInvalid: (time?: number) => Promise<unknown>;
+                clear: (time?: number) => Promise<unknown>;
+            }>;
+        };
+        title: {
+            type: import("vue").PropType<string>;
+        };
+        isDisabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        variant: {
+            type: import("vue").PropType<any>;
+            default: string;
+        };
+        isFullWidth: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+        size: any;
+        isDisabled: boolean;
+        variant: any;
+        isFullWidth: boolean;
+    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+        $slots: {
+            icon?(_: {}): any;
+            default?(_: {}): any;
+        };
+    })>) => {
+        components: {
+            ScalarButton: {
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        size?: any;
+                        isDisabled?: boolean;
+                        variant?: any;
+                        isFullWidth?: boolean;
+                        readonly loadingState?: {
+                            valid: boolean;
+                            invalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            isValid: (time?: number) => Promise<unknown>;
+                            isInvalid: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        };
+                        style?: unknown;
+                        readonly title?: string;
+                        class?: unknown;
+                        key?: string | number | symbol;
+                        ref?: import("vue").VNodeRef;
+                        ref_for?: boolean;
+                        ref_key?: string;
+                        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)[];
+                        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)[];
+                        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)[];
+                        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)[];
+                        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)[];
+                        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)[];
+                    };
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any>;
+                    }>;
+                    $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<{
+                        size: {
+                            type: import("vue").PropType<any>;
+                            default: string;
+                        };
+                        loadingState: {
+                            type: import("vue").PropType<{
+                                valid: boolean;
+                                invalid: boolean;
+                                isLoading: boolean;
+                                startLoading: () => void;
+                                stopLoading: () => void;
+                                isValid: (time?: number) => Promise<unknown>;
+                                isInvalid: (time?: number) => Promise<unknown>;
+                                clear: (time?: number) => Promise<unknown>;
+                            }>;
+                        };
+                        title: {
+                            type: import("vue").PropType<string>;
+                        };
+                        isDisabled: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                        variant: {
+                            type: import("vue").PropType<any>;
+                            default: string;
+                        };
+                        isFullWidth: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                        size: any;
+                        isDisabled: boolean;
+                        variant: any;
+                        isFullWidth: boolean;
+                    }, {}, 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<{
+                    size: {
+                        type: import("vue").PropType<any>;
+                        default: string;
+                    };
+                    loadingState: {
+                        type: import("vue").PropType<{
+                            valid: boolean;
+                            invalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            isValid: (time?: number) => Promise<unknown>;
+                            isInvalid: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                    title: {
+                        type: import("vue").PropType<string>;
+                    };
+                    isDisabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: import("vue").PropType<any>;
+                        default: string;
+                    };
+                    isFullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                };
+                isDisabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                isFullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: any;
+                isDisabled: boolean;
+                variant: any;
+                isFullWidth: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            });
+        };
+        setup(this: void): {
+            args: import("@storybook/vue3").ComponentPropsAndSlots<{
+                new (...args: any[]): {
+                    $: import("vue").ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        size?: any;
+                        isDisabled?: boolean;
+                        variant?: any;
+                        isFullWidth?: boolean;
+                        readonly loadingState?: {
+                            valid: boolean;
+                            invalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            isValid: (time?: number) => Promise<unknown>;
+                            isInvalid: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        };
+                        style?: unknown;
+                        readonly title?: string;
+                        class?: unknown;
+                        key?: string | number | symbol;
+                        ref?: import("vue").VNodeRef;
+                        ref_for?: boolean;
+                        ref_key?: string;
+                        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)[];
+                        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)[];
+                        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)[];
+                        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)[];
+                        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)[];
+                        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)[];
+                    };
+                    $attrs: {
+                        [x: string]: unknown;
+                    };
+                    $refs: {
+                        [x: string]: unknown;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import("vue").Slot<any>;
+                    }>;
+                    $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<{
+                        size: {
+                            type: import("vue").PropType<any>;
+                            default: string;
+                        };
+                        loadingState: {
+                            type: import("vue").PropType<{
+                                valid: boolean;
+                                invalid: boolean;
+                                isLoading: boolean;
+                                startLoading: () => void;
+                                stopLoading: () => void;
+                                isValid: (time?: number) => Promise<unknown>;
+                                isInvalid: (time?: number) => Promise<unknown>;
+                                clear: (time?: number) => Promise<unknown>;
+                            }>;
+                        };
+                        title: {
+                            type: import("vue").PropType<string>;
+                        };
+                        isDisabled: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                        variant: {
+                            type: import("vue").PropType<any>;
+                            default: string;
+                        };
+                        isFullWidth: {
+                            type: import("vue").PropType<boolean>;
+                            default: boolean;
+                        };
+                    }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                        size: any;
+                        isDisabled: boolean;
+                        variant: any;
+                        isFullWidth: boolean;
+                    }, {}, 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<{
+                    size: {
+                        type: import("vue").PropType<any>;
+                        default: string;
+                    };
+                    loadingState: {
+                        type: import("vue").PropType<{
+                            valid: boolean;
+                            invalid: boolean;
+                            isLoading: boolean;
+                            startLoading: () => void;
+                            stopLoading: () => void;
+                            isValid: (time?: number) => Promise<unknown>;
+                            isInvalid: (time?: number) => Promise<unknown>;
+                            clear: (time?: number) => Promise<unknown>;
+                        }>;
+                    };
+                    title: {
+                        type: import("vue").PropType<string>;
+                    };
+                    isDisabled: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                    variant: {
+                        type: import("vue").PropType<any>;
+                        default: string;
+                    };
+                    isFullWidth: {
+                        type: import("vue").PropType<boolean>;
+                        default: boolean;
+                    };
+                }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+                __isFragment?: never;
+                __isTeleport?: never;
+                __isSuspense?: never;
+            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+                size: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                loadingState: {
+                    type: import("vue").PropType<{
+                        valid: boolean;
+                        invalid: boolean;
+                        isLoading: boolean;
+                        startLoading: () => void;
+                        stopLoading: () => void;
+                        isValid: (time?: number) => Promise<unknown>;
+                        isInvalid: (time?: number) => Promise<unknown>;
+                        clear: (time?: number) => Promise<unknown>;
+                    }>;
+                };
+                title: {
+                    type: import("vue").PropType<string>;
+                };
+                isDisabled: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+                variant: {
+                    type: import("vue").PropType<any>;
+                    default: string;
+                };
+                isFullWidth: {
+                    type: import("vue").PropType<boolean>;
+                    default: boolean;
+                };
+            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+                size: any;
+                isDisabled: boolean;
+                variant: any;
+                isFullWidth: boolean;
+            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                $slots: {
+                    icon?(_: {}): any;
+                    default?(_: {}): any;
+                };
+            })>;
+        };
+        template: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Base: Story;
+export declare const FullWidth: Story;
+export declare const Loading: Story;
+export declare const LoadingFullWidth: Story;
+export declare const ButtonWithIcon: Story;
+export declare const IconOnly: Story;
+//# sourceMappingURL=ScalarButton.stories.d.ts.map