@scalar/components 0.12.53 → 0.12.55

package/dist/components/ScalarTooltip/ScalarTooltip.stories.d.ts

@@ -1,119 +1,44 @@
 import type { StoryObj } from '@storybook/vue3';
 declare const meta: {
     component: {
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            delay: {
-                type: import("vue").PropType<number>;
-            };
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            click: {
-                type: import("vue").PropType<() => void>;
-            };
-            align: {
-                type: import("vue").PropType<"end" | "start" | "center">;
-                default: string;
-            };
-            side: {
-                type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                default: string;
-            };
-            sideOffset: {
-                type: import("vue").PropType<number>;
-            };
-            triggerClass: {
-                type: import("vue").PropType<string>;
-            };
-            skipDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            click?: () => void;
+            delay?: number;
+            skipDelay?: number;
+            align?: "start" | "center" | "end";
+            side?: "top" | "right" | "bottom" | "left";
+            sideOffset?: number;
+            class?: string;
+            triggerClass?: string;
+            resize?: boolean;
+        }> & Readonly<{
             onClick?: (() => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: () => void;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            delay: {
-                type: import("vue").PropType<number>;
-            };
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            click: {
-                type: import("vue").PropType<() => void>;
-            };
-            align: {
-                type: import("vue").PropType<"end" | "start" | "center">;
-                default: string;
-            };
-            side: {
-                type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                default: string;
-            };
-            sideOffset: {
-                type: import("vue").PropType<number>;
-            };
-            triggerClass: {
-                type: import("vue").PropType<string>;
-            };
-            skipDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & {
-            onClick?: (() => any) | undefined;
-        }, {
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            click: () => any;
+        }, import("vue").PublicProps, {
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
-        }, true, {}, {}, {
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            delay: {
-                type: import("vue").PropType<number>;
-            };
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            click: {
-                type: import("vue").PropType<() => void>;
-            };
-            align: {
-                type: import("vue").PropType<"end" | "start" | "center">;
-                default: string;
-            };
-            side: {
-                type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                default: string;
-            };
-            sideOffset: {
-                type: import("vue").PropType<number>;
-            };
-            triggerClass: {
-                type: import("vue").PropType<string>;
-            };
-            skipDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & {
+        }, Readonly<{
+            click?: () => void;
+            delay?: number;
+            skipDelay?: number;
+            align?: "start" | "center" | "end";
+            side?: "top" | "right" | "bottom" | "left";
+            sideOffset?: number;
+            class?: string;
+            triggerClass?: string;
+            resize?: boolean;
+        }> & Readonly<{
             onClick?: (() => any) | undefined;
-        }, {}, {}, {}, {}, {
+        }>, {}, {}, {}, {}, {
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
@@ -121,46 +46,25 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        delay: {
-            type: import("vue").PropType<number>;
-        };
-        resize: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<string>;
-        };
-        click: {
-            type: import("vue").PropType<() => void>;
-        };
-        align: {
-            type: import("vue").PropType<"end" | "start" | "center">;
-            default: string;
-        };
-        side: {
-            type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-            default: string;
-        };
-        sideOffset: {
-            type: import("vue").PropType<number>;
-        };
-        triggerClass: {
-            type: import("vue").PropType<string>;
-        };
-        skipDelay: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-    }>> & {
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        click?: () => void;
+        delay?: number;
+        skipDelay?: number;
+        align?: "start" | "center" | "end";
+        side?: "top" | "right" | "bottom" | "left";
+        sideOffset?: number;
+        class?: string;
+        triggerClass?: string;
+        resize?: boolean;
+    }> & Readonly<{
         onClick?: (() => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: () => void;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        click: () => any;
     }, string, {
         align: "start" | "center" | "end";
         side: "top" | "right" | "bottom" | "left";
         skipDelay: number;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             trigger?(_: {}): any;
             content?(_: {}): any;
@@ -186,119 +90,44 @@ declare const meta: {
         };
     };
     render: (args: import("@storybook/vue3").ComponentPropsAndSlots<{
-        new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-            delay: {
-                type: import("vue").PropType<number>;
-            };
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            click: {
-                type: import("vue").PropType<() => void>;
-            };
-            align: {
-                type: import("vue").PropType<"end" | "start" | "center">;
-                default: string;
-            };
-            side: {
-                type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                default: string;
-            };
-            sideOffset: {
-                type: import("vue").PropType<number>;
-            };
-            triggerClass: {
-                type: import("vue").PropType<string>;
-            };
-            skipDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & {
-            onClick?: (() => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-            click: () => void;
-        }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-            delay: {
-                type: import("vue").PropType<number>;
-            };
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            click: {
-                type: import("vue").PropType<() => void>;
-            };
-            align: {
-                type: import("vue").PropType<"end" | "start" | "center">;
-                default: string;
-            };
-            side: {
-                type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                default: string;
-            };
-            sideOffset: {
-                type: import("vue").PropType<number>;
-            };
-            triggerClass: {
-                type: import("vue").PropType<string>;
-            };
-            skipDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & {
+        new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+            click?: () => void;
+            delay?: number;
+            skipDelay?: number;
+            align?: "start" | "center" | "end";
+            side?: "top" | "right" | "bottom" | "left";
+            sideOffset?: number;
+            class?: string;
+            triggerClass?: string;
+            resize?: boolean;
+        }> & Readonly<{
             onClick?: (() => any) | undefined;
-        }, {
+        }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+            click: () => any;
+        }, import("vue").PublicProps, {
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
-        }, true, {}, {}, {
+        }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
             P: {};
             B: {};
             D: {};
             C: {};
             M: {};
             Defaults: {};
-        }, Readonly<import("vue").ExtractPropTypes<{
-            delay: {
-                type: import("vue").PropType<number>;
-            };
-            resize: {
-                type: import("vue").PropType<boolean>;
-            };
-            class: {
-                type: import("vue").PropType<string>;
-            };
-            click: {
-                type: import("vue").PropType<() => void>;
-            };
-            align: {
-                type: import("vue").PropType<"end" | "start" | "center">;
-                default: string;
-            };
-            side: {
-                type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                default: string;
-            };
-            sideOffset: {
-                type: import("vue").PropType<number>;
-            };
-            triggerClass: {
-                type: import("vue").PropType<string>;
-            };
-            skipDelay: {
-                type: import("vue").PropType<number>;
-                default: number;
-            };
-        }>> & {
+        }, Readonly<{
+            click?: () => void;
+            delay?: number;
+            skipDelay?: number;
+            align?: "start" | "center" | "end";
+            side?: "top" | "right" | "bottom" | "left";
+            sideOffset?: number;
+            class?: string;
+            triggerClass?: string;
+            resize?: boolean;
+        }> & Readonly<{
             onClick?: (() => any) | undefined;
-        }, {}, {}, {}, {}, {
+        }>, {}, {}, {}, {}, {
             align: "start" | "center" | "end";
             side: "top" | "right" | "bottom" | "left";
             skipDelay: number;
@@ -306,46 +135,25 @@ declare const meta: {
         __isFragment?: never;
         __isTeleport?: never;
         __isSuspense?: never;
-    } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-        delay: {
-            type: import("vue").PropType<number>;
-        };
-        resize: {
-            type: import("vue").PropType<boolean>;
-        };
-        class: {
-            type: import("vue").PropType<string>;
-        };
-        click: {
-            type: import("vue").PropType<() => void>;
-        };
-        align: {
-            type: import("vue").PropType<"end" | "start" | "center">;
-            default: string;
-        };
-        side: {
-            type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-            default: string;
-        };
-        sideOffset: {
-            type: import("vue").PropType<number>;
-        };
-        triggerClass: {
-            type: import("vue").PropType<string>;
-        };
-        skipDelay: {
-            type: import("vue").PropType<number>;
-            default: number;
-        };
-    }>> & {
+    } & import("vue").ComponentOptionsBase<Readonly<{
+        click?: () => void;
+        delay?: number;
+        skipDelay?: number;
+        align?: "start" | "center" | "end";
+        side?: "top" | "right" | "bottom" | "left";
+        sideOffset?: number;
+        class?: string;
+        triggerClass?: string;
+        resize?: boolean;
+    }> & Readonly<{
         onClick?: (() => any) | undefined;
-    }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        click: () => void;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+        click: () => any;
     }, string, {
         align: "start" | "center" | "end";
         side: "top" | "right" | "bottom" | "left";
         skipDelay: number;
-    }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
         $slots: {
             trigger?(_: {}): any;
             content?(_: {}): any;
@@ -353,119 +161,44 @@ declare const meta: {
     })>) => {
         components: {
             ScalarTooltip: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    delay: {
-                        type: import("vue").PropType<number>;
-                    };
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    class: {
-                        type: import("vue").PropType<string>;
-                    };
-                    click: {
-                        type: import("vue").PropType<() => void>;
-                    };
-                    align: {
-                        type: import("vue").PropType<"end" | "start" | "center">;
-                        default: string;
-                    };
-                    side: {
-                        type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                        default: string;
-                    };
-                    sideOffset: {
-                        type: import("vue").PropType<number>;
-                    };
-                    triggerClass: {
-                        type: import("vue").PropType<string>;
-                    };
-                    skipDelay: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                }>> & {
-                    onClick?: (() => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    click: () => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    delay: {
-                        type: import("vue").PropType<number>;
-                    };
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    class: {
-                        type: import("vue").PropType<string>;
-                    };
-                    click: {
-                        type: import("vue").PropType<() => void>;
-                    };
-                    align: {
-                        type: import("vue").PropType<"end" | "start" | "center">;
-                        default: string;
-                    };
-                    side: {
-                        type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                        default: string;
-                    };
-                    sideOffset: {
-                        type: import("vue").PropType<number>;
-                    };
-                    triggerClass: {
-                        type: import("vue").PropType<string>;
-                    };
-                    skipDelay: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                }>> & {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    click?: () => void;
+                    delay?: number;
+                    skipDelay?: number;
+                    align?: "start" | "center" | "end";
+                    side?: "top" | "right" | "bottom" | "left";
+                    sideOffset?: number;
+                    class?: string;
+                    triggerClass?: string;
+                    resize?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }, {
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                    click: () => any;
+                }, import("vue").PublicProps, {
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
-                }, true, {}, {}, {
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    delay: {
-                        type: import("vue").PropType<number>;
-                    };
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    class: {
-                        type: import("vue").PropType<string>;
-                    };
-                    click: {
-                        type: import("vue").PropType<() => void>;
-                    };
-                    align: {
-                        type: import("vue").PropType<"end" | "start" | "center">;
-                        default: string;
-                    };
-                    side: {
-                        type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                        default: string;
-                    };
-                    sideOffset: {
-                        type: import("vue").PropType<number>;
-                    };
-                    triggerClass: {
-                        type: import("vue").PropType<string>;
-                    };
-                    skipDelay: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                }>> & {
+                }, Readonly<{
+                    click?: () => void;
+                    delay?: number;
+                    skipDelay?: number;
+                    align?: "start" | "center" | "end";
+                    side?: "top" | "right" | "bottom" | "left";
+                    sideOffset?: number;
+                    class?: string;
+                    triggerClass?: string;
+                    resize?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }, {}, {}, {}, {}, {
+                }>, {}, {}, {}, {}, {
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
@@ -473,207 +206,79 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                delay: {
-                    type: import("vue").PropType<number>;
-                };
-                resize: {
-                    type: import("vue").PropType<boolean>;
-                };
-                class: {
-                    type: import("vue").PropType<string>;
-                };
-                click: {
-                    type: import("vue").PropType<() => void>;
-                };
-                align: {
-                    type: import("vue").PropType<"end" | "start" | "center">;
-                    default: string;
-                };
-                side: {
-                    type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                    default: string;
-                };
-                sideOffset: {
-                    type: import("vue").PropType<number>;
-                };
-                triggerClass: {
-                    type: import("vue").PropType<string>;
-                };
-                skipDelay: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-            }>> & {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                click?: () => void;
+                delay?: number;
+                skipDelay?: number;
+                align?: "start" | "center" | "end";
+                side?: "top" | "right" | "bottom" | "left";
+                sideOffset?: number;
+                class?: string;
+                triggerClass?: string;
+                resize?: boolean;
+            }> & Readonly<{
                 onClick?: (() => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                click: () => void;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                click: () => any;
             }, string, {
                 align: "start" | "center" | "end";
                 side: "top" | "right" | "bottom" | "left";
                 skipDelay: number;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     trigger?(_: {}): any;
                     content?(_: {}): any;
                 };
             });
             ScalarButton: {
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    size: {
-                        type: import("vue").PropType<"sm" | "md">;
-                        default: string;
-                    };
-                    type: {
-                        type: import("vue").PropType<"button" | "submit" | "reset">;
-                        default: string;
-                    };
-                    variant: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    disabled: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    fullWidth: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    loading: {
-                        type: import("vue").PropType<{
-                            isValid: boolean;
-                            isInvalid: boolean;
-                            isLoading: boolean;
-                            startLoading: () => void;
-                            stopLoading: () => void;
-                            validate: (time?: number, clear?: boolean) => Promise<unknown>;
-                            invalidate: (time?: number, clear?: boolean) => Promise<unknown>;
-                            clear: (time?: number) => Promise<unknown>;
-                        }>;
-                    };
-                }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    size: {
-                        type: import("vue").PropType<"sm" | "md">;
-                        default: string;
-                    };
-                    type: {
-                        type: import("vue").PropType<"button" | "submit" | "reset">;
-                        default: string;
-                    };
-                    variant: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    disabled: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    fullWidth: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    loading: {
-                        type: import("vue").PropType<{
-                            isValid: boolean;
-                            isInvalid: boolean;
-                            isLoading: boolean;
-                            startLoading: () => void;
-                            stopLoading: () => void;
-                            validate: (time?: number, clear?: boolean) => Promise<unknown>;
-                            invalidate: (time?: number, clear?: boolean) => Promise<unknown>;
-                            clear: (time?: number) => Promise<unknown>;
-                        }>;
-                    };
-                }>>, {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    disabled?: boolean;
+                    fullWidth?: boolean;
+                    loading?: import("../ScalarLoading").LoadingState;
+                    size?: import("../ScalarButton/variants.js").Variants["size"];
+                    variant?: import("../ScalarButton/variants.js").Variants["variant"];
+                    type?: "button" | "submit" | "reset";
+                }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
                     size: "sm" | "md";
-                    type: "button" | "submit" | "reset";
                     variant: string;
                     fullWidth: boolean;
-                }, true, {}, {}, {
+                    type: "button" | "submit" | "reset";
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    size: {
-                        type: import("vue").PropType<"sm" | "md">;
-                        default: string;
-                    };
-                    type: {
-                        type: import("vue").PropType<"button" | "submit" | "reset">;
-                        default: string;
-                    };
-                    variant: {
-                        type: import("vue").PropType<string>;
-                        default: string;
-                    };
-                    disabled: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    fullWidth: {
-                        type: import("vue").PropType<boolean>;
-                        default: boolean;
-                    };
-                    loading: {
-                        type: import("vue").PropType<{
-                            isValid: boolean;
-                            isInvalid: boolean;
-                            isLoading: boolean;
-                            startLoading: () => void;
-                            stopLoading: () => void;
-                            validate: (time?: number, clear?: boolean) => Promise<unknown>;
-                            invalidate: (time?: number, clear?: boolean) => Promise<unknown>;
-                            clear: (time?: number) => Promise<unknown>;
-                        }>;
-                    };
-                }>>, {}, {}, {}, {}, {
+                }, Readonly<{
+                    disabled?: boolean;
+                    fullWidth?: boolean;
+                    loading?: import("../ScalarLoading").LoadingState;
+                    size?: import("../ScalarButton/variants.js").Variants["size"];
+                    variant?: import("../ScalarButton/variants.js").Variants["variant"];
+                    type?: "button" | "submit" | "reset";
+                }> & Readonly<{}>, {}, {}, {}, {}, {
                     size: "sm" | "md";
-                    type: "button" | "submit" | "reset";
                     variant: string;
                     fullWidth: boolean;
+                    type: "button" | "submit" | "reset";
                 }>;
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                size: {
-                    type: import("vue").PropType<"sm" | "md">;
-                    default: string;
-                };
-                type: {
-                    type: import("vue").PropType<"button" | "submit" | "reset">;
-                    default: string;
-                };
-                variant: {
-                    type: import("vue").PropType<string>;
-                    default: string;
-                };
-                disabled: {
-                    type: import("vue").PropType<boolean>;
-                };
-                fullWidth: {
-                    type: import("vue").PropType<boolean>;
-                    default: boolean;
-                };
-                loading: {
-                    type: import("vue").PropType<{
-                        isValid: boolean;
-                        isInvalid: boolean;
-                        isLoading: boolean;
-                        startLoading: () => void;
-                        stopLoading: () => void;
-                        validate: (time?: number, clear?: boolean) => Promise<unknown>;
-                        invalidate: (time?: number, clear?: boolean) => Promise<unknown>;
-                        clear: (time?: number) => Promise<unknown>;
-                    }>;
-                };
-            }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                disabled?: boolean;
+                fullWidth?: boolean;
+                loading?: import("../ScalarLoading").LoadingState;
+                size?: import("../ScalarButton/variants.js").Variants["size"];
+                variant?: import("../ScalarButton/variants.js").Variants["variant"];
+                type?: "button" | "submit" | "reset";
+            }> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
                 size: "sm" | "md";
-                type: "button" | "submit" | "reset";
                 variant: string;
                 fullWidth: boolean;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+                type: "button" | "submit" | "reset";
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     icon?(_: {}): any;
                     default?(_: {}): any;
@@ -683,119 +288,44 @@ declare const meta: {
         };
         setup(this: void): {
             args: import("@storybook/vue3").ComponentPropsAndSlots<{
-                new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{
-                    delay: {
-                        type: import("vue").PropType<number>;
-                    };
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    class: {
-                        type: import("vue").PropType<string>;
-                    };
-                    click: {
-                        type: import("vue").PropType<() => void>;
-                    };
-                    align: {
-                        type: import("vue").PropType<"end" | "start" | "center">;
-                        default: string;
-                    };
-                    side: {
-                        type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                        default: string;
-                    };
-                    sideOffset: {
-                        type: import("vue").PropType<number>;
-                    };
-                    triggerClass: {
-                        type: import("vue").PropType<string>;
-                    };
-                    skipDelay: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                }>> & {
-                    onClick?: (() => any) | undefined;
-                }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                    click: () => void;
-                }, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
-                    delay: {
-                        type: import("vue").PropType<number>;
-                    };
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    class: {
-                        type: import("vue").PropType<string>;
-                    };
-                    click: {
-                        type: import("vue").PropType<() => void>;
-                    };
-                    align: {
-                        type: import("vue").PropType<"end" | "start" | "center">;
-                        default: string;
-                    };
-                    side: {
-                        type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                        default: string;
-                    };
-                    sideOffset: {
-                        type: import("vue").PropType<number>;
-                    };
-                    triggerClass: {
-                        type: import("vue").PropType<string>;
-                    };
-                    skipDelay: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                }>> & {
+                new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
+                    click?: () => void;
+                    delay?: number;
+                    skipDelay?: number;
+                    align?: "start" | "center" | "end";
+                    side?: "top" | "right" | "bottom" | "left";
+                    sideOffset?: number;
+                    class?: string;
+                    triggerClass?: string;
+                    resize?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }, {
+                }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                    click: () => any;
+                }, import("vue").PublicProps, {
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
-                }, true, {}, {}, {
+                }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
                     P: {};
                     B: {};
                     D: {};
                     C: {};
                     M: {};
                     Defaults: {};
-                }, Readonly<import("vue").ExtractPropTypes<{
-                    delay: {
-                        type: import("vue").PropType<number>;
-                    };
-                    resize: {
-                        type: import("vue").PropType<boolean>;
-                    };
-                    class: {
-                        type: import("vue").PropType<string>;
-                    };
-                    click: {
-                        type: import("vue").PropType<() => void>;
-                    };
-                    align: {
-                        type: import("vue").PropType<"end" | "start" | "center">;
-                        default: string;
-                    };
-                    side: {
-                        type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                        default: string;
-                    };
-                    sideOffset: {
-                        type: import("vue").PropType<number>;
-                    };
-                    triggerClass: {
-                        type: import("vue").PropType<string>;
-                    };
-                    skipDelay: {
-                        type: import("vue").PropType<number>;
-                        default: number;
-                    };
-                }>> & {
+                }, Readonly<{
+                    click?: () => void;
+                    delay?: number;
+                    skipDelay?: number;
+                    align?: "start" | "center" | "end";
+                    side?: "top" | "right" | "bottom" | "left";
+                    sideOffset?: number;
+                    class?: string;
+                    triggerClass?: string;
+                    resize?: boolean;
+                }> & Readonly<{
                     onClick?: (() => any) | undefined;
-                }, {}, {}, {}, {}, {
+                }>, {}, {}, {}, {}, {
                     align: "start" | "center" | "end";
                     side: "top" | "right" | "bottom" | "left";
                     skipDelay: number;
@@ -803,46 +333,25 @@ declare const meta: {
                 __isFragment?: never;
                 __isTeleport?: never;
                 __isSuspense?: never;
-            } & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
-                delay: {
-                    type: import("vue").PropType<number>;
-                };
-                resize: {
-                    type: import("vue").PropType<boolean>;
-                };
-                class: {
-                    type: import("vue").PropType<string>;
-                };
-                click: {
-                    type: import("vue").PropType<() => void>;
-                };
-                align: {
-                    type: import("vue").PropType<"end" | "start" | "center">;
-                    default: string;
-                };
-                side: {
-                    type: import("vue").PropType<"bottom" | "left" | "right" | "top">;
-                    default: string;
-                };
-                sideOffset: {
-                    type: import("vue").PropType<number>;
-                };
-                triggerClass: {
-                    type: import("vue").PropType<string>;
-                };
-                skipDelay: {
-                    type: import("vue").PropType<number>;
-                    default: number;
-                };
-            }>> & {
+            } & import("vue").ComponentOptionsBase<Readonly<{
+                click?: () => void;
+                delay?: number;
+                skipDelay?: number;
+                align?: "start" | "center" | "end";
+                side?: "top" | "right" | "bottom" | "left";
+                sideOffset?: number;
+                class?: string;
+                triggerClass?: string;
+                resize?: boolean;
+            }> & Readonly<{
                 onClick?: (() => any) | undefined;
-            }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                click: () => void;
+            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+                click: () => any;
             }, string, {
                 align: "start" | "center" | "end";
                 side: "top" | "right" | "bottom" | "left";
                 skipDelay: number;
-            }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+            }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
                 $slots: {
                     trigger?(_: {}): any;
                     content?(_: {}): any;